Balsamiq-mockups-design-product-services-page
提供:Dev Guides
製品とサービスのページを設計する
ステップ1 *-開始するには、左側の *Mockups セクションから New Mockup 1 を右クリックします。 複製を選択します。 現在のページの正確なレプリカが作成され、 New Mockup 1 copy という名前が付けられます。
ステップ2 *-ページ要素を作成しましょう。 まず、*リンクバー*から*製品*リンクを強調表示します。 そのためには、リンクバーを選択し、右側の[*プロパティ]セクションの[選択]で[製品]を選択します。
- ステップ3 *-画面から不要なコントロールを削除する必要があります。 * Company Vision、テキストブロック*を削除します。 以下に示す画面が表示されるはずです。
ステップ4 *-テキスト *Products and Services をコピーします。 貼り付けて、名前を Case Studies に変更します。 画面の左上隅から image と logo text をコピーします。 ケーススタディ*テキストの下に貼り付けます。 このような画像を4つ作成します。 名前を *Case Study 1、Case Study 2、Case Study 3 および Case Study 4 に変更します。
以下に示すような画面が表示されるはずです。
このようにして、製品とサービスの画面を作成しました。 このページには、製品とサービスとともに、関連するケーススタディが表示されます。