Web制作に役立つ情報一覧

水彩タッチの美しいエフェクトをウェブデザインに取り入れるチュートリアルのまとめ

2012/06/18(Mon) 16:59

水彩タッチの背景の作り方をはじめ、写真画像を水彩タッチにしたり、水彩タッチのマスクをしたり、ウェブのレイアウトやエレメントに水彩タッチを取り入れるチュートリアルをnoupeから紹介しています。

http://coliss.com/articles/build-websites/operation/design/watercolor-effects-in-web-design-and-tutorials.html

企業Facebookページ制作マニュアル：18個の手順 【タイムライン対応・制作編＆集客編】

2012/06/15(Fri) 11:15

企業Facebookページ制作に役立つサイトです。

http://web-tan.forum.impressrd.jp/e/2012/05/30/12806

MdN Design Interactiveにて連載した「ゼロからはじめるHTML5でのサイト制作」全12回まとめ

2012/06/13(Wed) 11:28

TML5でのマークアップが初めての方向けにHTML5で変更になった点や新要素の使い方、使い方がわかりにくいといわれていたsection要素やarticle要素の使い方、ブロックレベルやインラインの変わりとなるカテゴリーやコンテンツモデルやアウトラインとは？などを紹介してます。

http://webdesignmatome.com/web-tips/mdn-matome

Webサイト制作の一連の流れをまとめてみました

2012/06/12(Tue) 11:55

Webサイト制作の一連の流れをまとめています。新人Web担当者さんや、新人ディレクターさんの参考になります。

http://www.ar-ch.org/mt/archives/2012/05/web-3.html

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

2012/06/11(Mon) 12:01

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

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

ディレクターが指摘すべきデザインの注意ポイント10個

2012/06/08(Fri) 14:28

「写真を「目的に沿って」補正・加工しているか」「使用フォントがコンセプトに合っているか」「強調するべき所を強調しているか」といったディレクターが指摘すべきデザインの注意ポイントを紹介しています。

http://web-d.navigater.info/cat2/10-1.html

商用利用も無料！手書き風アイコン122種類！

2012/06/07(Thu) 11:59

商用利用も無料(商用フリー)でOK！という気前のいい手書き風のアイコンを紹介しています。

http://creators-manual.com/iconfree/

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ

2012/06/06(Wed) 13:56

パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに活用できるIllustratorブラシセットを紹介しています。

http://design-develop.net/design/75-illustrator-brush-sets-for-download.html

絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

2012/06/05(Tue) 11:18

「カラーモードRGBとCMYKとは？」「色の三属性について」といったカラーの基本と基礎について紹介しています。

http://endoutakae.com/2012/05/17/color/

eBay でヒドいデザインの方がコンバージョン率が高かった、という話

2012/06/04(Mon) 11:05

eBay ではデザインがヒドいほうが実際はコンバージョン率が良いっていう場合がたくさんあるそうです。デザインのありかたについて考えさせられます。

http://tech.a-listers.jp/2012/05/17/dave-mcclure-on-ebay-design-conversion/