実践Webデザインスキル - 第10章 Lesson7

最終回:フッターを作成する方法-2

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

テキストツールとシェイプツールを使って、お問い合わせフォームを作成します。



この動画で学べること

・お問い合せのテキストとフォームの作成方法



お問い合せのテキストとフォームをデザインしよう

今回は、フッターの右側にあるお問い合せ部分を作成しましょう。



まず、テキストから作ります。
テキストツールに切り替えて、「お問い合せ」と「お問い合せお待ちしております」の2つのテキストを作成します。
それぞれスタイルを変更し、10pxの余白をとって配置させます。


次に、お問い合せ内容の入力部分を作っていきます。
長方形ツールで幅374px、高さ37pxの長方形を作成し、オプションバーから色の変更を行なっていきます。
塗りは白色、線は1pxの灰色に指定しておきます。
作成したテキストと長方形を移動ツールでそれぞれの場所に配置しましょう。