タグ

colorに関するshozroのブックマーク (18)

  • 色覚障がい者に配慮したWebサイトの作り方

    色覚障がい者に配慮したWebサイトの作り方今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください! 追記: 一部表記の仕方を変更しました。 色覚障がいについて目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった焼肉の際、生肉と焼けている肉の区別がつきにくい電車の路線図がわかりにくい黒板に書いた赤チョークが見えにくいUNO、

    色覚障がい者に配慮したWebサイトの作り方
  • 鉛筆のエロ画像ください 無題のドキュメント

    3 :以下、名無しにかわりましてVIPがお送りします[]:2010/03/16(火) 00:28:10.87 ID:g+w4q3Xw0 おねがいします>< 今すぐ必要なんです>< 8 :以下、名無しにかわりましてVIPがお送りします[]:2010/03/16(火) 00:30:49.29 ID:CXwu9TGK0 12 :以下、名無しにかわりましてVIPがお送りします[]:2010/03/16(火) 00:36:19.88 ID:fxBw8Mww0 13 :以下、名無しにかわりましてVIPがお送りします[sage]:2010/03/16(火) 00:37:21.23 ID:/a0mnEIt0 >>12 なんかすっげーえろいんだけど 14 :以下、名無しにかわりましてVIPがお送りします[]:2010/03/16(火) 00:37:22.49 ID:g+w4q3Xw0 >>12 ロリものはち

  • 500色の色鉛筆の色の名前カオスすぎwwwwワロタwwwww:ハムスター速報

    500色の色鉛筆の色の名前カオスすぎwwwwワロタwwwww カテゴリ☆☆☆ 1 :以下、名無しにかわりましてVIPがお送りします:2009/11/23(月) 22:14:59.61 ID:8V+7wvZj0 トワイライトゾーンの雪wwwwwwwwwwwwwww http://info.felissimo.jp/contents/colors/zukan/index.html 4 :以下、名無しにかわりましてVIPがお送りします:2009/11/23(月) 22:17:26.08 ID:B7/cnFk80 ?2BP(7096) ため息のベールwwwwwwwwwwwwww 7 :以下、名無しにかわりましてVIPがお送りします:2009/11/23(月) 22:17:54.77 ID:0puzfIdKO もはや何色だかわからん 8 :以下、名無しにかわりましてVIPがお送りします

  • いつでもどこでもスポイトツール! 色選びならInstant Eyedropper(無料) | ライフハッカー・ジャパン

    システムトレイからアイコンをピックアップし、欲している色目がけてドラッグ。しかも拡大されたビューからピクセル単位の色選びが出来るので失敗もなしっ。色コード、HTML、RGB、などオプションで設定すればどんな形式でもOK。クリップボードにコピーされた情報を編集ツールからペタペタと貼り付けるだけ。 Windowsシステムのみのフリーツールですが、Photoshop使いの方は、物のスポイトツールをPhotoshop以外の場所で使う技がありますので、そちらの方が気持ち的に良いって人はそちらをどうぞ。Macユーザの方も同じ技が使えまっせ。 Instant Eyedropper [via Lifehacker AU] Kevin Purdy(原文/まいるす・ゑびす) 【関連記事】 ・フォトショじゃないとは信じられない『Artweaver』で画像編集 ・待望の画像編集フリーソフト『GIMP 2.6』が

    いつでもどこでもスポイトツール! 色選びならInstant Eyedropper(無料) | ライフハッカー・ジャパン
  • 神速(´・ω・)VIP:なんか黒い画像ください

    2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

    shozro
    shozro 2008/10/12
    落ち着くなあ
  • カラーオンチなウェブデザイナーのお助けサイト : HotWeb Magazine

  • Passion For The Future: デジカメのえほん

    « モモ―時間どろぼうとぬすまれた時間を人間にかえしてくれた女の子のふしぎな物語 | Main | 派手な自作メッセージボックスを出すCmd MsgBox » 書評:脳・こころ |書評: 企画・発想| 書評文化・文明|書評:経済・経営 |書評:子 供・教育|書 評:小説・戯曲|書評:ネット活用 |書評仕事・管理|書 評:メディア論|書評:その他|書評:思想・哲学 |書評 :文章・表現|書評:認知・心理 |書評:神 話・宗教|書 評:科学・技術書評:社会・世間 |書評教養 ・雑学 2006年度 年間オススメ書籍ランキング ノンフィクション部門 2006年度 年間オススメ書籍ランキング フィクション編 2005年度 書籍売り上げラン キング ベスト20 2005年度 年間オススメ書籍 ランキング ベスト20冊 2004年度 人気記事ベスト10 アクセス数が多かった記事とは? 2004

  • 毎日のデザインに刺激を与える日替わり配色の提案サイト*ホームページを作る人のネタ帳

    後書き付けたし 2007/6/14 痛恨の過ちをおかしてしまいました。 既に2006年で毎日配信はとまっており、『日替わり』という表現に大きな間違いがある事がわかりました。 深くお詫びをいたします。 実に面白いアイデアですね。 毎日日替わりで、配色を配信している。 http://beta.dailycolorscheme.com/ 詳細は以下に。 画面右下のほうにあるこのフィールドから、もっと見ることが出来る。 配色系は実際好みがあるため、意見は割れるものです。 サイト自体も、色によってある程度イメージと言うものを持っている。 そんな配色に困ったときに是非とも覚えておきたいサイトです。 発想が面白い 個人的に最も感動したのはその発想です。 私の頭なら、日替わりでWEBニュースを書いたり、それもデザインの良いサイトばかりを書いたりと言う発想しかなかった。 これを見ると、世の中の広さを感じる事

    毎日のデザインに刺激を与える日替わり配色の提案サイト*ホームページを作る人のネタ帳
  • ◆おいしいWeb配色◆

  • “色”でグッと引きつける!:NBonline(日経ビジネス オンライン)

    カラーリングの基礎は不可欠の知識 「プレゼン資料の配色の重要性に意識が高まってきたのはここ3年ぐらい。まだまだ改善すべき点が多いというのが日の現状です」。こう話すのは、企業のドキュメント資料の企画や設計、制作などを手がけるコドスの矢島隆さんだ。 「パワーポイント」でプレゼン資料を作成することが当たり前となった今、図の配置や文字の流し方などの構成に気を使う人は増えている。だが多くの人はカラーリングまでは学び切れていない。思いつきや個人的な好き嫌いで色を決めてしまうケースは少なくない。

  • OBB vs AABB - Radium Software Development

    This domain may be for sale!

  • 日本の伝統色を組み合わせてみた - DesignWalker

    日本の伝統色を組み合わせてみた - DesignWalker
  • 色が人間の心理に与える影響 CONFIDENCE ランキング&ニュース -ORICON STYLE-

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

    色が人間の心理に与える影響 CONFIDENCE ランキング&ニュース -ORICON STYLE-
  • //// 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.

  • 『色の決まりを知っていれば「センス」がよくなる』

    システム会社に「色はとりあえず適当にお願いします」と言ってあがってきたものを見ると「えーっ」という配色になってあがってくることがよくある。「適当に」と指定していない自分が悪いのだが色をすべて指定しないと使ってはいけない色の組み合わせを使ってきてしまうのだ。 という私も初めて自分でチラシのデザインを作った時は「韓国風の色遣いだね」とつっこまれたが、緑や赤の原色を多様してしまった。(韓国の色づかいが悪いと言っているのではありません)そこでデザイナーさんに進めてもらったのは配色辞典。そこにあげられている色を使えばたちまちセンスの良い色遣いができるようになるのだこれホントに。 たとえば参考サイトは http://www.colourlovers.com/ これを見ると3色とか5色の色があげられているのでその色の組み合わせを使ってあげるとセンスがよくなる。 ああ、なんと便利な。ちょっと知ってるだけで

  • ダーク系配色のデザインを採用しているサイトいろいろ - GIGAZINE

    背景色が黒色の場合、白の割合をどれぐらいにするか、そしてそれをどれぐらい効果的に表現しようとするか、つまり機能美として背景などの目立たないところにはハイライトを使わず、読ませたい部分にきっちり目の焦点を合わせるために使われているか、そういう点に気をつけるのがポイントだそうで。 というわけで、デザイン的にダーク系配色を使う場合に見ておいた方がいいサイトの例があるそうなので、見てみましょう。言うまでもありませんが、デザイン最優先で見がたくなっているものから、いわゆる機能性を優先しつつデザイン性まで確保しているものまで様々ですので、すべてがいいデザインというわけではありませんが、参考にはなるのではないかと。 30 Dark Designs You Should’ve Seen | Smashing Magazine デザイン的に一番機能美として優れているとされるのは一応、以下のサイト。目立たせた

    ダーク系配色のデザインを採用しているサイトいろいろ - GIGAZINE
  • Japanese Traditional Colors

    桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお

  • カラーコード HTML・CSS用

    Webデザイン用のプチツール 選択したデザインパターン上でブロックの色を変えことができます。選択したブロックのカラーコードも表示されます。 配色保存用アドレス機能 あなたの作った配色をブログやメールで紹介することができます。パレット右上の「保存用URL表示」をクリックするとURLが表示されますのでコピペしてご利用ください。 配色のヒント 雑誌や生活雑貨を参考にする 文が読みにくい配色はさける。 同系統の色でまとめてみる。 同じぐらいの彩度でまとめてみる。 WEBデザインのヒント 重要なナビゲーションは、探せばすぐに見つかるように配置する 色、文字の大きさ、ブロック周りの余白を調整すると、目立つようになる ページを開いて、まずどこに目がいくのかを意識する 関連のある情報を固める 関連性の薄い情報ブロックの間には余白を入れる

  • 1