Webデザイン

料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！

2015/05/28(Thu) 08:10

サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。

http://www.webcreatorbox.com/inspiration/price-table/

Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワーク -Hartija

2015/05/28(Thu) 08:08

Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワークを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-framework-for-print-hartija.html

ここ半年で話題になったデザインに関する知見が広がる5つの記事

2015/05/25(Mon) 07:55

直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。

http://creive.me/archives/5872/

Webデザインの引き出しを増そう！細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ

2015/05/20(Wed) 07:54

人気が高いのは、写真をより魅力的に見えるようにレイアウトすること、またアニメーションを使ったユーザーを楽しませるインタラクションも面白いものばかりです。

http://coliss.com/articles/build-websites/operation/design/showcase-ui-design-by-dribbble-2015-spring.html

無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ

2015/05/18(Mon) 07:46

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-spring.html

分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィック

2015/05/15(Fri) 07:56

デザインの基本を顧みることもたまには必要ですよね。分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィックを紹介します。

http://coliss.com/articles/build-websites/operation/design/10-basic-elements-of-design-by-secondfret.html

今更聞けない画像ファイルの種類と使用する形式の選択

2015/05/01(Fri) 08:46

画像ファイルは多くの形式が有りますが、それぞれについての目的を勉強してみましょう。ウェブ業界は長いけど、ファイル形式について今更人にきけない・・・という方にオススメです！

http://flipsblog.jp/archives/2055

Googleマテリアルデザインを採用するときに確認したい無料素材まとめ

2015/05/01(Fri) 08:45

海外デザインブログCSS Authorで、マテリアルデザインを採用するときに確認したいUIコンポーネントやフレームワーク、CSSエフェクトなどの無料デザイン素材をまとめたエントリー「Material Design Resources for Designers & Developers」が公開されていたので、今回は特に使い勝手の良さそうなアイテムを中心にまとめてご紹介します。

http://photoshopvip.net/archives/76259

自分のHTMLやCSSのコーディング環境がベストか見直してみよう！作業を効率化する技術やツールの導入・使い方がよく分かるオススメの本

2015/04/29(Wed) 07:48

SassやLESSなどのCSSプリプロセッサ、OOCSSやBEMを使ったCSSの設計、Gitでのバージョン管理、gulpを使ったタスクランナー、Bootstrapなどのフレームワークの導入など、ここ数年でコーディング業界にさまざまな新しい技術やツールが登場しました。

http://coliss.com/articles/book-review/isbn10-4844364936.html

Googleモバイルフレンドリーに対応しよう！ダメなレスポンシブWebデザインから卒業するために知っておきたいことがよく分かるオススメの本

2015/04/27(Mon) 08:02

マルチデバイス対応のWebページを制作する際、何を参考にしていますか？他のWebページがどのように実践しているか参考にしたり、実機でレイアウトを試したり、レスポンシブのツールを使ったり、いろいろあると思います。

http://coliss.com/articles/book-review/isbn10-4839954879.html