コラムColumn

フラットデザイン

4d2a4ed936686bc473857cfd6e27180e

こんにちは。
amandaと言います。
今後 わたし自身が気になる事をがしがし書いていこうと思います。
わたしの発信事に、共感や違和感や発見をしていただけたら光栄です^ ^
何卒 よろしくお願い申し上げますm(_ _)m

 

それでは、今回は フラットデザインに関して、参考になるサイトをご紹介したいと思います^ ^

 

フラットデザインとは、
主にコンピュータシステムのユーザーインターフェース(UI)において、装飾性をできるだけ抑えたシンプルで平面的なデザインの総称である。
(IT用語辞典バイナリ http://www.sophia-it.com/content/フラットデザイン 引用)

 

そうして フラットデザインのポイントとは、

・閲覧者にコンテンツや商品の魅力を最大限に伝えるために、装飾は最小限に留める。
シャドーやエンボスを加えるといった立体感を持たせることはしない。
見出しは強調するために文字に複数、カラーを使ったり、下線などの装飾もしない。
・カラーは大胆に濃淡のはっきりした配色でゆったりと範囲をとる。
ビビットなカラーを使用するサイトが多い。

・グラデーションを使わない。

・テキストのフォントはリッチなフォントよりはモダンなフォントを選ぶ。
わたし的に参考になった一覧サイトとサイトをご紹介いたします。

 

-一覧サイト-

 

・≫フラットデザイン| 縦長のwebデザインギャラリー・サイトリンク集| MUUUUU.ORG

» フラットデザイン 縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG
http://muuuuu.org/category/taglist/flat

 

・Graphic Design Junction

Flat Websites Design – 32 New Examples Web Design Graphic Design Junction
http://graphicdesignjunction.com/2014/09/flat-websites-design-32-new-examples/

 

・Flat Design Gallery & Showcase・An inspirational resource for designers・Flat Inspire

Flat Design Gallery & Showcase • An inspirational resource for designers • Flat Inspire
http://flatinspire.com/

 

・WEBデザイナーの為のWEBデザインギャラリー – WEB DESIGN GALLERY for WEB DESIGNERS

WEBデザイナーの為のWEBデザインギャラリー - WEB DESIGN GALLERY for WEB DESIGNERS
http://design-gallery.biz/

 

 

-気になったサイト-

 

・P&C BY Clark & Timms | Created in England,Worn Worldwide.-P&CO
写真が活きているなぁと思います。
http://pand.co/

 

・PRPL | Purple,Rock,Scissors :A Digital Creative Agency in Orlando
動画と写真を最大限に活用しています。左側のボタンがユニークだなと思います。
http://purplerockscissors.com/

 

・Melanie F -Slippers for children
かわいい感じです。
http://melanie-f.com/en/

 

・H.Creative Group
ななめカットがダイナミックでインパクト大です。
http://www.hcreativegroup.com/

 

・Gaden Estudio – Web & Mobile
スクロールダウンするたびにどこかが動くのがユニークだなと思います。
http://gardenestudio.com.br/

 

・COSO Winerestaurant – Ristorante e Winebar
スタイリッシュだなと思います。
http://www.cosowinerestaurant.com/

 

・New JUMO Concept – Modem reedition of the JUMO Classique lamp
スクロールをして商品のライトスタンドを動かすのがユニークだなと思います。
http://www.newjumoconcept.com/en/#home

 

・Bell Brothers
展開がユニーク。そんな展開の仕方があるのかとびっくりしました。
http://bellbros.com/

フラットデザイン / ポイント / 一覧サイト

執筆者:catfish_G

お問い合わせフォーム