レスポンシブなフラットUIなWebデザインをご希望なら「Almost Flat UI」
Almost Flat UIはFoundation Framework用のフラットUIテーマです。
最近のWebデザインの人気のカテゴリの一つがフラットUIです。日本ではまだまだ導入事例は多くないですが、海外のWebサイトでは取り入れているところが増えています。そこでFoundation Frameworkをベースにデザインを組んでいるサイトに使ってみて欲しいのがFlat UIです。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.34.15.1364356459.png)
ナビゲーションとサイドバーメニュー。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.34.24.1364356462.png)
トップバー。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.34.29.1364356465.png)
ボタンの色は様々に用意されています。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.34.34.1364356469.png)
大きさ、形も変更可能です。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.34.40.1364356472.png)
フォームとタイポグラフィ。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.34.47.1364356475.png)
リスト。ネストされたリストももちろんサポート。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.34.52.1364356479.png)
ラベル。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.34.58.1364356482.png)
プログレスバーにプライスリスト。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.36.52.1364356486.png)
スライドショー。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-26 11.37.17.1364356491.png)
ツールチップもあります。
Foundation FrameworkをベースにすることでレスポンシブWebデザインに対応したフラットUIなWebサイトを手早く構築できるようになります。Bootstrapとはまた違った使い勝手で楽しくWebサイトが開発できるようになるのではないでしょうか。
Almost Flat UIはHTML/スタイルシート製、MIT Licenseのオープンソース・ソフトウェアです。
MOONGIFTはこう見る
個人的にも好きなフラットUI系。シンプルで見やすく、ちょっと前までの丸み帯びたデザインとは一線を画しています。Windows8で採用されて以降、刺激されたデザインが多数作られていますが、ローカルよりもWebアプリケーションやタブレットアプリなどで映えるのではないかと思っています。
ただし実際にデザインで使う上では注意が必要です。特に色使いやタイルの配置、全体の統一感などを気をつけないと全くいけてないデザインになる可能性があります。次期OS、Windows BlueのデモUIなどはまさにそうで、現時点ではかなり不安定さを感じさせるデザインになっているかと思います。