Web制作に役立つ情報一覧

[JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav

2012/07/19(Thu) 12:12

リスト要素で実装した水平タイプのナビゲーションのスタイルを壊すことなく、配置エリア・表示サイズに合わせて最適化するjQueryのプラグインを紹介しています。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizontalnav.html

すぐに使える！簡単で効果的なPhotoshopテクニック

2012/07/18(Wed) 10:50

プロのデザイナーの人も、デザイナー志望の人も、デザイナーじゃないのにPhotoshopを扱う必要がある人も簡単にいい感じの画像を作れるチュートリアル・素材をまとめて紹介しています。

http://matome.naver.jp/odai/2134001258167785901

カクカクと角張ったデザインがかわいいフリーフォントのまとめ

2012/07/18(Wed) 10:48

カクカクとした真っ直ぐなラインが面白い、フリーのデザインフォントをDesignbeepから紹介しています。

http://coliss.com/articles/freebies/freebies-font-square-by-designbeep.html

綺麗にデザインされたピクトグラムアイコン100個セット

2012/07/17(Tue) 11:17

綺麗にデザインされたピクトグラムアイコン100個セット。シンプルだけど綺麗なPSD形式のアイコンセットが紹介されています。

http://phpspot.org/blog/archives/2012/06/100.html

Web制作の作業効率があがるPhotoshopショートカットキーまとめました

2012/07/13(Fri) 10:23

Photoshop始めたばかりの人に向けて便利なショートカットを紹介しています。

http://www.html5-memo.com/webtips/shortcut/

Webユーザビリティを改善するための5つのポイントと方法

2012/07/12(Thu) 11:10

「基本的なルールを利用する」「使わなくても忘れない」といったWebユーザビリティを改善するためのポイントと方法を紹介しています。

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

ロゴ作成の手順を実例とあわせて紹介！

2012/07/11(Wed) 11:43

企業ロゴはそのブランディングが色濃く反映され、企業のイメージを左右する重要な部分です。今回は「ロゴとはなんぞや？」というところから、私のロゴを実例に、ロゴの制作手順を紹介しています。

http://www.webcreatorbox.com/inspiration/logo-process/

人はなぜ角丸に魅かれるのか、その理由と角丸の効果的な使い方

2012/07/10(Tue) 11:53

ウェブのインターフェイスだけでなく、現実の世界でもたくさんの角丸を目にします。角丸は一時のトレンドではなく、デザインのスタンダードと言ってもよいでしょう。そんな角丸がなぜ好まれるのか、どう使えばよいのか、ウェブページにどのように実装するのかなどを紹介しています。

http://coliss.com/articles/build-websites/operation/design/why-do-we-love-roundes-corners-by-designmodo.html

twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。

2012/07/09(Mon) 11:52

twitter の新ロゴデザインの素晴らしさを紹介しています。ロゴを勉強するときに参考になります。

http://www.susi-paku.com/pakutwitter-2.html

「Webサイト改善は図を描きなさい！」 〜 SiteCatalyst達人から教わった分析フレームワーク

2012/07/06(Fri) 10:52

頭ではわかっていても、きっちりと全体像を理解することが重要です。

http://blog.sixapart.jp/2012-06/draw-concept-diagram.html