タグ

Colorに関するkeijixのブックマーク (152)

  • 12 Best Color Palette Generator | SmashingApps.com

    by Akhter · August 7, 2014 12 Best Color Palette Generator Producing an attention-grabbing and inimitable color palette can be very perplexing job to do. Luckily, there are several online tools and resources available that provide you with some basic references and inspiration needed to create your own color palette. These online resources let you create best color palette, and save your time. In

    12 Best Color Palette Generator | SmashingApps.com
  • エンジニアこそ色彩デザインを学ぼう - ppworks.jp

    学ぼうよ、と思っていて、 新人デザイナーのための色彩デザイン・配色のルールを学べる 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行 クリック: 1回この商品を含むブログを見る を読んでいました。 @ken_c_lo氏が以下のスライドで触れていますが、エンジニアがデザイン学ぶのマジオススメとのことです。よっしゃ、学ぼう。 新人デザイナーのための色彩デザイン・配色のルールを学べる 新人デザイナーのための色彩デザイン・配色のルールを学べる 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行 クリック: 1回この商品を含むブログを見る WEBというより印刷のデザイナー向けのなのかな?という印象なのですが色の使い方という意味では勉強になりました。 特色の話やCMYKプロセスカラーの話は一旦無視しながら

    エンジニアこそ色彩デザインを学ぼう - ppworks.jp
    keijix
    keijix 2014/07/17
  • Unityやるには必須!RGBA画像減色の基礎をまじめに書いてみた

    今回はその中でも1番よく使うRGBA16bit(RGBA4444)について必須の基礎知識をお話します。 なかなか難しい話なので長くなってしまいましたが、ぜひ一度目を通しておいてください! 今回は変換形式の中でも代表的に用いられるRGBA16bitの話をしていきます。 題の前に1番間違えやすいポイントを紹介します! Unityで使う画像は必ず変換処理をされるので、デザイナーが作った画像とファイルサイズや画質はそのままでは使われません!

    Unityやるには必須!RGBA画像減色の基礎をまじめに書いてみた
  • これでクライアントへの説明に迷わない!WEBデザインにおける色彩心理

    こんにちわ。ディレクターの有馬です。 日はWEBデザインにおける色彩心理についてまとめてみたいと思います。 WEBサイトのコンセプトカラーの選定に困ったことはありませんか? 優しげな印象にしたいからパステルカラー、 楽しい印象にしたいからイエロー、 など感覚的に色を選んでしまいがち。 ですが「なぜこの色を選んだのか?」という理由がはっきりしないと、 デザイナーさんも困ってしまいますよね。 そこで的確なカラー選定ができるようになるために、 使うカラーによって人の心理に影響を与えるという「色彩心理」について調べてみました。 なぜそのカラーを採用したのか?が明確になればデザイナーさんへの依頼だけでなく、 クライアントへの説明も明確になりますよね。 色彩心理とは? 色彩心理とはひとことで言うと「カラーによって、受け手の印象を左右する」ということです。 たとえば「赤」は販売色カラーといわれ、販売意

    これでクライアントへの説明に迷わない!WEBデザインにおける色彩心理
    keijix
    keijix 2014/04/03
  • Croppy

    2020年におけるベストオンラインカジノ8選06 January 2021 カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! ... カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! 新型コロナウイルスの感染拡大によるパンデミックにより、ギャンブラーの行動は変わりました。実店舗のカジノを利用できなくなって、オンラインでプレイする人が増えています。ラスベガスには、以前のような活気がなくなってしまいました。人々はカジノを訪れることでウイルスに感染することを懸念しているのです。そのため、オンラインカジノで遊ぶ人が多くなっています。多くのオンラインカジノが運営されていますが、すべてのサイトが同じクオリ

  • フラットなデザインの配色に悩んだときに使えるツールや参考になるサイト

    フラットデザインは配色が重要といわれています。カラフルなものやレトロなものなどありますが、どれも独特の色使いです。 で、今回はそのサイトがどのような色を使っているのか確認する方法を紹介します。この方法で色んなサイトの配色を見ていくと非常に勉強になると思います。 CSS Prism by Ryan Berg 使い方は簡単。CSSのアドレスを入力するだけです。 CSSから色を抜き出すので画像に使われている色は出てきません。最近はWebフォントを使うなどして画像の数を抑えようとする傾向にありますので、CSSで使われている色を見ればサイトのイメージをつかむことができると思います。 わざわざCSSのアドレスを確認するのは面倒だという方のためにブックマークレットもあります。下の画像のように「CSS PRISM」と書かれた部分をドラッグして、ブックマーク(お気に入り)に保存します。 で、確認したいページ

    フラットなデザインの配色に悩んだときに使えるツールや参考になるサイト
  • 色選びで迷った時に!配色のインスピレーションを得られるツールまとめ6つ | Goodpatch Blog

    MEMOPATCHをご覧になっている方のほとんどがWebデザインUIデザインに関わっている方だと思います。そして多くのデザイナーが頭を悩まされるのが配色ではないでしょうか?。そこで今回は配色の参考やインスピレーションを得られるツールを6つご紹介します! COLRD http://colrd.com/ 大まかな色から、その色が使われている写真やカラーパレット、グラデーション、パターンを探す事ができるサイトです。カラーパレット、グラデーション、パターンにはそれぞれに使える便利な機能があるのでご紹介します。 ・カラーパレット 検索して出てきたカラーパレットは編集可能で、Photoshop用にカラーパレットをダウンロードできる(.acoファイル) ・グラデーション 検索して出てきたグラデーションはcssのコードを生成することができる ・パターン パターンはそのまま使えるパターン素材(繰り返し可能

    色選びで迷った時に!配色のインスピレーションを得られるツールまとめ6つ | Goodpatch Blog
  • 配色に悩んだときに使える最近の便利なWebサービス

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

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

    ColorZilla for Firefox and Chrome Advanced Eyedropper, ColorPicker, Color Analyzer and other colorful goodies for your Firefox and Chrome. ColorZilla for Chrome and Firefox Advanced Eyedropper, ColorPicker, Color Analyzer and other colorful goodies for your Chrome and Firefox. Ultimate Gradient Generator A powerful online Photoshop-like CSS gradient editor, image to CSS converter and much more Cha

  • Webデザイン 配色をイメージで学ぶ【基本11色】

    こんにちは、高橋です。 近頃、ユーザが製品を経験してどれだけ満足を得れるのかといった仕組みが注目を浴びています。UXですね。配色もUXの範疇とすれば、理解を深めておいて損はないと思います。今回は基的は色と使われるWebサイトのタイプも併せてザックリと紹介していきます。 ・色紹介 ◯赤(Red) 情熱や活気といった気持ちを高ぶらせる色です。 インパクトを与えたいイベント・キャンペーンサイトで使われています。またサイトカラーだけでなく、強調したいコンテンツ・危険を促す削除ボタン等にも使えます。艶のある赤は上品さを感じさせますが、使い過ぎると落ち着きのない雰囲気になってしまいまいます。反対に暗い赤は気持ちを落ち着かせる効果があります。 ◯緑(Green) 健康や自然といった癒しを連想させる気持ちを落ち着かせる色です。 自然やエコをモチーフとしたサイトで使われています。また安心のカラーとも呼ばれ

  • レンタルサーバー(ホスティング)実現力No.1のCPI

    ビジネスを 高速で届ける。 ビジネスにより深く集中していただくため、 安定した、一番静かなサービスを、 わたしたちは提供し続けます。

    レンタルサーバー(ホスティング)実現力No.1のCPI
  • 色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ | 高橋文樹.com | デザイン

    この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 前回の記事に続き、僕と同じくデザイン力のない人のためのサバイブハウツーです。Webサイトを作っていると、デザインをしなくてはならないのですが、その際にとても困るのが色の決定です。 色使いというのはとても大事なもので、「ダサいなー」と思われる理由のトップクラスに位置するものです。デザインというのは上手くいっている場合は気づかれず、失敗したときに目立ちます。 みんな大好き愛生会病院 僕はいままで某大手企業の研修や某デジハリなどで沢山の初心者を見てきましたが、確実に言えることは99%の人に色彩センスはないということです。「好きな色決めてね」というと、99%の人がクソのような色を使ってきます。これは当人がダサいかダサくないかにかかわらず、99%色彩センスがありません。 Webで色彩

    色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ | 高橋文樹.com | デザイン
    keijix
    keijix 2012/09/01
  • 【長文注意】kulerを使った誰にでもできそうなWeb配色 | フォルトゥナ ブログ

    色ってそんなにセンスは関係ないですよ 「色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ」という記事があったので、思うところとかを含めて配色の方法についてまとめてみました。私の方ではもう少し具体的な配色の方法についてもまとめたいと思います。 いつもWebカラーセミナーで話すのは、配色に関する問題の8割は知識で解決するということです。「色彩のセンスがない」という人はそもそもその勉強をしたことがないという人が多く、勉強したことのある人は「色は難しい」と仰います。逆に数十年グラフィックデザインをやっていても、Webの配色としてはまったくできていないということも多々あります。これはセンスではなくWebでのセオリーがわかっていないということになります。 センスと知識や学習していないことを同列に扱うのはおかしいですね。 デザイナーで色の勉強をまったくしたことがないという人はやや問題がある

    keijix
    keijix 2012/09/01
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    keijix
    keijix 2012/07/23
  • 私がWebサイトの配色を決める時の流れ

    ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。 伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。 ただ、言葉から連想されるものは人により誤差がありますので、 参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。 下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。 「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査 競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。 ただし同業の全てのサイトと被らないようにするのは無理があるので、 商圏内で競合となる他社のみを比較対象とします。 また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、 店舗であれば外観・内装の

    私がWebサイトの配色を決める時の流れ
  • 画像からカラーパレットを生成しカラーコードをHEXやRGB形式でコピーできる「Pictures To Color」

    画像からカラーコードを取得するようなサービスにはPic2Colorのようなものもありますが、配色を一覧するカラーパレットの操作性や視認性がいまいちだったり、カラーコードがHEX形式だけだったりします。 また、サイトから直接使っている色を抜き出すI Like Your Colorsのようなものは、これまた見た目もいまいちで、HEXのみ。どれも一長一短ありといった感じです。 今回ご紹介するのは、カラーコードをHEX以外のRGBなどの形式でもクリップボードにコピーでき、配色のカラーパレットをHTMLで一覧することもできるWindows用のフリーソフトです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 画像から色コードをコピー、一覧できる「Pictures To Color」 「Pictures to

    画像からカラーパレットを生成しカラーコードをHEXやRGB形式でコピーできる「Pictures To Color」
  • ウェブデザインのための色が持つ意味 | コリス

    The Meaning of Colour in Web Designでは、ウェブデザイン向けに、いろいろな色の持つ意味をリストアップしています。 また、日をはじめ世界各国での異なる意味も掲載しています。 The Meaning of Colour in Web Design ウェブデザインのみに特化しているとは思いませんが、下記に各色の意味(キーワード箇所のみ)を訳したので掲載します。 機械訳なので、参考程度にご覧ください。 Red Red エネルギー、力、熱情、扇情的傾向、快活さ、勇気、炎症、キャリアゴール、速い作用の要素、欲望、願望、血、活気、原動力、危険、名声、ラブ、生き残り、戦争、革命、危険、侵略、力、力、決意、感情的な強烈さ、セックス、腹立たしい、ダイナミックな、刺激的な、勇気、良い味がする勇敢さ、力、指導力、劇文学、興奮、スピード、熱、暖かさ、暴力、注意、寛容、ロマンス L

  • https://www.pantone.com/pages/pantone/pantone.aspx?pg=20943&ca=10

    keijix
    keijix 2011/10/06
  • デザインやファッションに取り入れたい、2012年 春のトレンドカラー

    PANTONE Spring 2012(PDF) メンズカラーなども掲載されています。 [ad#ad-2] 前回のダウンロード数が思ったより多かったので、今回もPhotoshop用のスウォッチファイル(.aco)を作成してみました。

  • デザインやファッションに取り入れたい、2011年のトレンドカラー

    Pantoneが2011年セレクションしたカラーは、赤みがかったダイナミックなピンク「ハニーサックル」。 Color of the Year for 2011 PANTONE 18-2120 Honeysuckle [ad#ad-2] ハニーサックルには、信頼、勇気、チャレンジ精神といった志を高める思いがこめられています。 この赤みがかったピンクは見る者を強烈に魅惑します、実際にハチドリはこの花の香りではなく色に魅了され惹きつけられます。 女性は衣服・アクセサリー・化粧品、男性はタイ・シャツ・スポーツウェアなど、昼夜を問わず人目をひくカラーとなるでしょう。 インテリアとしても、空間にエネルギッシュなセンスを加えることができます。 PANTONE Color Systems: 18-2120 「ハニーサックル:18-2120」のPantoneのカラーシステムです。