レイアウト

レイアウトに関する5つのデザインのルール

2016/01/12(Tue) 07:26

広告やチラシや提案書を作成する時、また名刺やWebサイトをデザインする際にも、無造作に文字や画像を並べるだけでは綺麗で見やすいものにはなりません。

http://creive.me/archives/6905/

Webデザインの勉強にいい！レイアウトやUIエレメントやカラーの使い方の参考になるStyle Guideのまとめ

2016/01/07(Thu) 07:32

レイアウトの基本構成・展開例、UIエレメントのバリエーション、カラーの使い方など、Webページのデザインの定義がまとめられたスタイルガイドを紹介します。

http://coliss.com/articles/build-websites/operation/design/style-guides-for-ui-design.html

配色やレイアウトの参考にしたい、無料UIコンポーネントとWebレイアウトまとめ

2015/10/08(Thu) 07:30

世界中のデザイナーが作成したPSDファイルは、どれもきちんと整理されており、ダウンロード後すぐに利用することができます。また後半では、実際にUIデザインを利用したウェブサイト制作の参考にしたい、Webページレイアウト用PSDファイルも一緒にまとめています。

http://photoshopvip.net/archives/82100

ナビゲーションに一貫性がないサイトを改善する4つのアプローチ

2015/10/02(Fri) 07:36

ナビゲーションのルールが明確になるように設計して、サイト内で一貫性が保たれるようにしまょう

http://web-tan.forum.impressrd.jp/e/2015/10/02/20700

Webページのレイアウトに役立つ20のデザインテクニック

2015/09/30(Wed) 07:45

ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。

http://coliss.com/articles/build-websites/operation/design/designing-with-contrast-by-canva.html

Webデザイナー必見、実務で役立つ逆引きレイアウト集

2015/07/22(Wed) 07:46

オシャレなレイアウトやユーザーが使いやすい配置を実現するには、どのようなことに気をつければよいのか。クライアントの要望に合わせてアイデアを出したいとき、レイアウトで困った時に読んでおきたいメモ。イメージが湧きやすいように、国産サイトを多めにピックアップしました。

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

Webコンテンツの成果が上がるレイアウトの法則とは？

2014/12/10(Wed) 07:56

優れたコンテンツとは、どんな構成で作られているのか、その鉄則を解説します。

http://web-tan.forum.impressrd.jp/e/2014/12/08/18851

紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個

2014/07/18(Fri) 08:54

DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。

http://www.pressmantech.com/tech/cording/1551

これで完璧。目的別Webデザイン・レイアウト8選

2014/07/18(Fri) 08:54

Webサイトを制作する際、自分が作りたいサイトがどのようなレイアウトに適しているのか分からず悩んだことはありませんか？

http://liskul.com/cr_webdr8-3599

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

2014/06/17(Tue) 12:15

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

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