配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
【画像あり】日本のWEBデザインが2003年で止まっていると話題に : 暇人＼(^o^)／速報
【画像あり】日本のWEBデザインが2003年で止まっていると話題に Tweet 1： イータ・カリーナ(岡山県)：2012/05/16(水) 09:37:59.35 ID:UCTlhudH0 Japanese Web Design: Why You So 2003? When I think of Japan I tend to think of beautiful design. Zen gardens, temples, shrines, tea ceremonies, manga, anime, wabi-sabi… the list goes on and on. Yet for some reason Japan just can’t put any of this together to make a decent looking website. Where did they
ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」 - かちびと.net
既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちらかというとWebデザイナーさんなら知ってて当たり前じゃないかという内容かもしれません。 スライドの作成者さんのブログでもノンデザイナー向けの講義向けのスライド、とありました。→福井高専でノンデザイナー向けの講義しました デザインとアートの違い、なぜデザインが必要なのか、Webデザインとは、などなどが解説されています。Webデザイン論では必須の導線、レイアウト、情報のグルーピングにもしっかり触れてくれています。Webデザインには理由がある、というのが分かるかと思います。（「意味」って言っちゃうと語弊がありますよ）
無料で商用利用可な1100枚ものロイヤリティフリー画像をMediafire上で配布中
いろいろなソフトウェアを作って配布しているRizonesoftの管理人がパートタイムでグラフィックデザインの仕事をしたときにネット上にある無料で使えるストックフォトの品質が低いことに非常に悩まされた経験を生かし、個人利用でも商用利用でもOKなロイヤリティフリーで永続的なライセンスに基づいて使用できるストックフォトを1100枚もMediafireを使って配布しています。 1100 Free Royalty-Free Images | Rizonesoft http://www.rizonesoft.com/2012/freestock/ ページの中ほどにリンクがあります。各リンクごとに画像が100枚ずつあるという感じ。 クリックすると以下のようなサイトが開きます。 ページ右上の「Image View」タブをクリックすると各画像を見ることが可能です。 ダウンロードしたい画像がある場合、サムネイ
Beautiful Watercolor Effect Tutorial and Photoshop Brushes
2014年3月6日 Photoshop, Webデザイン 水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 写真を水彩画風に加工する方法 また動画撮ってみました。ただでさえ時間かかってないのに、４倍速にしたら30秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね！ 1. ぼかし 画像を開いて、そのレイヤーを複製します（コマンド＋J）。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし（詳細）で、「半径」を10、「しきい値」を25〜30に設定します。 2. エッジの光彩 元の画像レイヤーを
普段あまり使わないカラーの組み合わせを効果的に使う方法
Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか？ グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープルと暖色系のグリーンです。 ブルーとイエロー yellow strings [ad#ad-2] ブルーを使おうと考えた際、一緒にイエローを使おうと思うのは非常にまれです。しかし、この二つを使って作られるエフェクトに驚くでしょう。これらのカラーでウェブサイトをデザインするとき、もしブルーをメインに使うのであれば、もっとも良い見栄えになるでしょう。イエローを多く使うとより明るくなり、サイトがあまりにもブルーが多すぎる時に効果的です。 イエローを使う時は、単に明るいイエローではなく、際立っていない薄いイエ
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
ロゴをどのようにデザインしたかという作り方がスケッチで分かる11の事例 - GIGAZINE
ロゴ画像を作るというのはなかなか骨の折れるクリエイティブな作業であり、しかもその製品やサービス、企業のアイデンティティというものを込めなければならず、しかも今後の「顔」にもなるので、その苦労は並大抵ではありません。そのため、実際にロゴが生み出されるまでの過程を知っておけば、ロゴをデザインする際、あるいはロゴデザインを発注する際にいろいろと役立ちます。 11 Great Examples Of How A Logo Is Born | Top Design Magazine - Web Design and Digital Content http://www.topdesignmag.com/11-great-examples-of-how-a-logo-is-born/ ◆Kaviartの場合 完成 ◆Houdiniの場合 完成 ◆Project Moonの場合 完成 ◆Xokoの場合
最近リリースされた高品質なフリーのデザインフォント -2011年11月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
無料で商用利用も可能だが見る者を圧倒して威圧する「ゲバ文字フォント」
ゲバ字とは「当時、大量のビラを作成するのに謄写版が使われていた。そのため、筆跡で身元が割れてしまう可能性があり、公安警察や敵対党派の追及をかわすために開発されたものといわれている。ビラの他に立て看板や党派のロゴとしても使われた。それとは別に、戦前の無産政党や共産党が使っていた書体からきているという説もある」ということで、ある特定の物騒かもしれない目的や活動などに使われるあの文字ですが、それが簡単に作れるフォントが配布されています。 moyu at himote.org - ゲバ文字フォント http://gebamoji.org/~moyu/archive/economist.htm 用意されている文字の見本はこんな感じ 漢字になってくると一気にそれらしくなってきます で、なぜか用意されている文字の中に「萌」があるのが不思議です。 なお、配布元サイトには以下のように書かれています。 ゲバ文
日本の伝統色 和色大辞典 - Japanese Traditional Color Names
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
色彩センスのいらない配色講座
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝 - かちびと.net
以前ご連絡を頂いたフォントポ日本語の 作者さんから新作のお問い合わせを頂 いたのでご紹介。やわらかい印象の明朝 系フォント、「はんなり明朝」です。こちら も商用で利用できるとのことです。なんとも 太っ腹ですね・・ フォントポ日本語の作成者さんからまたまたご連絡いただきました。いつもありがとうございます:D 商用で利用できる日本語フォントに新しく仲間入りです。 かわいいですねーｗきりっとした印象の明朝ですが、こちらは少しふんわりとした印象を与えられそう。明治時代の築地体を参考に作られたそうですよ。 利用規約 利用規約は 当サイトのフォントはすべて無料です。個人・商業用途での利用について特に制限はございませんので、どうぞお気軽にご使用ください。ただし、フォントデータの改変はおやめください。また、フォントの使用によって生じたいかなる結果や損害につきまして、一切の責を負いませんのでご了承ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テレビ高知映像
吹き出し素材専門サイト「フキダシデザイン」
日本のWEBデザイン糞すぎワロタｗｗｗｗなんで2003年ぽいんだよwww：キニ速
WEBデザインが素敵なサイト教えろ：キニ速
一夜にして世界中を席巻したiPhoneアプリ「Clear」の裏側
29000個以上もの膨大な数のアイコンが揃ったサイト「Free Icons Web」 | つーる亭
はてなまとめ（仮）