タグ

webデザインと配色に関するharu135のブックマーク (15)

  • Color Palettes for Designers and Artists - Color Hunt

    Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

    Color Palettes for Designers and Artists - Color Hunt
  • HugeDomains.com

    Captcha security check swissamigos.com is for sale Please prove you're not a robot View Price Processing

    HugeDomains.com
  • BrandColors

    Close Modal About BrandColors BrandColors was created by DesignBombs. The goal was to create a helpful reference for the brand color codes that are needed most often. It's been featured by Smashing Magazine, CSS-Tricks, Web Design Depot, Tuts+, and over 2 million pageviews. There are now over 600 brands with 1600 colors and the collection is always growing.

  • モダンで都会的な印象をユーザーに与えるコンプレックス配色tips - かちびと.net

    デザイナーさんなら当たり前の知識 かもしれませんが、配色の種類の中で コンプレックス配色という都会でモダン なイメージを表現できる配色が凄く 気にいっているのでRGBコードも 一緒にご紹介します。 もともと知ったのは大分前に買った「ちゃんと知りたい配色の手法 」というで、この記事もその中の一部です。 コンプレックス配色とは? コンプレックス配色と対を成す配色がナチュラル配色と言いますが、ナチュラル配色とは 植物の緑や木の茶色等を指すのではなく、「太陽光によって色相と明度が変化する」性質 を応用した配色で、コンプレックス配色はその逆を指します。オリンパスのロゴなんかは ナチュラル配色に当たります。 コンプレックス配色は自然では見られる事が少ない色の関係で、人工的、都会的な印象を 与える事が出来ます。以下にそのコンプレックス配色の例を作りましたので宜しければ ご覧下さい。画像は保存形式の関係

  • 配色に悩んだときに使える最近の便利なWebサービス

    Colllor任意の色を指定すると、トーン表や同... / 配色の見帳色をクリックすると、どんどん新しい色... / iWantHue簡単操作のカラーパレットジェネレ...他...全8件

    配色に悩んだときに使える最近の便利なWebサービス
  • ガーリー好きがお届けするガーリーデザインのポイント5つ | Kana-Lier カナリエ

    ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。2.テクスチャを利用して、やわらかさや、素材感を加えてみる!3.パターンを使うだけでガーリーに!ストライプとドットが素敵!4.安定感よりも、繊細なイメージを意識する。5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ! 1.配色は甘く、優しく。スイーツのような彩りを。 ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。 今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。 私が好き

    ガーリー好きがお届けするガーリーデザインのポイント5つ | Kana-Lier カナリエ
  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
  • ウェブデザインで参考にしたいユーザー行動と色の心理学 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> ウェブデザインでユーザー行動を考えたユーザビリティが大事とはよくいわれることですが、色についてはどこまでこだわりを持っているでしょうか?見た目やデザイン上の配色は気を使っても、例えばフォーム入力時の確認やエラーメッセージについてはどうでしょうか?地味ではありますがもしかするとサイト上のユーザー行動に大きく影響を与えているかもしれないメッセージの配色について深く考えてみた記事を。 — SEO Japan 色には心理的な要素が多く関与する。私は自分が専門家であると主張するわけではないが、どちらかというと直感に反しているように思われるようなものに時々出くわすことがある。 色にも文化的な影響も多分にある

    ウェブデザインで参考にしたいユーザー行動と色の心理学 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • コンプレックス配色をうまく使った、素敵なWebデザイン例 - かちびと.net

    様々な配色の中でも個人的に 気に入っているのがコンプレッ クス配色という配色です。自然 の中ではあまり見られない配色 で都会的なイメージや見る人に 印象を与えるのに大きく貢献して くれます。 不調和ゆえのの調和配色と言われるコンプレックス配色を利用したWebデザイン例。個人的に必要になりそうなのでメモとして残します。コンプレックス配色に関しては以前記事にしましたので宜しければ合わせてご覧下さい。 The English Network グレーに、やや紫がかったレッドカラーが印象的です。統一感もあって見やすい。 The English Network globaltradeqatar こちらもレッド&グレーですが、先ほどのと雰囲気は随分違います。ロゴだけ合わせてないのは理由があるのかな・・ globaltradeqatar estoyvolando.com シンプルながらダークカラーにビビッ

  • ブラックベースの暗いウェブデザインで気をつけたいポイント

    ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象

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

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

    配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々! | バンクーバーのうぇぶ屋
  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

    自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
  • Create Color Schemes, Test Color Combinations - Colorspire

    TweetColor Scheme DesignerOverview Base Color Flash is required to display color wheel Test Pattern: Webpage Layout 1 1<<#A130342<<#6E0D253<<#A7988B4<<#F1EBE45<<#6E0D25 © Cosy Touch LTD | Privacy Policy | Contact Us

  • 色と人の感覚とウェブデザインのはなし | バニデザノート

    前回は空白のお話をしましたが、 今回は色のお話です。 空白・ホワイトスペースの扱いと、色の扱いはとてもよく似ています。 また、ホワイトスペースだけでなく、色も一緒にコーディネートすることで よりわかりやすくウェブデザインを行うことができるようになります。 空白・ホワイトスペースよりも、人間の「目」と、「モニタ」というスペックに関わる部分ですので あくまでも筆者の考え方として参考にしていただけると嬉しいです。 あったかく感じる色 色覚といって、色には人に与える印象があります。 これは、誰もがそう感じるというものではないのですが、 (それこそ、育った環境から、目のスペック、その人の精神的な部分に至るまでゆらぎがあり・・) 「ほぼ多くのひとが感じる」というレベルで、感じ方をある程度グループ分けすることができます。 たとえば、このグループは「暖かい」「活動的」「元気」なイメージがあります。 もうす

    色と人の感覚とウェブデザインのはなし | バニデザノート
  • Color Hex - ColorHexa.com

    ColorHexa.com is a free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes). Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LA

    Color Hex - ColorHexa.com
  • 1