前回の記事で、「ポートフォリオサイトのデザインを一新する際にこだわったところを次の記事に書く！」と宣言したので、簡単にまとめておきたいと思います。
こだわりの点は4つ！
今回、サイトのデザイン変更でやってみたこだわりの点は、以下の4つです。
ポップな配色に
全体的に装飾少なめで、余白の多いシンプルなデザインなので、寂しい印象にならないようポップな色を取り入れてみました。
この配色は『見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色』という本のアイディアをお借りしています。見た瞬間に「この配色使ってみたい！！」と一目惚れした素敵な配色です。
背景色の区切りを斜めに
トップページの背景色の区切りを斜めにしてみました。普通にまっすぐ横に区切るより、動きがあって楽しい印象になりますね。
ファーストビューでピンクと青の背景色が少し見切れるようにしているのもこだわりです。
実績の表示をスライダーに
トップページのWorksのところは、今までの制作実績の中から最新の6件が表示されるようになっています。
幅の広いブラウザで閲覧すると3件ずつ2列で表示されますが、タブレットやスマホなど狭いブラウザ幅ではスライダーで横一列に表示されるようにしました。
スマホで縦に6件並べるとページが長くなり、ページの下の方へたどり着くのに時間がかかってしまうと思ったので、このような実装にしてみました。
フォントにLexendを使用
ファーストビューや見出しに使用しているフォントは、GoogleフォントのLexendです。ちょっとFuturaに似ているような、丸っこい可愛らしさのあるフォントだと思います。
初めて使用しましたが、結構お気に入りのフォントです。
こだわると苦労もするけど、楽しい
今年の1月にサイトをリニューアルしたばかりだったのに、1年も経たないうちに今回のデザインに変更しましたが、毎回「これまでにやっていないちょっと難しいことに挑戦してみよう！」と思いながら新しいデザインを考えています。
なので、デザインができていざコーディングに取り掛かったら、結構苦労したり。。
でもそんなところもひっくるめて、Webサイトを作るのは楽しいですね。