[B! flatui] akira_maruのブックマーク

2.5dBUTTON - NOHT CO.,LTD.

none file print delete clear save upload cloud folder camera photo image barcode phone music video playmedia record play pause stop eject bell volumeup volumedown volume off light dark lock unlock flag wifi time map geo location pin walking bicycle car bus plane compass cursor pointer grab arrowup arrowright arrowdown arrowleft up right down left back next dropdown sort good bad full small move un

akira_maru 2014/07/14

リンク

10 Super Useful Free Flat UI Kits - Web Design Ledger

Freebies 10 Super Useful Free Flat UI Kits Henry JonesAugust 29, 20137 Comments03.9k In web design, we are continuing to see a move toward simplicity. We’re seeing fewer websites that are over-designed, and more that are focused on letting the content shine. On the graphical element level, this trend has taken on the name of “Flat Design”. This means less decorative elements like gradients, relief

akira_maru 2013/08/30

リンク

フラットデザインとは？UIの特長と注意点デザイン会社ビートラックス: ブログ

最近「フラットデザイン」という言葉をよく耳にする。このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。ここ最近ではGoogleが提供する種々のアプリやFacebookのUI、Windows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない

akira_maru 2013/08/01

flatui

リンク

日本ではこれから?!流行のフラットデザイン国内事例17個+α / SQUEEZE - Web Design Studio -

Webデザインのトレンドワード「フラットデザイン」。海外事例は多く紹介されていますが、国内事例はあまり見かけなかったのでまとめてみました。「フラットデザイン」に明確な定義はなく、事例の選別は非常に悩みましたが、要素を含んでいるであろうサイトも含めピックアップしてみましたので参考にしていただければと思います。フラットデザインとは簡単に言うと「立体感やテクスチャ、影など現実に似せた装飾を排したシンプルで平面的なデザイン」といったところでしょうか。さらに、グリッドレイアウト、抑えめのトーンでの統一感、ベタ塗り、などが特徴になるかと思います。詳しくはこちらが参考になりますのでご覧ください。・2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ | MEMOPATCH ・今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG 国内「フラットデザイン

akira_maru 2013/07/30

flatui

リンク

フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。

P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く