配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」 - Togetter

2021/07/14 1628 users Togetter スケール 語彙力 言語化

リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠... 続きを読む

デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie

2021/01/26 1190 users 近年 美術 視覚要素 現場 課題解決

色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意... 続きを読む

「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も - Togetter

2020/08/24 1391 users Togetter タメ フォント 表紙 解説

デザインtips @tips_bot 元塾講師が適当でもとりあえずなんとかなるデザインの方法について解説するアカウント。初心者向けの事書きます。作ってるのは@hal1929です。最近はyoutubeにデザイン講座を投稿しています。みてね！ デザインの依頼とかありましたらラフにDMください！ youtube.com/channel/UCS8Br… 続きを読む

2020年版：誰でもプロ並みの配色が作れる！便利な配色パターン見本サービスまとめ | Web Design Trends

2020/07/28 671 users プロ並み 要素 Web Design Trends デザイン

配色はデザインにおいて重要な要素の1つですが、優れた配色を作る方法が分からないという方も多いのではないでしょうか。 そこで、今回は初心者の方でも優れた配色ができる配色パターン見本サービスをまとめました... 続きを読む

配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note

2019/03/14 1182 users Taiki Ikeda Note メソッド UIデザイン ナウ

今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様が... 続きを読む

配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note

2019/02/04 1171 users Taiki Ikeda｜note メソッド UIデザイン

どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね..... 続きを読む

デザインの基本日記  「配色編」｜Design Beginner｜note

2018/03/15 1455 users Note Design Beginner 落ち着 調整 結果

配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着... 続きを読む

デザインを学ぶすべての人に贈る、配色アイデア見本101選【2018年保存版】 - PhotoshopVIP

2018/02/18 720 users 補色 PhotoshopVIP ドーン 色合い 役割

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、 最新の色の組み組み合わせ101種類 をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、 配色の参考... 続きを読む

ブロガー必見！配色を決めてくれる人工知能【Khroma】がスゲーー！！ - OMGmag

2017/11/19 696 users OMGmag bookmark ホイ 人工知能 ボク

2017 - 11 - 20 ブロガー必見！配色を決めてくれる人工知能【Khroma】がスゲーー！！ デザイン SHARE Bookmark! Facebook Twitter Google+ Pocket 配色を決めるのは難しい ブロガーの皆さんはカスタマイズをとかすると思うんですが、配色ってどうやって決めていますか？いい感じの色使いって難しいんですよね。 そういう仕事してるぼくでさえ、悩むポイ... 続きを読む

コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - Literally

2016/11/02 1382 users 目次 配色パターン プレゼン資料 Literally 解説

2016 - 11 - 02 コピペで使えるオシャレな配色パターン見本集 25 （Webカラーコード付） デザイン 今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。 プレゼン資料 、 Webデザイン などで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青... 続きを読む

デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度 - PhotoshopVIP

2016/09/15 720 users リソース フォント アイコン こん ウェブサイト

オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソースをまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色など デザイナーが一度は困ったことのある問題を解決してくれる 凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コン... 続きを読む

知らないと損する！？色の相性についての考え方と組み合わせの方法 - MIKINOTE

2016/04/22 753 users センス 組み合わせ次第 MIKINOTE 要素 感覚

色 というのものは、組み合わせ次第で、さまざまな印象をあたえることが出来ます。そういう意味で、何かを作り出す際には非常に重要な要素の1つであると言えます。 ここ最近、僕が読者になっているいるブログのいくつかで、ブログのデザインや配色についての話が多いので、ちょいと書いてみることにしました。 色に対する感覚って、生まれ持ってのセンスだ！という話がけっこう多いです。けれども、「センスが良い配色」と言う... 続きを読む

Web制作で配色に迷わない！美しすぎるカラーパレット50個まとめ - PhotoshopVIP

2016/01/26 755 users Facebook PhotoshopVIP 青色 色合い 作業

Facebookのブランドカラーが青色なのは、マーク・ザッカーバーグが色盲だったから、というのを知っていますか。 「青は私にとって、もっともリッチな色で、すべての色合いを識別することができる。」とザッカーバーグ氏は述べています。配色を決める作業は、まったく科学的には見えないかもしれませんが、配色に関してたくさんの研究やアイデアが用いられています。 商品に対する評価の90%以上は、色によって判断され... 続きを読む

配色センスが全くない？それならマテリアルパレットをちょっと使ってみて？ | Flips Blog Web担の小技

2015/07/30 814 users 即座 一色 配色センス Web担 クール

はい、こんな人におすすめです。 この色を選ぶなら次に選ぶべき色は何色がいいのか・・・。 様々な色を使いすぎてダサいウェブデザインに・・・。 色と色が合わなすぎてどうしょうもないデザインに・・・。 マテリアルパレットを使えば、このようなお悩みを即座に解決し、クールでリッチな配色を直ぐにあなたに提供します。 マテリアルパレットはどうやって使うの？ マテリアルパレットは、一色をまず選びます。 決めること... 続きを読む

