Balsamiq-mockups-design-product-services-page

提供:Dev Guides
移動先:案内検索

製品とサービスのページを設計する

ステップ1 *-開始するには、左側の *Mockups セクションから New Mockup 1 を右クリックします。 複製を選択します。 現在のページの正確なレプリカが作成され、 New Mockup 1 copy という名前が付けられます。

*Mockups* セクションの下の各アイテムを右クリックすると、ページの名前を変更できます。
*New Mockup 1* を *Home* に、 *New Mockup 1 copy* を *Products and Services* に名前変更します。 上記の基準を完了すると、次の画面が表示されるはずです。

新しいモックアップ

ステップ2 *-ページ要素を作成しましょう。 まず、*リンクバー*から*製品*リンクを強調表示します。 そのためには、リンクバーを選択し、右側の[*プロパティ]セクションの[選択]で[製品]を選択します。

製品

  • ステップ3 *-画面から不要なコントロールを削除する必要があります。 * Company Vision、テキストブロック*を削除します。 以下に示す画面が表示されるはずです。

会社バイソン

ステップ4 *-テキスト *Products and Services をコピーします。 貼り付けて、名前を Case Studies に変更します。 画面の左上隅から imagelogo text をコピーします。 ケーススタディ*テキストの下に貼り付けます。 このような画像を4つ作成します。 名前を *Case Study 1、Case Study 2、Case Study 3 および Case Study 4 に変更します。

以下に示すような画面が表示されるはずです。

製品サービス

このようにして、製品とサービスの画面を作成しました。 このページには、製品とサービスとともに、関連するケーススタディが表示されます。