[B! 色] soratokimitonoaidaniのブックマーク

soratokimitonoaidani id:soratokimitonoaidani

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

Webサイト・スマホアプリの制作者がカラーとアクセシビリティについて知っておくべきこと
アクセシビリティ、カラーのコントラストは日増しに重要性が高まっています。 Webサイトやスマホアプリなどデジタルメディアのデザインで、コントラストが適切なカラーを簡単に見つけることができるオンラインツールを紹介します。コントラストが確保されたぎりぎりのグレーなど、自分の使用したい色味で最適なコントラストを見つけることができます。 Color.review Webサイトやスマホアプリなど、デジタルメディアのおけるカラーコントラストの指針はWCAG規格にまとめられており、現在の最新は2.1です。 2.1には、AAとより厳格なAAAの2つのレベルがあります。 AA テキストに必要なコントラストは4.5。見出しと大きなテキストの場合、最小値は3です。 AAA テキストに必要なコントラストは7。見出しと大きなテキストの場合、最小値は4.5です。 ※大きなテキストとは14pt（18.66px）以上の
soratokimitonoaidani 2019/04/01
色／コントラスト

Webデザイン

色
リンク
Free Gradients Collection by itmeo.com
Free for commercial or personal use by Dima Braven. WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.
soratokimitonoaidani 2019/01/11
グラデーション見本。pngも落とせる。便利

デザイン

webデザイン

色
リンク
本当に役立つ配色サービス30選。配色難民の新人デザイナーに捧ぐ
こんにちは。ジャスの意味がわかるやつは大体友達。Webデザイナーのミライです。仙台出身です。私は入社当初から約1年、LIGブログの﹁アイキャッチ︵記事サムネイル︶﹂﹁バナー﹂﹁背景ジャック︵大型バナー︶﹂を制作しており、制作の回転数が多いこともあって、配色でぐるぐると悩むことがよくありました。そのときにカラーリングの参考になるサービスサイトを手当たり次第に調べて、ためていたものを紹介します。けっこう量があり、ひと通りの配色系ツールを押さえているので、ブックマークしておけばきっと役に立つことでしょう。配色に悩んで脳内、インターネット砂漠をぐるぐるとさまよい歩いたあなたの旅もここで終わりです。仕事はさっさと終わらせて、早く帰って寝るのです。はじめに説明を読めないほど疲弊しているあなたのために、評価の軸を立てました。見やすさ特異性掲載数です。個人的な観点ではありますが、サク
soratokimitonoaidani 2018/06/12
カラーパレット・配色系のツールってこんなにあるんだな……どれを使うか迷いそう

色

デザイン

webデザイン
リンク
エンジニアでもできる洒落たロゴを短時間で作成するコツ4つ
EasyRambleは、技術ネタや子育て、英語学習、アウトドアなどについて綴るブログです。RubyonRails や Swift などで、Webサービス/アプリを作っています。少し前にポップアップ辞書の Chrome 拡張機能をリリースした際に、半日時間をとってロゴ作成の練習を行いまして、ちょっと綺麗なロゴを作れるようになったので、その時に掴めたロゴの作り方のコツを4つまとめておきます。︻追記　2015/05/05︼本職のデザイナーの166さんに、詳細なデザインのアドバイスのコメントを頂きました。エンジニア・プログラマーの方がロゴ作成・デザインに挑戦される際には、とても参考になると思います。ぜひコメント欄までご覧ください。︻追記ここまで︼自分の場合、WEB制作・開発の中でもデザインが一番苦手でして、ロゴ制作もそれほど得意ではありません。エンジニア・プログラマーの方だと、
soratokimitonoaidani 2016/06/14
配色はadobeをパクる、よし覚えた

デザイン

色

web制作
リンク
This Might Explain Why That Dress Looks Blue And Black, And White And Gold
This Might Explain Why That Dress Looks Blue And Black, And White And GoldYour eyes, trying to compensate for poor lighting, are playing tricks on you.
soratokimitonoaidani 2015/03/03
例のドレス

*1user

英語

色
リンク
なぜドレスの色の錯覚はおきたか？-色の恒常性- - Sideswipe
ドレスの写真って？インターネットで見る人によって二通りの色に見えるドレスの画像が話題になっていました。結論からいえばこのドレスは青と黒なのですが、﹁青と黒に見える﹂派と﹁白と金に見える﹂派に分かれるのです。あなたはどちらに見えますか？引用元: http://swiked.tumblr.com/image/139988249090 ﹁ディスプレイが違うから﹂といった説明も見受けられますが、同じディスプレイを見て意見が割れている方もいることから、影響はあるにしても主要因ではなさそうです。また、﹁年をとると網膜の細胞が衰えて云々﹂という意見もありますが、老若男女はあまり関係なく青黒派と白金派がいるので、こちらの影響も少なさそうです*1。それではこの理由について解説してみます。間違えてたら教えてください。30秒で分かる説明人間は周囲の状況が変わっても同じものは同じ色で見えるように脳内で
soratokimitonoaidani 2015/03/01
青と黒(or焦げ茶)。白色だと思うには「青い影」を想定しなきゃいけないんだけど、それがどうやっても俺には出来ない。

