TOP  >  Design  >  グリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」
2010年12月09日

グリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」

グリッドラインを活かしレイアウトされたwebデザイン、すでに定番の形となりさまざまなシーンで展開されていますが、そんな中今回はグリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」を紹介したいと思います。


TasteSpotting | a community driven visual potluck

定番のものから、デザイン性を重視しさらに個性を強調したタイプなど、同じグリッドレイアウトの中でにいろんなタイプのデザインが紹介されています。気になったサイトを以下にまとめてみました。

■MCQ
アンティークさが漂うデザイン。グリッドが活かされているので、たくさんのビジュアルが並んでも気になりません。

■HouseOfBurvo
タイポグラフィをグリッド上に並べたレイアウト。シンプルな中にもデザイン性が感じられます。

■Lifestream of Shimone Samuel
カラーの使い方に工夫が見られるグリットタイプのレイアウトです。

アイデアや要素を追加することで、同じグリッドレイアウトでも、また新しいジャンルとしてデザインを楽しむことができそうです。ほかにもまだいろいろなサイトを公開していますので、気になる方は下記よりどうぞ。

40+ Great Examples of Grid Style in Web design – tripwire magazine

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:14  |  
Category: Design   
tag: WebService インターネット クリエイティブ デザイン
このエントリーをはてなブックマークに追加

関連記事

Default Thumbnailダーク系の色合いのサイトを集めた「35+ Fresh Showcase of The Dark Side of Web Design」 Default Thumbnailパープルをテーマカラーとしたwebサイトデザイン集「Examples Of Using Purple Color In Custom Web Design」 Default Thumbnail250種類以上のアイコンが一括ダウンロードできる「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」 Default Thumbnailさまざまなデザイン・レイアウトのフォームデザインまとめ「28 Brilliant Form Layouts in User Interface Design」

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください 【商用可】アナログ感のあるドローイングフリーフォント「THRONE」 アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」 子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」 クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」 バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」 インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」 個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」 最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る