TOOL
figma
photoshop
illustrator
portfolio
CONCEPT
わかりやすいシンプルな
ポートフォリオサイト
ポートフォリオサイトの為、一つ一つの要素がパッと見でわかりやすい様に配置・レイアウトをしました。文字も多くなっていますが、それ以上に視覚的な要素でどれがどの情報かを伝えられる様に極力シンプルなデザインを目標としました。
COLOR
MAIN COLOR
様々なサイトを表示する為、
背景色は他の要素を邪魔しな
いシンプルに白にしました。
真っ白なキャンバスのイメー
ジをしています。
SUB COLOR
白とのメリハリをつける為、
黒をサブカラーとしました。
完全な白と黒では、印象が強
すぎる為、若干明度のある黒
にしています。
ACCENT COLOR
アクセントカラーはそれぞれ
のサイトのメインカラーを採
用し、サイト自体は活気のあ
るイメージを目的として、左
記の色にしています。
STRUCTURE
TOP PAGE
トップページはポートフォリオの表紙をイメージし、作り格子状のノートのマス目をデザインとして取り入れています。その他シンプルな黒線で要素を囲む事、また囲まない事で一つの要素をより 強調するようにしました。
WORK
それぞれのページをタイトルの下は2カラムレイアウトにして、左側は作品の全体を見られる様にし、右側は自分のデザインの思考を記述しています。
ABOUT ME
要素を中央にまとめ、見易さを意識しました。余白を有効に使用する事に注意しながら作成し、視線がこのサイト上でどう動いて、どこに目が行くのかを考えて作成しました。