[B! UI][配色] sawarabi0130のブックマーク

アプリのUIデザインと配色パターンまとめ（非デザイナー向け） - Qiita

はじめに私は主にiOSアプリのプログラマーなのですが、デザインまで一緒に頼まれる事があります。デザイナーじゃないので１からデザインをしていくなんて到底無理です。そんな時にノンデザイナーの方でも良い物を作るために UIデザインのギャラリーサイトと配色パターンを決める便利なサイトをご紹介致します。基本他のアプリを真似参考にするといい感じにできちゃうかもしれません。 Web系開発の方も配色パターン等は参考になると思います。デザインをする前にデザインをする前に呼んでおいたほうがいい物 - IT エンジニアに易しいUI/UXデザイン - デザイナーに言われた「非デザイナーが気をつけるべきデザインの4原則」 - ノンデザイナーのための配色理論アプリデザイン CAPPTIVATE.co 動きのあるカッコいいUIばっかり載っています。種類別で見ることもできるので便利ですね。 Mobile D

sawarabi0130 2016/02/26

リンク

Googleのマテリアルデザインで使える色が並び、クリック一発でカラーコードのコピーも可能な「Material UI Colors」

Googleが提供しているモバイルOS「Android」の最新バージョン「Android - 5.0 Lollipop」にも採用されている、新しいUX体系が「マテリアルデザイン」です。マテリアルデザインの発表後、Googleは自社サービスに続々とマテリアルデザインを採用しており、サードパーティ製のアプリなどでもこれを採用したものが次々と登場しています。そんなマテリアルデザインでは使用可能な色が指定されているのですが、これで使えるカラーを並べたカラーパレットを表示してくれ、使用したいカラーをクリックすればそのカラーコードが一発でコピーできてしまうというウェブサイトが「Material UI Colors」です。 Material UI | Material Design | Material UI Colors http://www.materialui.co/ 「Material UI C

sawarabi0130 2015/01/26

リンク

マテリアルデザインに使える配色をまとめたサイト「Material UI」 | ライフハッカー・ジャパン

「Material UI」はマテリアルデザインに使える配色をまとめたサイトです。アクセスすると様々な色が表示されます。どれもマテリアルデザインに合う色合いになっていますよ。クリックするとカラーコードをコピーできます。以下に使ってみた様子を載せておきます。まずMaterial UIへアクセスしましょう。マテリアルデザインに合う色がずらっと一覧で表示されています。このようにさまざまな色が表示され、クリックするとカラーコードをコピーすることができます。流行りのマテリアルデザインを採用する際、どの色を使おうか困ったときにぜひご活用ください。 Material UI | Material Design | Material UI Colors （カメきち）

sawarabi0130 2015/01/25

リンク

🎨 Material Design Colors, Color Palette | Material UI

Material Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.