フラットデザインのwordressテーマ37個

投稿日と更新日

フラットデザインのwordressテーマ37個です。

最近日本のYahooもフラットデザインを採用して話題になっているので、
フラットデザインのテーマを検討する人も多いんじゃないのかな?と思って並べてみます。

 

コメントでそもそもフラットデザインってなんなの?

こちらが参考になると思います。

5分で分かる製作現場(8):5分で分かるフラットデザイン (1/5) – @IT

http://www.atmarkit.co.jp/ait/articles/1306/11/news094.html

 

Metro – Windows 8 Metro WordPress Theme  MORE INFO / DEMO

metro-product-img

めっちゃwindows8ぽいw

 

Business Essentials Premium WordPress Theme – MORE INFO / DEMO

businessessentialspremiumWordPressth1

Flexible – MORE INFO / DEMO

flexible3

U – design WordPress Theme – MORE INFO / DEMO

udesign-WordPress-theme3

Nimble – MORE INFO / DEMO

nimble

Zito – Minimal Responsive / WordPress – MORE INFO / DEMO

zito-minimal-responsive-WordPress-theme

Acute – Beautiful Responsive Blogging Theme – MORE INFO / DEMO

acute-beautiful-responsive-blogging-theme

Foxy – MORE INFO / DEMO

foxy

Aeolus – Corporate Mnimalistic WordPress Theme – MORE INFO / DEMO

aeolus

Vetro – Flat UI WordPress Theme – MORE INFO / DEMO

vetro-flat-ui-WordPress-theme

Builder – Responsive Multipurpose Theme – MORE INFO / DEMO

builder-responsive-multipurpose-theme3

Pinstagram – MORE INFO / DEMO

pinstagram

Flatpack – Multipurpose Business WordPress Theme – MORE INFO / DEMO

flatpack-multipurpose-business-WordPress-theme

Cleangold Minimal Worpdress Theme – MORE INFO / DEMO

cleangold-minimal-WordPress-theme

Metro – MORE INFO / DEMO

metro

Modern Metro – Responsive WordPress Theme – MORE INFO / DEMO

modern-metro-responsive-WordPress-theme

Designy: A Design Led Business WordPress Theme – MORE INFO / DEMO

designy-a-design-led-business-WordPress-theme

Daynight – MORE INFO / DEMO

daynight

Cluster – A Bold Portfolio WordPress Theme – MORE INFO / DEMO

cluster-a-boldportfolio-WordPress-theme

Gonzo – Clean Responsive WP Magazine – MORE INFO / DEMO

gonzo-clean-responsive-wp-theme

80/20 – WordPress Magazine Theme – MORE INFO / DEMO

8020-WordPress-magazine-theme

Good Space – Responsive Minimal WP Theme – MORE INFO / DEMO

goodspace-space-responsive-minimal-wp-theme

Blooog / Premium Blog Portfolio Theme – MORE INFO / DEMO

blooog-premium-blog-portfolio-theme

Glamour – MORE INFO / DEMO

glamour1

Purity – Clean Minimal Bold WordPress Theme – MORE INFO / DEMO

purity-clean-minimal-bold-WordPress-theme

Folioway – Premium WordPress Theme – MORE INFO / DEMO

folioway-premium-WordPress-theme1

Daisho – Flexible WordPress Theme – MORE INFO / DEMO

daisho-flexible-WordPress-theme

Shift – A tumblog Style WordPress Blogging Theme – MORE INFO / DEMO

shift-a-tumblog-style-WordPress-blogging-theme

Minimal Desire – WordPress Portfolio Theme – MORE INFO / DEMO

minimal-desire-WordPress-portfolio-theme

Aware – Responsive WordPress Portfolio Theme – MORE INFO / DEMO

aware-responsive-WordPress-portfolio-theme

Garnish – Clean-cut WordPress Portfolio Theme – MORE INFO / DEMO

garnish-clean-cut-WordPress-portfolio-theme

Extensio – Elegant and Minimal Business WordPress – MORE INFO / DEMO

extensio-elegant-and-minimal-business-WordPress

Classica – Minimalistic WordPress Portfolio Theme – MORE INFO / DEMO

classica-minimalistic-WordPress-portfolio-theme

Super Spark – Responsive Minimal WP Theme – MORE INFO / DEMO

super-spark-responsive-minimal-wp-theme1

Elogix – Responsive Business WordPress Theme – MORE INFO / DEMO

elogix-responsive-business-WordPress-theme

Gridlocked: Minimalistic WordPress Portfolio Theme – MORE INFO / DEMO

gridlocked-minimalistci-WordPress-portfolio-theme

Proxy – One page Responsive WordPress Theme – MORE INFO / DEMO

proxy-one-page-responsive-WordPress-theme

 

 

Site Templates – Flati – Responsive Flat Design Bootstrap Template | ThemeForest MORE / DEMO

Flati Bootstrap

Glider • Clean & Powerful Flat stylish theme more /demo

Glider

こうやってフラットデザインのテーマを並べてみると

サイトのコンセプトで写真を多く使うところろと文字が多いところだとサイト合うフラットデザインとそうでないものとわかれそうですね。

 

フラットデザインのコツ

フラットデザインのコツ的なアレ – 納豆には卵を入れる派です。
http://d.hatena.ne.jp/ken_c_lo/20130619/1371664000

 

アイコンなどのセットは、ここが参考になる。

フラットデザインに使える無料アイコンセット20選 | 株式会社LIG
http://liginc.co.jp/web/design/material/33723

 

参考元:http://wpbriefly.com/2013/05/minimalistic-flat-WordPress-themes/

  1. attripのアバター
    attrip

    ここに出てくるアイヴ的っつーのがフラットデザインの話かな。
    つまりフラットデザインの正解はないんだよね。タッチパネルになれていないユーザーのための補助輪が今一つずつ外れていってるんよ。その過程で出てきた言葉がフラットデザインなんじゃねーのかな?
    http://wired.jp/2013/06/17/why-jony-ives-and-apple-ios7-are-holding-back-the-future-of-design/

  2. attripのアバター
    attrip

    そもそもフラットデザインてなんなん?
    ・角丸使わない
    ・グラデーション使わない
    ・でもドロップシャドーはOK
    ・要素間の間が多い
    が共通事項な気がするけど。

    iOS7とか、フラットデザインという割には、ドロップシャドウ使ってたり、ちょっとわからんのです。流行りかね?

  3. attripのアバター
    attrip

    >5 
    ありがとー

  4. attripのアバター
    attrip

    フラットデザインってのっぺりってイメージだったけど魅せ方でいい感じにもなるしダサくもなるな。

ATTRIP Search

  1. ホーム
  2. WordPress
  3. フラットデザインのwordressテーマ37個