[B! フラットデザイン] Nagataniのブックマーク

【翻訳】ビジュアルデザインはつまらなくなってしまったのか？ - MOL

Original：HAS VISUAL DESIGN FALLEN FLAT? （2015-01-20）by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていったそれはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンドは2極化した。Google Material Designによって、おおかた完成した。フラットデザイン（未完成であるけれど便利な表現）はスキューモーフィズム（同前）を駆逐するだけでなく、それの墓の上で踊り、すべてのべべル、影、墓石のテクスチャさえ消し去ってしまった。上図のようなデザインである。発展、変化、流行は避けられないものだ。このような最新スタイルもまた、いつの日か廃れていくだろう。未来

Nagatani 2015/02/12

リンク

フラットなデザインでユーザーが使いづらいのを解消するアドバイス -フォーム編

フラットなスタイルの一番使いにくいところは、どこですか？僕はそのシンプルなスタイルのボタン（リンク）です。一見ボタンに見えない、まるで見出しやコンテンツの一部のようにデザインされていると操作に迷ってしまいます。そんなフラットなスタイルで、ユーザーが最小限の努力で、正確に何をすべきか理解できるフォームを作成するためのアドバイスを紹介します。 Flat UI and Forms 下記は各ポイントを意訳したものです。フォームのUIで大切なポイントフォームの使いづらい例と改善例フォームのUIで大切なポイントフォームとは、そのプロダクトやサービスを受ける時に情報を交換するためのインタラクションです。これはサインアップやウェブ検索をはじめ、Eコマースやネットバンクまですべてを含みます。まずは、フォームのデザインでユーザーに必要とされることとコンテンツで必要とされることの相違点を見てみまし

Nagatani 2013/10/21

リンク

フラットデザイン｜Flat UI Colors

280 handpicked colors ready for COPY & PASTE

Nagatani 2013/08/21

リンク

UIデザインの参考にフラットデザインアイコンサンプルまとめ

最近、このブログのデザインを１から作りなおして、フラットデザインを取り入れて見ようかなと考えています。フラットデザインはシンプルな分、ごまかしが効きません。使い所が難しいので何か見本やサンプルがあると助かりますよね。勉強がてら、フラットデザインのサンプルとなるアイコンのリンクを集めてまとめてみました。フラットデザインアイコンまとめ Free program icons on Behance Dribbble – Free Flat Icon Set by Barry Mccalvey 40 Social Media Flat Icons on Behance Weather app + psd on Behance My Desktop Icons – Free Download on Behance Dribbble – Freebie – Flat Credit Cards by

Nagatani 2013/07/31

リンク

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

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