Web制作に役立つ情報一覧

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

IE7〜8に対応したHTML5＋CSS3サイトを制作してみよう

2012/07/05(Thu) 10:57

HTML5＋CSS3サイトを制作する上で、JSやハックを使用したIE7〜8のブラウザ対応をするための便利な方法を紹介しています。

http://www.html5-memo.com/html5/html5-ie/

こけむさズ ティーザーサイトができるまで ロゴ編

2012/07/04(Wed) 12:03

ロゴデザインの制作過程をわかりやすく紹介しています。ロゴ制作の参考になります。

http://blog.woopsdez.jp/archives/2467

はてなブログのデザインの裏側

2012/07/03(Tue) 11:51

「はてなブログ」のデザイン全般を担当した方がデザインの裏側。「デザインの方向性」「HTML構造」「ロゴ」の製作過程を紹介しています。

http://works.uedayworks.com/entry/hatenablog-design

ブランドロゴを以前のものと今のもので見比べられます

2012/07/02(Mon) 12:05

「7up」「BRIDGESTONE」「スターバックス」など、ブランドロゴを以前のものと今のものを並べて紹介しています。

http://www.blog.tocki.de/2012-01-16/logo-redesigns-logos-2011-ci-cd/

ロゴデザインのスケッチを紹介しています。

2012/06/28(Thu) 12:06

ロゴデザインのスケッチを多数紹介しています。ロゴの出来る過程を調べたり、デザインの参考に便利です。

http://www.1stwebdesigner.com/inspiration/50-concept-completion-logo/