Web制作に役立つ情報一覧

CSS Shapesでテキストを回り込ませるレイアウトを表現 | Webクリエイターボックス

2016/04/12(Tue) 07:30

Webでのデザインはどうしても四角形のボックス型になりがち。印刷物だとテキストの配置ももっと自由にできますよね。今回はテキストを画像などの形にあわせて回りこませたり流しこんだりできちゃう CSS Shapes

http://www.webcreatorbox.com/tech/css-shapes/

シンプルなカラーで作る失敗知らずのウェブデザイン

2016/04/11(Mon) 07:30

ウェブデザインにおいて、サイトイメージに大きな影響を与える「カラーパターン」は重要です。ついつい色にこだわって色数を増やして全体のバランスを崩してしまいがちなカラーデザインを、極力少ない色だけで、バランスの整った見た目に美しい仕上がりにする方法論がウェブデザイナーによって解説されています。

http://gigazine.net/news/20160407-simple-color-workflow/

コンテンツ戦略だけでは不十分、その理由は……（後編）

2016/04/11(Mon) 07:30

テクノロジではなく「人間」をマーケティングの原動力とし、「より良い企業」を築くために考えるべき点

http://web-tan.forum.impressrd.jp/e/2016/04/11/22484

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

イラストやお絵描きでグラデーションの美しい塗りが楽しめる筆圧混色対応のブラシセット -Digital Oil Brushes

2016/04/08(Fri) 07:24

煙のような淡いストローク、油彩のような艶やかなストローク、グラフィティのような大胆なストロークが楽しめる無料のブラシセットを紹介します。

http://coliss.com/articles/freebies/free-digital-oil-brushes.html

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

2016/04/07(Thu) 07:42

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

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

わかりやすくPhotoshop操作を覚える、すごいチュートリアル作り方まとめ

2016/04/07(Thu) 07:41

フォトショップをマスターしたいけど、なかなか上達しないと感じるときは、最新テクニックを利用して、順番ごとにデザインを進めることができる、チュートリアルを活用してみましょう。今回は、初心者からベテランのひとまで参考にしたいPhotoshopチュートリアル、作り方をまとめてご紹介します。

http://photoshopvip.net/archives/89039

Illustratorをもっと面白くする！すごい無料ベクター素材30個まとめ 2016年4月度

2016/04/07(Thu) 07:41

あまり予算をかけずに、手軽にデザインを仕上げたいときは、無料ダウンロードできるベクター素材を利用してみましょう。最新デザインを取り入れた高品質アイテムなうえ、アイデア次第で自由にカスタマイズできる、万能素材をを揃えました。

http://photoshopvip.net/archives/89069