スタッフブログ

コーディングラボのスタッフから、
日々のつぶやきをお届けします。

シンプルでわかりやすい、フラットデザインの参考サイト

人気の高いフラットデザイン

シンプルでわかりやすく、スタイリッシュな印象をあたえるフラットデザインは、平坦なデザインとバリエーションをおさえた色味が特徴で、ここ数年ウェブデザインの主流として高い人気を得ています。また、その魅力は見た目の良さだけでなく、内容のわかりやすさや画像読み込みのスピードの速さから、ユーザーがサイトを閲覧する際のストレスが少ないという点にもあります。今回はフラットデザインを使ったウェブサイト制作の際に参考にしたいサイトをご紹介します。

魅力がわかりやすい参考サイト

https://www.pactcoffee.com/

イギリスでコーヒーを販売しているPactという店のサイトで、少し暗めの写真の上に白い文字がくっきりと浮かぶ、スタイリッシュで見やすいサイトです。下にスクロールすると、丸みをおびた読みやすい文字と手書きのイラストがあり、シンプルな中にもあたたかさを感じさせます。

http://oak.is/

こちらはウェブサイトのデザインやアプリの制作を行う会社のサイト。ウェブデザインを手がけるだけあって、とてもシンプルなレイアウトなのに効果的な配色やアイコン使いでわかりやすくストレスの少ないデザインになっています。このウェブサイトを見ただけでこちらの会社のセンスを感じ取ることができます。

http://www.boldking.com/

最後はひげそり用のシェーバーを販売しているオランダの会社のサイトです。オランダ語で説明が書かれているので詳細は翻訳しなくてはわからないのですが、シンプルなイラストや画像のおかげでどのような内容が書かれているかを推測できます。このように母国語のサイトでなくてもわかりやすく、内容がくみ取れるというのも魅力のひとつです。

ご紹介したサイトを見てもわかるように、このようなデザインのサイト制作は装飾が少ないのでHTML5やCSS3などを使って容易にできるのも魅力です。しかし、このデザインを効果的に使うためには配色や画像、文字など少ない要素でインパクトを与える必要があるので、情報の精査や間延びしないレイアウトなどの専門的な見方も必要となってきます。そのため効果的なサイトデザインを望まれるのであれば、コーディング代行の利用を検討してみてはいかがでしょうか。