Web制作に役立つ情報一覧

配色が苦手なひとも大丈夫！瞬速でウェブ用カラーパレットを作成する方法

2016/04/12(Tue) 07:33

海外デザインブログ Smashing Magazine で公開された「The Simple Web Developer’s Guide to Color」では、1つの色を決めるだけで、ウェブサイトに最適なカラーパレットを手軽に作成する方法が紹介されています。

http://photoshopvip.net/archives/89206

商用利用無料、日本の文化・伝統や季節の風物詩をSVGにしたベクター素材 -Japan Culture Vector Set

2016/04/12(Tue) 07:32

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！もちろん個人でも商用でも無料で利用できます。今回は、日本の文化・伝統、季節の風物詩などをSVGにしたベクター素材です。

http://coliss.com/articles/freebies/vector-japanese-culture-by-freepik.html

CSSで子要素の表示を維持しつつ、要素を回転させる方法

2016/04/12(Tue) 07:31

なんとなくやってみて、もしかしたら今後使うことあるかもと思ったので備忘録。CSSのtransform: rotate()とanimationを使って要素が常に回転するような動きを実装する際、単純に親要素にそれらを指定するだけだと中にある子要素の見栄えも回転します。

http://www.nxworld.net/tips/css-element-rotate.html

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