レイアウト

デザインのレベルを上げる！レイアウトやタイポグラフィに関するまとめ

2014/06/17(Tue) 12:15

Web関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。

http://commte.net/blog/archives/4547

レイアウトが考えやすくなるデザインのルール

2013/04/02(Tue) 11:34

デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています…

http://wp.yat-net.com/?p=3633

Webサイトで見るメニューのレイアウト・デザインいろいろ

2013/03/27(Wed) 12:12

サイト製作では必須なぐらい頻繁に登場するメニューですが、レイアウトやデザインはさまざまですよね。毎回どういうものを作るか迷います。というわけで、世の中に出回っているメニューデザインでよく見るパターンを知っている限りご紹介したいと思います…

http://handywebdesign.net/2013/03/layout-and-design-about-menu/

【WEBデザインツール】Screenqueri.es

2012/12/14(Fri) 11:09

各種デバイスのウインドウサイズでサイトを表示できます。レスポンシブデザインにとても便利です。

http://screenqueri.es/

CSSでWebサイトのレイアウト組み＋装飾の基本プロセス

2012/12/06(Thu) 11:55

CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ…

http://www.webcreatorbox.com/tech/basic-css-process/

見やすい・使いやすいレイアウトの為に考えるべき事。

2012/08/02(Thu) 11:47

どういう風にユーザーに見せれば「見やすいか？」「使いやすいか？」を検証しています。

http://basicdesign-note.com/easytoread-layout/

ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン

2012/06/11(Mon) 12:01

実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介しています。

http://coliss.com/articles/build-websites/operation/design/10-evergreen-website-layouts-by-speckyboy.html

レイアウト作りを簡単にしてくれるCSSグリッドシステム

2010/12/21(Tue) 11:08

Webデザインに欠かせないCSSでのレイアウト作りについて紹介しています。

http://webdesignrecipes.com/css-grid-system-layout/

Webレイアウト :: Webデザイン講座 - オシャレチップス

2008/02/14(Thu) 19:47

初心者にわかりやすいサイト。

http://oshare.chips.jp/making/02layout/

ウェブデザイン・マイスタイル

2008/02/14(Thu) 19:46

ウェブデザインのレイアウト、配色を多くのパターンで解説しています。

http://www.my-style.org/index.html