実践Webデザインスキル - 第7章 Lesson3

最終回:ご予約フォームを作成する方法-1

   

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

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

ご予約ページのフォームを作成する方法を一緒にみていきましょう。



この動画で学べること

・ご予約ページのフォームを作成する方法



余白のルールを見つけてフォームの入力部分を作っていこう

今回はまず、今までのデザインのルールを踏まえて、余白が10pxになるようにガイドを引いていきます。
ガイドが引けたら、フォームの入力する部分の作成方法を見ていきましょう。



フォームの入力する部分を作るときは、文字を入力したときにどのように見えるか、どのくらい内側に余白があるかを考えながら作ります。
今回は、12pxのフォントに内側の余白を上下5pxずつ取りたいので、縦幅22pxの入力する部分を作っていきましょう。



長方形ツールに切り替えて、高さ22pxの長方形を作成します。
塗りはなし、線はカラーピッカー灰色を選択し、1pxにしておきます。
これで、フォームの入力部分が作成できました。