おしブロ from STONEWEB

おしい県でWebに携わって働く人のブログ from ストーンウェブ。IT&Web界隈に関する役に立ちそうなことをまとめていきます。2013年1月運営開始。

移転しました。

約3秒後に自動的にリダイレクトします。

「カード型デザイン&グリッドレイアウト」なサイトを国内と海外合わせて「58サイト」集めてみた。

f:id:lord_cashew:20140403192953j:plain

レスポンシブウェブデザインやフラットデザインなサイトが増えている今日この頃ですが、そういえば「カード型デザイン」「グリッドレイアウト」なサイトをよく見かけるので、もしかしたら流行っているのかもしれないと思い、情報収集と今後の参考の為に「カード型デザイン」のサイトをググって探して、国内28サイトと海外30サイトを集めてみました。

 

カード型デザインの国内サイト(合計28サイト)

f:id:lord_cashew:20140403184250j:plain

1. 株式会社中川政七商店

 

f:id:lord_cashew:20140403184257j:plain

2. THE EARTH NEWS | ジアス・ニュース

 

f:id:lord_cashew:20140403184302j:plain

3. 株式会社バーグハンバーグバーグ

 

f:id:lord_cashew:20140403184308j:plain

4. デザイン・ホームページ制作作成福岡 大分【CONDENSE】

 

f:id:lord_cashew:20140403184314j:plain

5. Tango Gameworks <タンゴ ゲームワークス>a division of ZeniMax Asia K.K. | HOME

 

f:id:lord_cashew:20140403185122j:plain

6. AUT SPOT:エンジニアを育てる愛知工科大学と自動車整備士をめざす愛知工科大学自動車短期大学の魅力を紹介

 

f:id:lord_cashew:20140403185129j:plain

7. 神大コミュニティ

 

f:id:lord_cashew:20140403185137j:plain

8. BEAUTY&YOUTH | UNITED ARROWS | SEASON'S GREETINGS

 

f:id:lord_cashew:20140403185143j:plain

9. RaNa design associates, inc.(株式会社ラナデザインアソシエイツ)

 

f:id:lord_cashew:20140403185151j:plain

10. 玉川大学 芸術学部 ビジュアル・アーツ学科

 

f:id:lord_cashew:20140403185157j:plain

11. 日産:第42回 東京モーターショー 2011

 

f:id:lord_cashew:20140403185202j:plain

12. hinikudesign

 

f:id:lord_cashew:20140403185209j:plain

13. Re:designの営業兼WEBディレクターマスコイサムの日々のアウトプット|masukoisamu.com

 

f:id:lord_cashew:20140403185214j:plain

14. Webコンサルティング・Web制作会社 | クライマークス

 

f:id:lord_cashew:20140403185220j:plain

15. RIDE MEDIA&DESIGN株式会社 | オフィシャルサイト

 

f:id:lord_cashew:20140403185227j:plain

16. 毎日楽しく! 株式会社ナインデザイン

 

f:id:lord_cashew:20140403185232j:plain

17. charary - キャラリー / キャラクターデザインとイラストのサイト

 

f:id:lord_cashew:20140403190223j:plain

18. D&DEPARTMENT PROJECT

 

f:id:lord_cashew:20140403190229j:plain

19. 東京 デザイン事務所 サガ|SAGA INC.

 

f:id:lord_cashew:20140403190235j:plain

20. ARCPHILIA Inc.|アークフィリア

 

f:id:lord_cashew:20140403190241j:plain

21. YOU CHOOSE - 各業界の専門家がすすめるモノ&コト情報

 

f:id:lord_cashew:20140403190245j:plain

22. Super me inc.

 

f:id:lord_cashew:20140403190251j:plain

23. aModel casting(エーモデル・キャスティング)

 

f:id:lord_cashew:20140403190256j:plain

24. Shinya Inamura - Web & Design & Illustration

 

f:id:lord_cashew:20140403190302j:plain

25. CHECK IT OR KYOTO

 

f:id:lord_cashew:20140403190307j:plain

26. quadro|online store

 

f:id:lord_cashew:20140403190313j:plain

27. 大阪人間科学大学 | 学校法人薫英学園

 

f:id:lord_cashew:20140403190938p:plain

28. 株式会社ディー・エヌ・エー【DeNA】

 

 

カード型デザインの海外サイト(合計30サイト)  

f:id:lord_cashew:20140403191715j:plain

1. hejz.com/

 

f:id:lord_cashew:20140403191723j:plain

2. Home | Pixillion

 

f:id:lord_cashew:20140403191727j:plain

3. MAJOR TOM

 

f:id:lord_cashew:20140403191733j:plain

4. nice device by pete brundle. web development | interaction design and code, melbourne australia

 

