DAY19.ポートフォリオ作成編 ポートフォリオブラッシュアップ②

01.ギャラリーサイトから見せ方のヒントをもらう

コーディングやデザインを鍛える一番の方法
『良いものを見てマネする』

いいサイトを多く見て、自分の目を肥やす

デザインを探すならPinterest

日本の優れたWebデザインを集めたギャラリー＆リンク集『81-web.com』

『awards』
アップロードされたデザインを世界中のデザイナーが採点
どんなデザインが評価されるのか分かる

02.装飾やデザインを整えてより魅力的なサイトに

Web制作者でも簡単にできそうなデザインや装飾のポイント、ツール

1.配色を決める

・メインカラー
・サブカラー
・アクセントカラー
決めることで、まとまりのあるサイト

2.見出しを工夫してみる

見出しは登場する頻度が高い

装飾を変更することで、サイトの印象が変わる

3.パーツの参考に

・パーツのギャラリー集
・Bootstrapの構成サンプル

よりブラッシュアップできるパーツや追加できるパーツを探る

4.フォントを変更

Webサイトにおいてフォントは見栄えに大きく影響

デバイスフォント
再現できるものはデバイスフォントを優先して活用

Webフォント
よりこだわりたいなら活用

5.画像加工

Canva
・サイトバナー作成
・画像加工
オンライン上で行える

Twitterの背景用
Facebookページ用
様々なサイズのバナーに対応

ちょっとした工夫でいい感じになる

03.進化し続けるポートフォリオサイトへ

ポートフォリオサイトは、自分の強み、魅力を紹介するサイト

自分のスキルが向上するにつれて進化させていく

自身の魅力をしっかり伝えられるサイトにしていく