(1) CSSフレームワークを使う。
(2) フラットデザインで手抜きする。
CSSフレームワークを利用して、レイアウトの問題を克服した後は、画像パーツの用意だな。
ドットインストールのTwitter Bootstrap入門 - 浜村拓夫の世界
Webデザインが律速段階(ボトルネック)になって、Webサービスのリリースが遅い人は、CSSフレームワークを積極的に検討&導入すべきだ。
●フラットデザイン
フラットデザインってのは、要するに、ミニマル(簡素、最小限)なデザインと。
=影を付けて立体感出したアイコンとか、凝った演出は無用。
フラットデザイン - Google検索
↓
5分で分かるフラットデザイン - IT (2013/06/12)
フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。
「フラットデザイン」を使いこなすために必要な要素について*prasm (2013/04/17)
フラットデザイン5箇条
・グラデーションを使わない!
・質感は無視して、とにかく塗りつぶし!
・形に迷ったら正方形!
・カラフル大事!ビタミンカラーよりもちょっとくすませて!
・整列して並べて、気持ちよく配置!
昨今のUIデザインのトレンド、「フラットデザイン」て何? - NAVER まとめ
「フラットデザイン」とは、「リッチデザイン」の対義語。
●アイコン
フラットデザインに使える無料アイコンセット20選 | 株式会社LIG (2013/06/21)
進撃のデザイン | デザインの勉強に使わせてもらうべき無料のフラットアイコンセット30選 (2013/07/05)
↑よくこんなに集めたな!ってかんじ。感心した。参考になる。
- 関連記事
-
- クリックされやすい色=暖色系?
- jQueryを使い、カラム数が可変の段組で、コンテンツのパネルを隙間なく並べる方法
- Twitter Bootstrap 3 登場
- スマートフォンの標準的な画面サイズ
- Amazonアソシエイトの「ref=nosim」
- スマートフォン向けのレスポンシブデザインのWebサイトを、PCブラウザーでテストする方法
- YahooのCSSフレームワーク「Pure」
- フラットデザインでWebデザインの改善(手抜き)
- ドットインストールのTwitter Bootstrap入門
- LESS
- Webデザインの本
- Illustratorの練習
- CSSでclearfix
- ブログパーツ zenback
- 携帯電話用ページは、Google Wireless Transcoderにおまかせ?