f:id:lord_cashew:20140403192133j:plain

5. A gallery of custom bikes - Boutique Cycles

 

f:id:lord_cashew:20140403192138j:plain

6. dynamIt | a digital agency | columbus, ohio

 

f:id:lord_cashew:20140403192143j:plain

7. FÆBRIC / Fashion Students Magazine FÆBRIC

 

f:id:lord_cashew:20140403192148j:plain

8. Home | Fakultät Gestaltung

 

f:id:lord_cashew:20140403192153j:plain

9. Fonts In Use – Type at work in the real world.

 

f:id:lord_cashew:20140403192157j:plain

10. Welcome — Heydays

 

f:id:lord_cashew:20140403192947j:plain

11. Website Templates — Squarespace

 

f:id:lord_cashew:20140403192953j:plain

12. TERUHIRO YANAGIHARA

 

f:id:lord_cashew:20140403192959j:plain

13. The Book Cover Archive

 

f:id:lord_cashew:20140403193004j:plain

14. Toxic

 

f:id:lord_cashew:20140403193011j:plain

15. ::: Toko. Concept. Design. ::: +61 (0)4 136 133 81 :::

 

f:id:lord_cashew:20140403193017j:plain

16. Women's, Men's and Kid's Clothing and Accessories | Home | UNIQLO

 

f:id:lord_cashew:20140403193023j:plain

17. Viktoria Klein | Kommunikations-Designerin // Übersicht

 

f:id:lord_cashew:20140403193031j:plain

18. St. Louis Advertising Agency | Rodgers Townsend

 

f:id:lord_cashew:20140403193036j:plain

19. Reserved.com Shop Online

 

f:id:lord_cashew:20140403193042j:plain

20. Pierrick Calvez Studio

 

f:id:lord_cashew:20140403193048j:plain

21. McQuade - Design, Illustration & Art

 

f:id:lord_cashew:20140403193053j:plain

22. Landor Associates

 

f:id:lord_cashew:20140403193105j:plain

23. KStation - Killingsworth Station | Portland, Oregon

 

f:id:lord_cashew:20140403193111j:plain

24. Posters in Amsterdam: an initiative by art director Jarr Geerligs

 

f:id:lord_cashew:20140403193117j:plain

25. David Arias – Branding and Design / Freelance Graphic Designer / Vancouver, Canada

 

f:id:lord_cashew:20140403193123j:plain

26. 5AM / ALL IS ART 

 

f:id:lord_cashew:20140403193129j:plain

27. _F7 | Yoshito Hasaka

 

f:id:lord_cashew:20140403193134j:plain

28. Baubauhaus.

 

f:id:lord_cashew:20140403193139j:plain

29. Where They At: New Orleans Hip-Hop and Bounce in Words and Pictures. Aubrey Edwards and Alison Fensterstock. New Orleans 2010.

 

f:id:lord_cashew:20140403193144j:plain

30. Shropshire Screen | Bringing quality digital cinema to rural Shropshire

 

参考:40 Impressive Grid based Web Designs for Inspiration - DJDESIGNERLAB

 

Webデザインの見本帳 実例で学ぶ最新のスタイルとセオリー

Webデザインの見本帳 実例で学ぶ最新のスタイルとセオリー

  • 作者: 森本友理,ラナデザインアソシエイツ,福岡陽,ラナエクストラクティブ,宇野雄,境祐司
  • 出版社/メーカー: エムディエヌコーポレーション
  • 発売日: 2015/09/25
  • メディア: 単行本
  • この商品を含むブログを見る
 
現場のプロが教える WEBデザイン 新・スタンダードテクニック37

現場のプロが教える WEBデザイン 新・スタンダードテクニック37

  • 作者: 秋元英輔,安藤真衣子,五十嵐亮太,稲葉聡,大串肇,小見祐介,日下部忠之,倉持友喜,小杉厚太,後藤寛一,シオミユタカ,菅原のびすけ,清野奨,高遠和也,高橋としゆき,中村大騎,羽野めぐみ,肥田真紀子,松本奈央,miccweb,宮崎優太郎,森崎嘉友
  • 出版社/メーカー: エムディエヌコーポレーション
  • 発売日: 2015/08/18
  • メディア: 単行本
  • この商品を含むブログ (1件) を見る
 
人を惹きつける 美しいウェブサイトの作り方 人に伝わるデザインと制作のレッスン

人を惹きつける 美しいウェブサイトの作り方 人に伝わるデザインと制作のレッスン

 
フラットデザインの基本ルール Webクリエイティブ&アプリの新しい考え方。

フラットデザインの基本ルール Webクリエイティブ&アプリの新しい考え方。

 

 

© STONEWEB