Webデザイン

完全無料、レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ

2013/06/27(Thu) 12:05

HTMLとCSSを使ったウェブサイト用テンプレートのなかでも、無料ダウンロード可能で、レスポンシブデザインにも対応したHTMLテンプレート素材をまとめたエントリー「Free Responsive HTML 5 Templates」…

http://photoshopvip.net/archives/50917

有名Webサービスのデザインから考える、上手な料金プランの見せ方

2013/06/26(Wed) 11:03

複数の料金プランを持つWebサービスを利用する際、皆さんはどういう基準でプランを選びますか？私は自分に必要な機能は何なのか、料金に見合った内容かどうか…

http://memo.goodpatch.co/2013/06/pricing-page-design/

フラットデザインのコツ的なアレ

2013/06/24(Mon) 11:41

3色〜5色くらいの色を画面の中で均等に使うのおすすめ　作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも…

http://d.hatena.ne.jp/ken_c_lo/20130619/1371664000

フラットデザイン入門: その利点と注意点と主なテクニック

2013/06/20(Thu) 12:23

最近「フラットデザイン」という言葉をよく耳にする 。先日Appleにより開かれたイベント、WWDC 2013でも、新規iOS7に採用されたフラットデザインベースのUIが最も注目を集めた…

http://blog.btrax.com/jp/2013/06/12/flat/

フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design

2013/06/11(Tue) 11:02

フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します…

http://coliss.com/articles/build-websites/operation/design/flat-design-principles-by-designmodo.html

タブレットユーザーが読みやすいと感じるフォントサイズは？【リサーチ】

2013/06/03(Mon) 11:42

iPadやKindleに代表されるタブレット端末が急速に普及している一方で、Webサイト側の対応としては、タブレット端末に最適化されたサイトを新たに提供しているケースは現在もそれほど多くなく…

http://markezine.jp/article/detail/17772

IEの古いバージョンをサポートしつつ、モダンブラウザ用のサイトを制作する時の20のアドバイス

2013/05/27(Mon) 15:51

Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScriptの実装時ごとに紹介します…

http://coliss.com/articles/build-websites/operation/work/cross-browser-best-practices-by-modern-ie.html

今年絶対おさえておきたいフラットデザインのまとめ

2013/05/24(Fri) 11:48

こんにちは。ライターの内藤です。恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン…

http://liginc.co.jp/web/matome-web/19271

ウェブデザイナーは要チェック！フラットに効く400種以上のカラーがセットされたスウォッチ素材

2013/05/23(Thu) 11:05

フラットなユーザインターフェイスを作成する際にぴったりな400種以上のカラーがセットになったPhotoshop用のスウォッチ素材を紹介します。トレンドカラーとして、フラットに興味がない人でもカラーの引き出しが増えますね…

http://coliss.com/articles/build-websites/operation/design/freebies-photoshop-aco-for-flat-ui-design.html

ウェブサイトやブログを制作する時の手書きのワイヤーフレームのまとめ

2013/05/17(Fri) 11:46

ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します…

http://coliss.com/articles/build-websites/operation/work/wireframe-sketches-collection.html