要素を大きくフラットシンプルに仕上げたポートフォリオWebデザイン

Webデザイン３つの良いとこ : 3 Good Point!

もう綺麗にまとめられたショーケースみたいですね。シンプルなのですが、その分目で観てすぐにわかるように構成されているデザインは一見の価値ありです。レスポンシブウェブデザイン、パララックス・・各所で魅せるギミックが満載です。

ああトップページにアクセスした瞬間に、綺麗なWebデザインだなと感心させられてしまいました。伝えたいことは１ページにそれぞれ要点だけをまとめているので、余白がしっかりと設けてられている形になり読みやすい。

また、シンプルなベタ塗り配色で、メインカラムでは白とページカラーのみしか使用しません。その影響か、更に読みやすく、キャッチーにページが映ります。

こりゃ見事。次何をすれば良いのか、ミニマルコンパクトに表示しています。だけれども理解は出来る範疇。なぜ出来るのかというと、まず今いる箇所の丸だけが大きくなるんですよね。これによって、均一されたルールの中にひとつだけイレギュラーな存在が加わることになり、何か変化があることがわかります。

また、フラットWebデザインらしく要素を徹底的に排除している感じサイト全体のデザインにとてもマッチしているのも良いですよね。ワクワクしながらページ遷移が出来るのも特徴。

個別ページでは「スクロールしてください」というデザインが表示されているので、スクロールしていくと・・・、

下からその詳細ページがパララックスで表示されます。

まるでそれは洗練されたショーケースのようなUIデザインでした。ページの最下部では作り上げたWebデザインごとに、その特徴がシンプルにまとめられているので、こういった箇所も「伝える力」という点でデザインが参考になります。

他にも、レスポンシブWebデザインだったり、パララックスが使用されていたり、各所で参考になるギミックが満載です！

こんな綺麗なポートフォリオWebデザインは久しぶりに観ました。このGW中に、何かサイトを作り上げる！といった方も多いのではないでしょうか。ぜひこういった素敵なWebデザインを参考にして頂ければなと思います！

今日参考にさせて頂いたサイト

Twitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。ぜひフォローしてください！