タグ

colorとdesignに関するgatya45のブックマーク (14)

  • 『色を色で見ないで』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事趣味とリンクさせながら理

    『色を色で見ないで』
  • 配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]

    配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない! よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/

  • FWD勉強会vol.1資料公開

    2007年10月27日に開催された「PHP in Fukuoka & 福岡Webデザイナーズ合同勉強会」で使用した資料を公開します。 FWD勉強会vol.1資料公開[PDF:1.4MB] 当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公開しようと思っていましたが、時間がかかりそうだったので、後日余裕ができてから公開したいと思います。 今回は「いろのはなし」というタイトルで、色彩調和をテーマに話をさせていただきました。学生の頃に色についての授業を受けているはずですが、あまり勉強をしていなかったので詳しいわけではなく、少し知っている程度でした。そこでいろんなを読んだりしながら勉強をし直すことになりました。 色の話はとても範囲が広く、調べていくうちに全体をカバーすることなど到底無理であることが判ってたので、要望のあった「色彩調和」に絞ることに

    FWD勉強会vol.1資料公開
  • kuler

  • EasyRGB - Color harmonies, complements and themes.

    Create complements, themes and harmonies Use the form below to create colors complements, harmonies and themes. It's an easy way to create a nice looking Web site or to select good trim and accent colors for your home decorations. If you are not sure how to start, check our practical step-by-step instructions.

  • ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE

    まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配

    ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
  • 「色」が持つ3つのチカラ

    第一印象を判断する時間は短く、約5~7秒程度で決まると言われています。 初めてブログを訪れた時の第一印象は、以前、イメージは色で決まる でも書きましたが、文章でもデザインでもなく「色」なんです。 Webデザイン エンジニアリング第23回 「色」が持っている三つのチカラ:ITpro こちらの記事を読んで、「色」が持っている三つのチカラ「強調」「印象」「関連」についてとても参考になりました。 テキストを読んでいるつもりでも、無意識に「色」の情報が伝わっているんですね。 1. 注目してほしいところ タイトルや見出し テキストやリンク色 2. 与えたいイメージ 女性らしさ、優しい印象(ピンク系)←わたしはココ! 楽しい印象(黄色やオレンジ) 信頼、さわやか(ブルー系)など 参考:色が与える印象の違い 3. 同じ色でグループ化 サイドバーやカテゴリーごとに分類する。 メインカラーと同系色か、3色まで

    「色」が持つ3つのチカラ
  • http://www.webcolordesign.com/color_basic/attribute_color/index.html

  • caramel*vanilla » 日本の伝統色のPhotoshop用カラーパレット

  • //// COLOURlovers :: loving colours since 1981

    Share Your Color Ideas & Inspiration. COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.

  • 色が人間の心理に与える影響 CONFIDENCE ランキング&ニュース -ORICON STYLE-

    ■一覧表はこちら 何気なく生活していると意識することはほとんどないが、私たちは様々な色に囲まれて生活している。そして、この目に入ってくる色は、人間の心理に影響を与えているのだ。ここでは、それらについて紹介してみよう。 赤は色の中で最も長い波長を持ち、人間の感情的興奮や刺激をもたらす色である。スペインの闘牛の布にも赤が使われているが、牛は色を判別しないという。観客が興奮するために赤が用いられているのだ。 ピンクは恋愛の色で、女性的なイメージがある。幸福・やさしさなどを感じさせるほか、肌を美しく見せる効果がある色だ。 オレンジは、陽気・元気・活発さを与えてくれるほか、欲を増進させてくれる色でもある。朝の目覚めがよくないときには、オレンジ色を意識して取り入れると、血管や自律神経を刺激して身体を活動的にしてくれる。 黄色は明るさや希望などをイメージさせる色。この色を見ると脳の活性化が期待でき、身

    色が人間の心理に与える影響 CONFIDENCE ランキング&ニュース -ORICON STYLE-
  • 破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE

    色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です

    破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
  • ウノウラボ Unoh Labs: 色選びのコツ

    こんにちは! yamazakiです。 高度なプログラミング話だらけのこのブログには全く馴染まない話題でアレですが、今回は「色」について書いてみようと思います。 Webサイトを作っているとき、ちょっとした書類を作るとき、「どんな色を使おうかなぁ」というのは毎度結構迷うところです。今回はそんなときにもしかしたら少しは役に立つかもしれない、色選びのTipsです。 色の「トーン」を意識してみよう 色の基、というと大抵どんなを見ても「色相」「彩度」「明度」という三つのパラメータがまず出てきます。「色相」「彩度」「明度」というのは 色相…その色が「赤」なのか「青」なのか「緑」なのか、その色の「色味」 彩度…色の「あざやかさ」。 明度…色の「明るさ」。黒がもっとも暗く(明度が低く)、白がもっとも明るい(明度が高い)。 なのですが、この三つのパラメータをもとに色を考えていても、いまいち「どの色に

  • 覚えておきたい配色のワザと便利なツール :: Love & Design ::

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ

    覚えておきたい配色のワザと便利なツール :: Love & Design ::
  • 1