*over1000

色

画像

twitter

写真
リンク
「男は青、女は赤」を巡る冒険 - 煩悩是道場
男は青。女は赤。これって決まりごと？にブックマークコメントを付けてTwitterに流したところ、中村うさぎさんと少しやりとりをして*1宿題という形になったので、調べた事を纏めておきます。 ◆最初に結論なぜ﹁男は青、女は赤﹂であるかのように、少なくとも日本では思われがちなのか。少なくとも過去三回、同じテーマで新聞に書かれているのですが、﹁なぜ男は青、女は赤なのか﹂という疑問に対する解決に至ったとまでは言いがたいように感じています。トイレのように﹁パッと見てわかったほうがいい﹂ような場所には色分けはあったほうがいいのかもしれませんし、青系色と赤系色が多用されてきたのも事実ですけれど、そうした事実が﹁男は青・女は赤﹂であるという区分けの仕方を正当化するだけの根拠を持っているとは言いがたいです。引用記事にも登場する千々岩英彰教授は色彩嗜好は、年齢や性、民族など人口学的要因よりも時代的・社会学的要
soratokimitonoaidani 2011/08/22
*1user

*タグつけ困難

色
リンク
WEB色見本原色大辞典 - HTMLカラーコード
原色大辞典とは原色大辞典は1997年にオープンしたネットの色見本サイトです。9種類の色見本と色に関する各種サービスから構成されています。色見本コンテンツはブラウザで定義されているHTMLカラーネーム、日本の伝統色、世界の伝統色、 Webセーフカラー、パステルカラー、ビビッドカラー、モノトーン、地下鉄のシンボルカラー、国鉄制定の塗装色の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。文字列と背景色の組み合わせを試せる配色大辞典、規則性のある組み合わせから色を選べる配色パターン。色見本の他にも、今日のラッキーカラー、コトバから色を解析して調合する成分解析、ストライプを生成するストライプメーカー、グラデーションを生成するグラデーションメーカー、あなたの好きな色と色を調合する色調合、サ
soratokimitonoaidani 2011/05/15
カラーコード

*over1000

色

Webデザイン

デザイン
リンク
最適なテキストリンクの色は？ | ウェブ力学
青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。クックパッドクックパッドは、日本最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。そんなクックパッドですが、サイトをのぞいてみ
soratokimitonoaidani 2010/06/27
10くらいかと思ったら500もブクマ付いてんのね

色

*over500

まとめ

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

webデザイン

デザイン

*over500
リンク
すくいぬ誰か絵の色塗りおしえてくれ
2024 02 ≪ 12345678910111213141516171819202122232425262728293031≫ 2024 04 1 名前：名無しにかわりましてVIPがお送りします[] 投稿日：2009/07/09(木) 20:25:51.48 ID:B3wPgfuB0 かわいく塗れない 2 名前：名無しにかわりましてVIPがお送りします[] 投稿日：2009/07/09(木) 20:26:16.92 ID:uVgFD4IA0 線画うｐ 3 名前：名無しにかわりましてVIPがお送りします[] 投稿日：2009/07/09(木) 20:27:21.12 ID:B3wPgfuB0 >>2 線画ないよ… 下書きでもいい？ 8 名前：名無しにかわりましてVIPがお送りします[] 投稿日：2009/07/09(木) 20:29:03.34 ID:uVgFD4IA0 >>3 とりあえず
soratokimitonoaidani 2009/07/23
フリーのペイントソフトはこんなにあるよ（最後にまとめ）、と。

イラスト

画像

*over500

色

フリーソフト
リンク
osakana.factory - ベッキーの髪の陰は何故ピンクなのか(2005年11月25日)
osakana.factory︵おさかなファクトリー︶は、未識魚︵みしきさかな︶による個人プロジェクトです。萌え系 CGや、PhotoShop・画像処理などの技術情報、お絵描き講座、フリーソフトウェアなどの公開、情報社会学系のデムパ発信等を行っています。作者‥ 未識(みしき) 魚(さかな) mishikiMishiki Sakana小中高の学校の勉強や仕事の進め方というのを真剣に考え直す時代ってことよ。汎用AIでこの得点が出るんだから、試験問題特化で作れば終わりですがな。偏差値65～70くらいはないとこのレベル越えないけど、それって単に大学教員と同じ思考回路… https://twitter.com/i/web/status/1668679852747264001(2023/06/14 03:00:54) UFOってのが英語圏のミームであることがよく分かる。恐らくはアメリカや欧州での
soratokimitonoaidani 2009/04/28
ぱにぽにだっしゅのキャラはかわいいと言うことが分かった。

色

漫画

画像

考察

資料

イラスト
リンク
1