【初心者のためのWebデザインの方法・勉強法】
Webサイトデザインの勉強法
↓
とにかく真似して、作りまくる！！
手を動かさないと何も成長しない
真似するためのサイトを見つける
io3000.com
イケサイ
などいいサイトを選ぶ
審美眼がある方が選んでいる
そのサイトとそっくりそのまま真似する
ハンバーガーメニューがどれくらい空きがあるのかなど
何百サイトも真似をする
ラスタライズとは？
文字と行間のサイズ感としては、14pxを2で割って、14にそれを足した数値が適切な行間になる
白いドロップシャドウをつけると少しリッチになる
【Webデザインで参考になるサイトの探し方】
企画＆機能
デザイン＆テイスト
デザインに関する参考サイト
io3000.com
Webサイトギャラリー作っている人のサイトを真似する
イケサイ.com
Webデザイン ギャラリー と検索すると出てくる
10サイトは見つける
【Web制作でよく使用するツール】
※参考サイトの横幅を調べるツール
chrome デベロッパーツール
MeasureIt！拡張機能入れる
※参考サイトの色コードを調べるツール
ColorZilla 拡張機能
※数値から黄金比を計算するツール
Webデザイン黄金比計算ツール というサイトを使う
白銀比もある
※Webサイトをスクリーンショットするツール
プリントスクリーンではなく、
Webページショット 拡張機能
まずはレイアウトを作ることから始めたらいい
余白を統一すること
ファーストビューは高さ
500pxから550px600pxあたりまで
コンテンツをちらっと見せる必要がある
コメントを残す