タグ

配色に関するmassissoyoのブックマーク (12)

  • sipec-square.net - このウェブサイトは販売用です! - 青山学院大学 国際政治経済学部 リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • 同色系でまとまりのある配色、WebデザインにするためのTips

    いろいろな色相を使わずに、ひとつの色相の彩度違い、明度違いなどでデザインしていく同系色デザイン。 多くの色相を使わない同色系デザインは、たくさんの Webサイトでも使われている人気の配色です。 同色系でデザインしていくと、ページの統一感がでて色の持つ力を印象付け易いというメリットがあるだけでなく、初心者でも比較的まとめやすい ... という作り手側のメリットもありますね! 同色系でまとめられたデザインは、ページに統一感があって、よくまとまって見えますよね。そして色の持つメッセージを、強く印象付けるのにとっても効果的だと思います。いろいろな色相を使ったデザインに比べて、比較的まとめ易いし、色的な効果を発揮しやすい同色系デザイン。同色系は簡単 … というか、カラフルデザインに比べれば簡単かもですけど、配色における基的なポイントは、他の配色方法にも通じています。今日は基的なところを押さえなが

  • 配色の基本。メイン・サブ・アクセントカラーを極める!

    前回の[カラーデザインの基。トーンを理解する!]と[カラーデザインの基。色の三属性とは?]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう!(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に

    配色の基本。メイン・サブ・アクセントカラーを極める!
  • 色だけでダメなデザインを良いデザインに変える方法Vol.1

    私は新人だったころ『デザインは形の美しさだ!』と、やけに形ばかりを気にしてデザインをしていたことがありました。私は何を始めるにしても【まず形から入るタイプ】なんですが、それもあって形ばかりを意識していたのかもしれません。 『なんかこのデザインダサいんだよな』なんて思うとき、形やレイアウトの修正ばかりに力をいれ、色のことはほとんど考えていませんでした。色がどれだけデザインに影響を与えているのか知らなかったんです。 そんな私だったんですが、色彩に関するセミナーに参加したり、先輩の話を聞いたり、書籍を読んで勉強していくうちに、色がどれだけデザインに影響を与えているのかを知りました。そして今では、デザインの修正を行うとき、【色の修正だけで、問題を解決させることができる場合が多くある】ということを知りました。 『なんかこのデザインダサいんだよな』なんて思うとき、レイアウトや形を変える事ももちろん大切

    色だけでダメなデザインを良いデザインに変える方法Vol.1
  • 配色に悩んだときに、きっと役立つ7つの配色技法【基本】

    私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基的な7つの配色技法を紹介したと思います! 基的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色

    配色に悩んだときに、きっと役立つ7つの配色技法【基本】
  • 配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々! | バンクーバーのうぇぶ屋

    この前日に一時帰国していてWEB制作の学校とか顔出す機会があったんですが、日だろうが、海外だろうが『色』に関する悩みはやっぱ万国共通のようですね。 配色一つでセンスが問われますし、配色一つの為に膨大な時間を使ったりする、デザインをする上で考える『色』についてはセンスも時間も必要な非常にデザイナーとして神経使うとこなんじゃないでしょうか? しっかし、僕がそうだったんですが、配色って当に意識していないと何が良くて何が悪いのか中々判断つかない、デザインしていても一つの色ばかり見ていたらその色が何か気にわなくなってきて、違う色を試してみたり。いくつかの色を併用してみたり、でもやっぱり戻してみたり。行ったり来たりで何が”良い配色”なのかがわからなくなったりすることが多いんですね。 んなことしていたら、『色』について悩む時間だけで丸一日過ごすなんてこともざらにあったりしたわけです。デザインしだ

    配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々! | バンクーバーのうぇぶ屋
  • YouTube人気急上昇

    【ゆっくり実況】ロボットが進化して復活⁉新シーズンが大変なことになりそうな件www【フォートナイト/Fortnite/かめはめ波縛り】GGGstudio所属

    YouTube人気急上昇
  • 普段あまり使わないカラーの組み合わせを効果的に使う方法

    Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか? グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープルと暖色系のグリーンです。 ブルーとイエロー yellow strings [ad#ad-2] ブルーを使おうと考えた際、一緒にイエローを使おうと思うのは非常にまれです。しかし、この二つを使って作られるエフェクトに驚くでしょう。これらのカラーでウェブサイトをデザインするとき、もしブルーをメインに使うのであれば、もっとも良い見栄えになるでしょう。イエローを多く使うとより明るくなり、サイトがあまりにもブルーが多すぎる時に効果的です。 イエローを使う時は、単に明るいイエローではなく、際立っていない薄いイエ

  • 25 Examples of Perfect Color Combinations in Web Design | Codrops

    Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create an eye candy result. From delicate and smooth colors to strong duos and super colorful pages, we have several styles to show you. Color is definitely a very important element of web design, and if you are familiar with the Color Theory used in visual arts, you

    25 Examples of Perfect Color Combinations in Web Design | Codrops
  • 色彩センスのいらない配色講座

    UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回

    色彩センスのいらない配色講座
  • 【公式】ハイローオーストラリア|新機能:ジャックポット・キャッシュバックプログラム¦HighLow.com

    ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。

  • 配色に自信がなくても!Webデザインが好きになる配色ツールと使い方

    2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト! ウェブ配色ツールを使った基的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです! オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色(=同

    配色に自信がなくても!Webデザインが好きになる配色ツールと使い方
  • 1