![ユーザビリティに配慮したカラー設計のマテリアルデザインが最近のトレンド? | Webデザイン、これからどうなるの?(全10回)](https://cdn-ak-scissors.b.st-hatena.com/image/square/e94b176aed4e58c8ebd13040af9bf168e9b06a6b/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2018%2Fwd%2F0302_webdesign.png%3Fitok%3DvEd8tri6)
こんにちは、コプロシステムWebデザイングループの石川です。 当ブログの6/12付エントリー『UIデザインの2013年のトレンド「フラットデザイン」の事例・16個』で、 2011~2012年頃から「フラットデザイン」というデザイン手法が注目を集め始めていること Googleトレンドの指標を見ると2013年に入ってから急上昇をし始めていて、間違いなく今年のWebデザインのトレンドであること フラットデザインとは、特徴 事例サイトの紹介 などを書かせていただきました。 アクセス解析ツールでアクセス状況を見ていると、「レスポンシブWebデザイン」について書いているエントリーの次に、「フラットデザイン」について書いている上記エントリーにアクセスが集中している傾向にありましたので、今回のエントリーでは、そのフラットデザインなWebサイトたちでどんな色が使われているか、前回ご紹介した事例サイト(+α)
またフラットデザインネタになってしまいますが、シンプルで使い勝手の良さそうなUIデザインコレクションBlog/Magazine Flat UI Kitが公開されていたので、今回はご紹介します。 Webサイトやブログサイトに必要なデザインアイテムを一式揃えているので、後はパズルの様に組み合わせれば、フラットデザインを採用した、デザインレイアウトが完成です。もちろん無料ダウンロードとなっています。 詳細は以下から。 フラットデザインを再現する、UIデザインキット Blog/Magazine Flat UI Kitは、Photoshopで編集可能なPSDファイルで収録されており、あらかじめウェブデザイン制作に必要なパーツまとめられています。ブログ用レイアウトも揃っているので、すぐにモックアップを作成することも可能です。 以下は収録されているUIデザインサンプルとなります。 ナビゲーションメニュー
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く