Webデザイン

2016年、WebのUIデザインに取り入れたいアイデアがまとめられた無料のeBook

2016/04/21(Thu) 07:26

最近のUIデザインで採用されているレイアウトやコンテンツの種類、さまざまなナビゲーションの名称とその役割、ビジュアルでの階層表現、トレンドのビジュアルの使い方など、これからのプロジェクトのアイデアがいっぱい詰まった無料のeBookを紹介します。

http://coliss.com/articles/build-websites/operation/design/free-ebooks-ui-design-2016.html

最近のWebサイトで見かける126種類のページレイアウトやUIコンポーネントが収録された無料のベクター素材 -Wyre

2016/04/21(Thu) 07:25

最近のWebデザインで見かける1カラム、2カラム、3カラム、中央分割、カード型などの基本的なグリッドをはじめ、よく使用されるコンポーネントを備えたさまざまなレイアウトが用意されたフローチャートやサイトマップを作成できる素材を紹介します。

http://coliss.com/articles/build-websites/operation/work/freebies-wyre-web-layout-flowcharts.html

UIデザイナーとWebデザイナーの違いって？　Webデザインを始める前に知っておきたいこと

2016/04/20(Wed) 07:24

そもそも「デザイン」とは何なのか、「デザイナー」とはどういう職業なのかについて簡単ではありますが、ご説明できればと思います。

http://liginc.co.jp/254914

美しい背景づくりに必要な、基本デザインガイド14個まとめ

2016/04/20(Wed) 07:22

デザインをアレンジするためには、まずはデザインを配置する場所が必要です。グラフィック要素の基本は背景（英: Backgrounds）で、美しい構図レイアウトを制作するのに役立ちます。

http://photoshopvip.net/archives/89418

Photoshop切り抜きをマスターする 10個の鉄板テクニック 完全ガイド

2016/04/19(Tue) 07:33

写真の背景から一部を切り抜く作業は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、切り抜きを行っているというひとは、どれだけいるでしょう。

http://photoshopvip.net/10-cropping-tips-in-photoshop

IA/UXデザインに必要な知識を一通り学べ、気がつけなかったアイデアや考え方が分かるオススメの本 -IA/UX プラクティス

2016/04/18(Mon) 07:27

Webサイト、特にスマホサイトをデザイン・実装する前に取り組むべき情報アーキテクチャ、そしてUXデザインについて実務レベルで必要な知識を一通り身につけることができるオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-486246324x.html

PhotoshopのスマートオブジェクトやアートボードをWeb制作でどうやって活用しているのか、制作現場のテクニックが分かるオススメの本

2016/04/11(Mon) 07:29

ここ数年で、Webデザインは大きく変わりました。ビットマップからベクターが主流になり、ページはマルチデバイス対応、パララックスなどのインタラクション アニメーション、最小要素からデザインする「Atomic Design」など、成果物やワークフローも進化を続けています。

http://coliss.com/articles/book-review/isbn10-4844365746.html

最近のWeb制作の勉強になる！Webサイトのワイヤーフレーム・ユーザーフローのまとめ

2016/04/11(Mon) 07:28

最近のWeb制作の参考になりそうなワイヤーフレーム・ユーザーフローを紹介します。

http://coliss.com/articles/build-websites/operation/work/wireframes-and-flowcharts-for-web-site.html

地図作成に使われている、素晴らしい10個のデザインアイデアまとめ

2016/04/08(Fri) 07:25

正確な情報や寸法、配色などをバランスよく調整する、地図作成（英: Cartography）は良い参考と言えるでしょう。この記事では、地図作成から学ぶことができる、デザインアイデアやテクニックを見ていきましょう。

http://photoshopvip.net/archives/89114

ストループ効果 ： 色や情報の「干渉」を意識すると、Webページはわかりやすくなる

2016/04/07(Thu) 07:42

人間の行動には、「法則性」があると言われています。これをうまく活用し、より良いページづくりをしてみましょう。

http://web-tan.forum.impressrd.jp/e/2016/04/07/22541