「結局色なんじゃん！！！！！」初心者とこなれてる絵師の色塗りの違いを分かりやすく比較した画像がこちら
かおりゅ @caoryu_YS @samenohougasuki これは目以外のパーツの塗りや色選びに関しては学びの余地があるのに目の塗りだけ異常に上手い(練習の跡が見える)現象を指しています。目ってキラキラしてるし自由に塗り方を盛れるので楽しいですが、好きなパーツと興味ないパーツで執念の注ぎ方に明らかな差が出るのは素人らしさに繋がる気がします。 2021-04-07 20:56:02
かおりゅ @caoryu_YS @samenohougasuki これは目以外のパーツの塗りや色選びに関しては学びの余地があるのに目の塗りだけ異常に上手い(練習の跡が見える)現象を指しています。目ってキラキラしてるし自由に塗り方を盛れるので楽しいですが、好きなパーツと興味ないパーツで執念の注ぎ方に明らかな差が出るのは素人らしさに繋がる気がします。 2021-04-07 20:56:02
E-mailｼ嗹ebmaster@zspc.com Copyright © 1996-2000 ZSPC. All Rights Reserved. All pages except color chart are written in Japanese. g src="/static/zspc.com-vcss.gif" alt="Valid CSS! | " height="31" width="88" border="0"> g height="31" width="88" src="" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" border="0">
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
普段あまり使わないカラーの組み合わせを効果的に使う方法
Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか？ グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープルと暖色系のグリーンです。 ブルーとイエロー yellow strings [ad#ad-2] ブルーを使おうと考えた際、一緒にイエローを使おうと思うのは非常にまれです。しかし、この二つを使って作られるエフェクトに驚くでしょう。これらのカラーでウェブサイトをデザインするとき、もしブルーをメインに使うのであれば、もっとも良い見栄えになるでしょう。イエローを多く使うとより明るくなり、サイトがあまりにもブルーが多すぎる時に効果的です。 イエローを使う時は、単に明るいイエローではなく、際立っていない薄いイエ
Togetter - 国内最大級のTwitterまとめメディア
いま話題のツイートまとめが読めるTwitterまとめに特化したまとめサイト。人気のツイートやTwitterトレンド、写真やマンガといった話題の画像から、さまざまなニュースの反応まで、みんなであつめる国内最大級のメディアプラットフォームです。
ポスターやWebサイトのデザインをする際の配色は奥が深く、デザイナーであっても毎回悩む問題の1つ。 ただ、デザインにおいて配色の役割は大きく、たった1つの色でそのサイトやモノの印象がガラっとかわることはよくあります。 ベースカラーやアクセントカラーの組み合わせが決定しても、その色で本当に正しいのかどうか不安になることもあるかと思います。 今回ご紹介するのは、そんな悩みを一発で解決する、配色を決定する際に役立つ便利なWebツールです。デザイナーの方はもちろん、ディレクター、エンジニアの方でも、覚えておくと使えるものばかりなのでぜひ利用してみてください。 Web配色ツールのご紹介 それでは、Web配色ツールを10個ほどご紹介します。求める色がすぐに見つかったり、色を組み合わせる時の見本となるサイトばかりなのでぜひ訪れてみてください。 HUE/360 HUE/360は、1つのキーカラーと調和する
『色の決まりを知っていれば「センス」がよくなる』
システム会社に「色はとりあえず適当にお願いします」と言ってあがってきたものを見ると「えーっ」という配色になってあがってくることがよくある。「適当に」と指定していない自分が悪いのだが色をすべて指定しないと使ってはいけない色の組み合わせを使ってきてしまうのだ。 という私も初めて自分でチラシのデザインを作った時は「韓国風の色遣いだね」とつっこまれたが、緑や赤の原色を多様してしまった。（韓国の色づかいが悪いと言っているのではありません）そこでデザイナーさんに進めてもらったのは配色辞典。そこにあげられている色を使えばたちまちセンスの良い色遣いができるようになるのだこれホントに。 たとえば参考サイトは http://www.colourlovers.com/ これを見ると３色とか５色の色があげられているのでその色の組み合わせを使ってあげるとセンスがよくなる。 ああ、なんと便利な。ちょっと知ってるだけで
「赤文字系」「青文字系」という言葉をご存知でしょうか。 古くからある女性誌の分け方のひとつで、端的にいうとモテ系か否か、というざっくりした区分です。 赤文字系で代表的なのが、CancamやJJなどのモテ系女子大生向け雑誌。 彼女たちにとっては、「かわいい」が最高の褒め言葉です。 対して、青文字系は「Zipper」や「Cutie」など、個性的な装いを好みます。 洋服選びのポイントは、男性からの評価よりもとにかく「自分らしくあること」。 「おしゃれだね」「個性的だね」が彼女たちの喜ぶワードです。 このように、雑誌を含めた女性向けマーケティングは、赤文字系・青文字系の二軸で語られてきました。 しかし、ネットの発達によって好みがより細分化された結果、私たちはマーケティングにおいて、より多くの「カラー」を意識する必要がでてきました。 そこで今回は、私の主観ベースで最近の新しい「カラー」について解説し
Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14（無料） カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日本のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure
たくさんの和菓子店が軒を連ねる京都。さまざまな名店の中から、思わずときめく“かわいい和菓子”を集めてみました。お土産としてはもちろん、自分用にも買いたい5品です。 ■ Crochetの京あめ ▽ Crochet クロッシェ「京あめ」京都 「Crochet」は、京都のあめの技術に、ヨーロッパのあめの美しさが融合した京あめブランド。1876年創業の京あめ工房・今西製菓が製造しています。白を基調とした店内に入ると、ブルー×ピンク、オレンジ×イエローなど、あめの発色の美しさが目を引きます。 1つ1つの商品が、シンプルなデザインの箱に入っています。 京都本店（下京区）限定の「シェルブールの雨傘」は、フランス映画「シェルブールの雨傘」で主人公のカトリーヌ・ドヌーヴが着ていたドレスの配色をモチーフにしています。味は、さわやかでほどよい甘さのヨーグルト風味。かむと、サクサクとした独特の食感が楽しめます。
当方Androidエンジニアをしておりますが、プライベートでアプリを作るとき、画像リソースについてはAndroid組み込みのものを使ったり、Fontawesomeを使ったり、フリー素材を使ったりしています。 しかし配色はインターネットに落ちていなくて、自分でやるとイマイチで、いい感じにしたいという気持ちがありました。 そこで、調べたり試行錯誤をして知見が得られたので、配色に悩むエンジニアのために共有します。 3行まとめ デザインはセンスで行うものではなくロジックで成り立ってる、つまり努力でなんとかできる Color Scheme Designer 3 便利 配色を学ぶのには下のスライドが一番分かりやすかった 色彩センスのいらない配色講座 from Mariko Yamaguchi STEP 1. 対象に興味を持つ 〜〜で必要だから勉強しなければって始めてたものが長く続いたことがないので、
問十二、夜空の青を微分せよ。街の明りは無視してもよい
個人的なツイートまとめ。 ※2015/9/17 本筋からは微妙にずれますが、この作品に対する批評についてのまとめを追加しました。 ※2015/9/18 恋愛的な解釈についてやその他の感想、短歌の紹介などを追加しました。
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ノンデザイナーのための配色理論 / Webデザインのセオリーを学ぼう / ご存知、ないのですか？CSSの優先順位他...全13件
Free CSS Templates & Wordpress Themes | CSS Design Templates
Hand-picked articles Explore popular articles. Just for you. 7 Ways that You Should Know in Crafting an Offer Letter (Definition, Steps, and More!) Easy Steps in Writing a Vice President (VP) Offer Letter: Everything you Should to Know (Steps, Tips and More!)
<この項は書きかけです。順次追記します。> This section is about to be written. I will add it little by little. 目次の前に(forward) この記事は、インターンシップの大学生の方に、「ゲームはするよりもゲームプログラムを書く方が楽しい」ということを説明した際に、その説明の一部として書いたものです。ゲームを卒業研究の題材にするなら、ゲームの中での色使いで、人による見え方の違いに配慮した改訂のあったJIS安全色(国際整合：ISO 3864-4:2011(Graphical symbols−Safety colours and safety signs−Part 4: Colorimetric and photometric properties of safety sign materials))を参考にするとよいよとい
美しくてわかりやすいシングルページウェブデザインの例30
ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01：Skysoclear 02：FeelWire 03：Marius Roosendaal 04：Silverback App 05：Scribble And Tweak 06：Visual Box 07
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
『色を色で見ないで』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理
Harmonize colors. Create color schemes. Find HEX codes. Simulate color-blindness. Export into Illustrator, Photoshop and ColRD.com
ボブとアンジー
特集レシピ 旬の野菜や食材、季節のイベントなどにおすすめのレシピです。 連載一覧へ 女性のお悩み解決献立レシピ 管理栄養士が女性の悩みに応えるバランス栄養献立レシピ。 連載一覧へ 筋力・持久力・瞬発力UP！献立レシピ 筋力UP、持久力UP、瞬発力UPのための栄養を考えた夕食献立レシピ。 連載一覧へ 食コンディショニング 50歳からのからだメンテナンスレシピ からだメンテナンスのポイントとかんたんヘルシー料理の組み合わせでストレスフリーに健康管理のコツを解説。 連載一覧へ 食コンディショニング ダイエット&ヘルスケアレシピ 健康的にキレイを目指す！ダイエット・ヘルスケアの食事のコツ。 連載一覧へ 人気の低カロリーレシピ 年齢を重ねると、ホルモンバランスや運動量の減少によって基礎代謝が低下して痩せにくくなると言われています。定番おかずやスイーツが食材や調理方法を少し変えるだけで低カロリーになる
ウェブサイト作成に役立ちそうなスライドって結構たくさんあるなと今さら気付きました。ということで色んなスライドを見ましたので個人的に勉強になったものを紹介します。有名なものも多いですがお役に立てばうれしいです。 それでは基本的な内容から順番に10個紹介していきます。他にもたくさんあったのですが同じものばかりだと無駄に長くなるので個人的に気に入ったものを選んでます。 Webデザインのセオリーを学ぼう デザインとは何かということから、レイアウト、配色、フォントなどウェブデザインのセオリーが幅広く説明されています。製作の流れなんかはウェブ関係の仕事をしたことがない私にとって非常に新鮮でした。
1 ：名も無き被検体774号+ ：2012/11/09(金) 21:32:50.38 ID:rNr2S7dN0 大人たちの飲み会についてきた小学生達が廃園した幼稚園でそれぞれの国を築いた話です 思い出しながら書くんで聞いてください 2 ：名も無き被検体774号+ ：2012/11/09(金) 21:33:45.93 ID:UwSNZNWT0 ちょっと面白そう 4 ：名も無き被検体774号+ ：2012/11/09(金) 21:39:51.01 ID:rNr2S7dN0 まず舞台は近所にある廃園した幼稚園 少子化のあおりを受け取り壊しが決定し 昔幼稚園に通っていた大人たちが惜しんで最後に盛大なパーティを開いた 昼の三時か四時ごろに大人たちは集まり、狭い園庭でバーベキューセットを組み始めた 園舎内のひまわりぐみ（年少）は大人たちの宴会のメイン会場となり 親についてきていた小学生達は園内のさまざ
今年のお盆休みは友人と旅行に行ったり、ボルダリングの体験をさせてもらったりしていて、ブログの更新が疎かになっていました。申し訳ありません。今週は月曜日から時差ボケのような感じで、あまりシャッキっとできていないんですが、頑張ってブログを更新して行こうと思います！ 今日は、前回の「デザイナーだから考える。赤色が与える27の効果と6つの活用例」に引き続き「デザイナーだから考える。青色が与える27の効果と7つの活用例」について紹介させていただきます。青を基調としたデザインを考えるときにこの記事が役立てば幸いです。 青色を利用した7つの活用例 まずここでは、青色を取り入れたデザインや製品などを例に、青色が持つ効果やイメージについて紹介させていただきます。 聖母マリアのマントの青は「神秘的な印象与える」 地球上に存在する「物」としての青は、手にとって触れることの難しい色です。例えば世界中で見ることので
カラー別、デザインが素晴らしいウェブサイトのまとめ
カラー別にデザインが素晴らしいウェブサイトのまとめを紹介します。 Web Design: Nice and Clean Layouts ホワイトをベースにしたウェブデザインのまとめ キャプチャ：Stu
3Dグラフィックデザインのまとめエントリ
Mobile Website Design – 5 Considerations for an Amazing User Experience
【超発想】24時間をぐにゃりと凝縮した「1枚の写真」たちがかっこ良すぎる:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は？ 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
てぃるｒｙ @p_till 拡張版が日本の伝統色追加でカラーコードめちゃくちゃでそれを使ってかるたやポーカーが出来るらしい 拡張版もやっぱ欲しかったな〜 2016-12-11 17:58:47
YouTube人気急上昇
【ゆっくり実況】ロボットが進化して復活⁉新シーズンが大変なことになりそうな件ｗｗｗ【フォートナイト/Fortnite/かめはめ波縛り】GGGstudio所属
「伝わるデザインの基本」という本を社会人１年目で読んでおきたかった。 - 俺の遺言を聴いてほしい
会社には見やすい資料を書く人と、見づらい資料を書く人がいます。 両者を分けるのは、生まれ持ったセンスの違いかと思っていました。 ですが、「伝わるデザインの基本」という本を読んでハッと気付いたのですが、どうやら「わかりやすいデザイン」には法則があるようです。 伝わるデザインの基本 増補改訂版 よい資料を作るためのレイアウトのルール 作者: 高橋佑磨,片山なつ出版社/メーカー: 技術評論社発売日: 2016/08/05メディア: 大型本この商品を含むブログ (1件) を見る ＊ ＊ ＊ たとえば、ExcelやらPowerPointで挿入する「図形」。 Excelの「挿入」から引っ張り出した図形がこちらになります。 こいつがなんかダサイのは僕にもわかります。 それで、ちょっとシャレた感じにしようと、グラデーションを使ってみたこともありました。 グラデーションされた図を見て、「美しい」と思ったもの
TOP >特集 特集 Page Top
カラースキーム、配色関連のツールの 大半は海外サイトのものです。僕も海外 のサイトを利用していますが、やはり 日本語の方が良いよねという方も少なく 無いかと、ふと思いましたので国産の サイトでカラー選定、配色支援に役立ち そうなツールを探してみましたのでシェア。 海外のは海外ので似たような機能のカラースキームツールばかりにもなっているので国産に目を向けてみるのも良いかもしれませんよ。ツールの前に配色を学びたいという方はwebデザイナーの色彩スキルを磨くエントリーまとめというエントリをご参照ください。 NIPPON COLORS – 日本の伝統色 まだ出来たばかりのツール。和の色専門ツールですよ。デザインも使用感もかなり素敵です。環境によってはうまく表示されないかもです。 NIPPON COLORS – 日本の伝統色 色サンプル(色見本と配色) もっと評価されて欲しいツール。明暗や、系統でカ
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
イラレマスタ
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
液晶ディスプレイとカラーマネージメント 編 このページは、Apple MacBook Pro に関するトピックをまとめた「myLife with MacBook Pro」で、 大変反響を呼んだ WUXGA ワイド液晶ディスプレイに関するトピックを独立させたものです。 ◆ ページが正常に表示されていない可能性があります ◆ もしこのメッセージが表示されている場合、ページの表示に必要なファイルが読み込まれていないか、あなたがレガシーウェブブラウザを使用している可能性があります。 このウェブサイトは比較的新しいテクノロジーで制作されているため、Netscape 4、Internet Explorer 6 などの旧世代Webブラウザでは閲覧に支障を来すおそれがあります。 またこのようなブラウザは、セキュリティが不十分な可能性があります。当サイトでは、Firefox、Opera、Safari 等の安
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0
デザイン初心者の方が気をつけると良いポイントあれこれ - DesignWalker
【配色・色見本 Webサイト紹介】 - 10個のweb配色ツール【色の見本】
【図解】赤文字・青文字はもう古い。細分化される私たちの新しい「カラー」｜最所あさみ
ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ | Goodpatch Blog
無料で使えるPhotoshop グラデーションファイルいっぱい - DesignWalker
京都のかわいい和菓子5つ カラフルな京あめにアートな落雁、斬新な生八つ橋など - はてなニュース
0から学ぶアプリの配色 - Rejasupoem
「たかが色、されど色」 ヒトとWebと色の関係：MarkeZine（マーケジン）
何度も読み直したい！はてブ数300以上のWeb制作系スライド2012年版
プログラマが知っているとよい色使い(JIS安全色) - Qiita
ColorJack: Sphere (Color Theory Visualizer)
カラーオンチなウェブデザイナーのお助けサイト : HotWeb Magazine
ウェブサイト作成の勉強になった日本語スライドのまとめ
小学生が一夜限りの国を築いた話 : ゴールデンタイムズ
デザイナーだから考える。青色が与える27の効果と7つの活用例
http://sp.hazardlab.jp/know/topics/detail/1/9/19272.html
クリック率の高いテキストリンクの色は？【2013年版】 | ウェブ力学
カラーコードを読み上げてその色を取る「カラーコードかるた」が狂気を感じる
ビジネス・エスノグラフィーがイノベーティブな組織をつくる｜特集：イノベーションのためのエスノグラフィー｜ojo
国産限定・カラー選定、配色支援などに役立ちそうなカラーツールいろいろ
美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
miyahan.com | 液晶ディスプレイとカラーマネージメント