Webデザイン

Webデザイナーなら地味だけどちょっと便利！と感じるChromeエクステンション

2014/12/26(Fri) 08:04

PerfectPixel by WellDoneCode – Chrome Web Store これはですね、画像をどんどんアップしていき、ペタペタと画像を貼ってみていけるエクステンションです。

http://flipsblog.jp/archives/1676

レスポンシブWebデザインのデザインテスターChromeエクステンション

2014/12/25(Thu) 07:37

ポチッとするだけでレスポンシブWebデザインのプレビューができるので便利なChrome拡張です。

http://e0166.blog89.fc2.com/blog-entry-1217.html

フォームの「ガッカリ離脱」を防いでコンバージョン率UP！ 送信後エラー・ゼロ作戦／15か条の7

2014/12/24(Wed) 07:59

フォームの送信ボタンをクリックしたとき、エラーが表示されたらガッカリしてしまいますよね。そうしたことが原因の「ガッカリ離脱」を防ぐために、エラーがない状態になるようにユーザーを導き、確認画面、完了画面に進んでもらうことが、完了率アップには極めて重要です。今回は、入力項目ごとに、ユーザーが入力した内容がフォームの求める形式になっているようにするための改善ポイントをご紹介します。

http://web-tan.forum.impressrd.jp/e/2014/12/22/17002

Googleマテリアル・デザインから学ぶ４つの重要ポイント + 参考UIデザイン、無料素材まとめ

2014/12/22(Mon) 07:50

Googleのデザインガイドライン「マテリアル・デザイン（英:Material Design）」に目を通したひとは、どれだけ広範囲にわたって細部まで気を配って作成されているのか気付いたのではないでしょうか。

http://photoshopvip.net/archives/71776

見ているだけでデザインの参考になりそうな無料で使えるHTML5Webサイトテンプレート

2014/12/22(Mon) 07:48

実際に見ているだけでも素晴らしい。とくに最初に紹介されているFlatfyはあっちではかなり利用されている黄金パターンを採用し、かつ使いやすいのが特徴的。

http://e0166.blog89.fc2.com/blog-entry-1215.html

ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ

2014/12/18(Thu) 07:48

2014年、チェックしておきたいUIデザインをdribbbleから紹介します。高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。

http://coliss.com/articles/build-websites/operation/design/showcase-ui-design-of-2014-by-dribble.html

フロントエンドエンジニアがオススメするWeb技術の書籍5選

2014/12/17(Wed) 07:46

今回はフロントエンド界隈の勉強会に登壇するとき参考にさせていただいた本を5冊紹介したいと思います。

http://liginc.co.jp/web/html-css/133846

Webコンテンツの成果が上がるレイアウトの法則とは？

2014/12/10(Wed) 07:56

優れたコンテンツとは、どんな構成で作られているのか、その鉄則を解説します。

http://web-tan.forum.impressrd.jp/e/2014/12/08/18851

2014年Webデザイナーはコードをどこまで学ぶべきか、Webデザインが今までどのように進化してきたかのまとめ

2014/12/10(Wed) 07:56

Webデザイナーはコードを学ぶべき？ コーダーはデザインを学ぶべき？両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐことができたか振り返ってみましょう。

http://coliss.com/articles/build-websites/operation/work/brief-history-of-web-design-for-designers-by-froont.html

最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles

2014/12/10(Wed) 07:54

最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。

http://coliss.com/articles/freebies/freebies-ui-titles-for-wireframesand-flowcharts.html