プレゼン資料や企画書作りに役立つ！質の高い5つのスライドと記事 | creive【クリーブ】

2015/04/17 1374 users クオリティ プレゼン 要因 センス 資料

仕事をすすめていると、プレゼン資料や企画書の作成を頼まれることがあるかと思います。 見ていて“スッ”と自分の中に入ってくるプレゼンと、そうではないプレゼン。資料の美しさはもちろんのこと、プレゼンの方法論や資料の配色のセンスなど、様々な要因が関わってきます。 そこで今回は、プレゼン資料や企画書作りにきっと役立つであろう、クオリティの高い5つのスライドと、読むだけでためになる記事を5本ほどピックアップ... 続きを読む

美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！ | Webクリエイターボックス

2015/03/02 515 users CSS 実例 実装 美しいグラデーション 便利ツール

背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear... 続きを読む

エンジニアこそ色彩デザインを学ぼう - pblog

2014/07/17 626 users DESIGN 単行本 スライド pblog 新人デザイナー

2014-07-17 エンジニアこそ色彩デザインを学ぼう design 学ぼうよ、と思っていて、 新人デザイナーのための色彩デザイン・配色のルールを学べる本作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10メディア: 単行本 クリック: 1回この商品を含むブログを見る を読んでいました。 @ken_c_lo氏が以下のスライドで触れていますが、エンジニアがデザイン学ぶのマジオスス... 続きを読む

ウェブデザインをはじめるあなたへ - tushuhei blog

2014/07/05 1184 users ウェブデザイン ノンデザイナー メインカラー 彩度 明度

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare色彩センスのいらない配色講座色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベ... 続きを読む

配色に役立つ11のサイト

2014/06/26 512 users ファクター 組み合わせ キーカラー カラーリング ケース

WEBデザインを行う上で重要なファクターの一つである配色：カラーリング。ロゴやブランドイメージなどから導きだすケースが多いと思うが、困ってしまうのは明確なイメージがなく、キーカラーが決まらないとか、キーカラーとの組み合わせがイマイチしっくりこないなど、配色で頭を悩ませることは結構あるのではないだろうか。 そこで今回は、そういう時に役立ちそうな10サイトを紹介したい。各サイト共に試してみたが、思わぬ... 続きを読む

0から学ぶアプリの配色 - Rejasupoem

2014/06/04 551 users Rejasupoem 知見 試行錯誤 エンジニア フリー素材

当方Androidエンジニアをしておりますが、プライベートでアプリを作るとき、画像リソースについてはAndroid組み込みのものを使ったり、Fontawesomeを使ったり、フリー素材を使ったりしています。 しかし配色はインターネットに落ちていなくて、自分でやるとイマイチで、いい感じにしたいという気持ちがありました。 そこで、調べたり試行錯誤をして知見が得られたので、配色に悩むエンジニアのために共... 続きを読む

配色を考えるときに便利なオンラインツール10個集めてみました – WP-E（仮）Web Professional Education

2014/04/29 607 users WP-E

皆様こんにちは！最近WP-Eメンバーに本名を忘れられているような気がするWP-E HINOTANです。寿司ネタがどこかへ行ってしまいましたね。 さて今回はタイトルの通り、便利な配色ツールを紹介していきたいと思います。 Adobe Kuler まずはAdobeが提供しているAdobe Kulerから。こちらは有名なので知っている方も多いと思います。Adobe KulerはPhotoshopやIllu... 続きを読む

配色を考えやすくするための様々なルール - YATのBLOG

2014/01/20 648 users YAT Blog ルール

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。0 色は、見た人に対して、そのものの意味を伝えることができます。そのため、色の選択を誤ると正しい意味を伝えることができません。 色とは、デザインを行う上で欠かすことのできない要素であり、プロジェクトの成功にも大きく関わっているため、デザイナーにとっては非常に気を使う要素といえます。 世の中には、何万... 続きを読む

一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ | コリス

2013/12/09 585 users コリス コーポレートカラー カラースキーム 配色設計 見本帳

コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表... 続きを読む

配色が苦手でも、これを読めばスキルアップできるおすすめスライド6選。 | Handy Web Design

2013/12/06 992 users Handy Web Design SlideShare

Slideshareってあんまり見てなかったんですが、探してみると色々と面白そうなスライドが沢山公開されてますね。フォトショップとか、イラレとか、Webデザインに関するスライドも色々とあって、しばらくはガッツリ見てみたいと思います。そんな中で配色に関するスライドは特に良いものが多かったので、おすすめスライドをご紹介させていただきます。配色苦手ー！という人には、ぜひ読んでいただきたいです。ちなみに上... 続きを読む

フラットデザインに即採用！美しい日本語フォント。しかも無料。 | Balance Note

2013/08/30 1263 users Balance Note フォント アプリケーション ご存知

フラットデザインに即採用！美しい日本語フォント。しかも無料。 最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというも... 続きを読む