配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark

2012/03/18 3126 users ウェブサイト レイアウト 言い訳 分野 基礎

自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。... 続きを読む

del.icio.usをカラースキーム･ギャラリーにする | caramel*vanilla

2006/05/21 2634 users koyachi caramel*vanilla ギャラリー

カラーコードをブックマーク デザインのステキなサイトはスクリーンショットを撮ったりブックマークすればいいけれど参考にしたい配色、ひらめいた組み合わせを簡単にひかえておくにはどういう方法がいいのかな? del.icio.usに面白い機能があるのを今日発見しました。 情報源は勿論del.icio.usから。 koyachiの日記 - del.icio.usで色カタログを作る POSTするときのURL欄... 続きを読む

配色パターンからWebデザインを考える | Webクリエイターボックス

2010/03/23 2556 users 配色パターン Webクリエイターボックス webデザイン

ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・... 続きを読む

配色に悩んだときに、きっと役立つ7つの配色技法【基本】

2012/06/29 2466 users デザイナー 沢山 基本 Webデザイナーさん 経験

私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、... 続きを読む

エクセル・パワポがグッと見やすくなる配色のルール - NAVER まとめ

2012/10/23 2347 users エクセル NAVER 資料 資料作り 基本ルール

エクセルやパワーポイントで資料を作る時に、無駄に色んな色を使ってしまって、なんだか見難くなってしまうことが多いです…。資料作りの時に参考になりそうな、配色の基本ルールをまとめてみました。 更新日: 2012年10月23日RSS 続きを読む

ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト

2006/11/27 2183 users Cool ウノウラボ 半減 ダサい Unoh Labs

こんにちは　satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような... 続きを読む

1年目デザイナーに読ませたい配色の考え方を学べる記事まとめ10個 - W3Q

2012/04/22 1693 users W3Q 考え方

配色センス０でも大丈夫！？服、インテリア、デザイン、様々な“色使い”を改善するかもしれない『60-30-10 Rule』！ | バンクーバーのWEB屋 続きを読む

最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン | バズ部

2012/06/05 1637 users 配色パターン Web配色 バズ部 最低限 コンバージョン

WEBサイトのデザインは、誰もが頭を悩ませる部分だ。「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６... 続きを読む

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

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

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

ASCII.jp：もう配色には困らない！「Adobe Kuler」

2009/01/21 1586 users Adobe Kuler ASCII.jp kuler web

「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWeb... 続きを読む

UIデザインで困らないために押さえておくべき7つのWEBサービス

2012/04/08 1546 users UIデザイン WEBサービス ページャー 7つ 随所

UIデザインで困らないために押さえておくべき7つのWEBサービス 技術  UI Web デザイン まとめ デザイン リンク集 開発  ウェブサイトにおいて、画像や配色だけがデザインではありません。ページャーやパンくずリスト、タブやアイコンなど、サイトの随所に存在するユーザーインターフェース(UI)も重要な要素のひとつ。とはいうものの、毎回おざなりに済ませていませんか？ その結果、なんだか使いづらい... 続きを読む

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

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

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

よりよいWebデザインにするための配色のセオリー :: Love & Design ::

2008/03/19 1400 users セオリー DESIGN LOVE 過言 調和

第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーを... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎 | 秋田県webデザイナー【weblog】

2012/05/17 1177 users 私生活 スキルアップ Weblog 味方 センス

webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えて... 続きを読む

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

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

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

Webデザインや配色をサポートする新サービス | Croppy（クロッピィ）

2011/10/26 1125 users Croppy webデザイン 新サービス

Twitter Users Enter your personal information in the form or sign in with your Twitter account by clicking the button below. 続きを読む

配色で悩むすべての絵描きさんへ　役立つサイト・講座まとめ ｜ お絵かき速報！萌え絵上達法

2010/12/24 1096 users 萌え絵上達法 絵描きさん お絵かき速報 講座まとめ すべて

配色に関する、おすすめのサイト・講座を集めました。 今までよりも、色塗りがぐっと楽しくなりますよ！ 【配色関連サイト】 日本の伝統色 和色大辞典 落ち着いた和のカラーパレット 世界の伝統色 洋色大辞典 鮮やかな洋のカラーパレット kuler 配色パターン集 [ws] Color Scheme Designer 一つ色を指定すると、それに合わせて相性のいい色を選んでくれる pictaculous 画... 続きを読む

配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々！ | バンクーバーのWEB屋

2012/04/10 1075 users 万国共通 バンクーバー 神経 センス Web制作

この前日本に一時帰国していてWEB制作の学校とか顔出す機会があったんですが、日本だろうが、海外だろうが『色』に関する悩みはやっぱ万国共通のようですね。 配色一つでセンスが問われますし、配色一つの為に膨大な時間を使ったりする、デザインをする上で考える『色』についてはセンスも時間も必要な非常にデザイナーとして神経使うとこなんじゃないでしょうか？ しっかし、僕がそうだったんですが、配色って本当に意識して... 続きを読む