Webデザイン

お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ

2013/10/23(Wed) 16:03

今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について…

http://web-tan.forum.impressrd.jp/e/2013/10/15/16236

Webデザインのスキルを磨こう！Webサイト模写のススメ

2013/10/22(Tue) 11:50

デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います…

http://www.webcreatorbox.com/tech/improve-design-skills/

実例で納得！シニアが使えないサイトの例

2013/10/04(Fri) 13:43

パソコン教室でシニア層にインターネットの使い方を教えているときほど「ああ、ここがもう少し改善されれば！」と吠えたくなる時がある…

http://mamion.net/2013/10/%E5%AE%9F%E4%BE%8B%E3%81%A7%E7%B4%8D%E5%BE%97%EF%BC%81%E3%82%B7%E3%83%8B%E3%82%A2%E3%81%8C%E4%BD%BF%E3%81%88%E3%81%AA%E3%81%84%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E4%BE%8B/

母親から学ぶ使いやすいウェブサイトのインターフェース・デザイン

2013/09/27(Fri) 12:03

インターネットが苦手な母親に子どもが使い方を教えるのはほほえましい光景ですがなかなか骨が折れるものです。そんな母親が1人でもウェブサイトを使えるようにデザインすることで、誰にでも使いやすいユーザー・インターフェースを作る方法がまとめられています…

http://gigazine.net/news/20130915-mother-interface/

ウェブデザインで大切な空白スペースの効果的な5つの使い方

2013/09/09(Mon) 13:58

空白スペース（ホワイトスペース）が、ウェブサイトのユーザエクスペリエンスに与える5つの重要な効果を紹介します…

http://coliss.com/articles/build-websites/architectonics/usability/5-ways-how-whitespace-affects-by-usabilla.html

感覚派デザイナーも知っておいて損はない「デザインの要素と原則」

2013/08/22(Thu) 12:17

「あなたは感覚派デザイナー？それとも理論派デザイナー？」このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのTです…

http://webnaut.jp/design/620.html

ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precisio

2013/08/21(Wed) 17:39

思わず、これ無料なの？！というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します…

http://coliss.com/articles/build-websites/operation/design/ebbok-pixel-perfect-precision-by-ustwo.html

和菓子の造形から学ぶ、和風デザインのヒント

2013/08/20(Tue) 14:08

和菓子の造形や色使いから、和風デザインに関するインスピレーションがもらえるのではないかと思って、ちょっとまとめてみました…

http://kandeza.com/inspiration/wagashidesign/

基本だけど大事、デザインに欠かせない7つのポイントまとめ

2013/08/19(Mon) 11:59

よりパワフルで人気の高いウェブサイトは、デザイン性と機能性を兼ね備えているケースが多いです。デザインの基本セオリーをうまく取りいれることで、よりユーザーに魅力的なウェブサイトを作成してみましょう…

http://photoshopvip.net/archives/53117

ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate

2013/07/16(Tue) 11:20

ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します…

http://coliss.com/articles/build-websites/operation/work/style-guide-boilerplate.html