絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
夏だからＴシャツ色々つくってみたよ - ぼくはまちちゃん！
こんにちはこんにちは！！ ちょっぴり暑くなってきました…！ ちょっと汗ばむこんな季節には、そろそろアレが恋しくなってきますね、 そう…、Ｔシャツです！ そんなわけで、自分用に欲しいＴシャツを色々つくってみました！ もしかしたら欲しい人がいるかもしれないので、 作ったＴシャツをご紹介しておきますね！ ふぁぼＴ (前面)(背面) これ着て街を歩けば、もしかしたら女の子がつっついてくれるかも？ 赤ふぁぼ間違い無しの一品！ → カラーバリエーション (黒文字 背面プリント) → カラーバリエーション (黒文字 前面プリント) → カラーバリエーション (白文字 背面プリント) → カラーバリエーション (白文字 前面プリント) 犯人Ｔシャツ (前面)(背面) 見た人みんなが思わずネタバレしそうになること請け合いのＴシャツが登場です！ 肩のあたりに蝶のタトゥー入れるとオシャレ度MAXですよね！ →
画速 : 海外の広告SUGEEEEEEEEEEEEEEEEEEEEEEEEE!!!!!!!!!!!! ※画像多め注意 - livedoor Blog（ブログ）
2009年07月13日03:09 カテゴリ 不思議・心理 海外の広告SUGEEEEEEEEEEEEEEEEEEEEEEEEE!!!!!!!!!!!! ※画像多め注意 157：以下、名無しにかわりましてVIPがお送りします：2009/07/12(日) 22:14:55.61 ID:mlyQWHif0 ハーゲンダッツの広告。 死刑直前の「最後に何が食べたい？」って質問にハーゲンダッツが食べたいって答えたってことね 160：以下、名無しにかわりましてVIPがお送りします：2009/07/12(日) 22:16:43.27 ID:n/8cBJvc0 ブラックジョークを画で表すとこうなる訳か 以下、名無しにかわりましてVIPがお送りします：2009/07/12(日) 20:03:26.61 ID:mlyQWHif0 ハンドソープの広告。 あなたの手はこんなにも汚れているのでうちの製品を買って清潔にし
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
はてなスターの画像が自由に変更できるようになりました
さきほど、はてなスターの機能拡張を行い、スタイルシートで設定するだけで簡単にはてなスターの画像を変更できるようになりました。この方法を使うと、はてなダイアリーなど、スタイルシートが編集可能な環境ならどこでも簡単に画像を変更できます。 今回の機能により、「Commentボタン」「Addボタン」「☆」のそれぞれの画像を変更することができます。それぞれ以下の項目を編集することで指定が可能です。 /* Commentボタンの画像をurl()の中に指定します */ .hatena-star-comment-button-image { background-image: url(http://exapmle.com/comment.gif); } /* Addボタンの画像をurl()の中に指定します */ .hatena-star-add-button-image { background-imag
スクリーンショット.jp - 複数のブラウザ環境でサイトのレイアウトチェックツール
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Japanese Traditional Colors
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
Favicon（お気に入りアイコン）が簡単に作成できるWebツール :: Love & Design ::
Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 （faviconに対応していないブラウザもあります） Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!! -16×16の小宇宙ファビコン- お手持ちの画像からfavicon.icoを自動作成してくれます。 当ブログのキスマークFaviconもこちらのサイトで作成しました。 Favicon Japan!! -ファビコンの設置方法- Favicon Genereator こちらのサイトは、お好きな色を選んでテキストが入れられます。 さっそくこちらでも作ってみました。 +LOVE2.0+ はてなダイアリ
自分のサイトがほかのブラウザでどう見えるか試す「browsershots.org」 - GIGAZINE
1年ぐらい前からある無料サービスで、自分の作ったサイトやブログなどがほかのブラウザから見ると正常に見えているかどうかを画像として見せてくれるサービスです。特に自分が普段使っているOS以外の環境下での見え方がわかるので重宝します。 対応しているブラウザは、WindowsはFirefox1.0/1.5/2.0、K-Melon 1.0、MSIE 6.0/7.0、Mozilla 1.7、Navigator 4.8、Netscape 6.2/7.2/8.1、SeaMonkey 1.0。MacはSafari 2.0。LinuxはDillo 0.8、Epiphany 2.14、Firebird 0.7、Firefox 1.0/1.5/2.0/3.0、Flock 0.7、Galeon 2.0、Konqueror 3.3/3.4/3.5、Mozilla 1.7、Navigator 4.8、Opera 8.5
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
800個以上のの背景パターンを入手できるサイト「Kaliber10000」 - GIGAZINE
いろいろな背景パターンとして利用できる画像が置いてあります。画像によっては商用利用可能なものもあります。とにかくものすごい数があるので、飽きません。 詳細は以下から。 Kaliber10000 { The Designers' Lunchbox } 「Next」をクリックしてたどることができる数はわずかなので、ドロップダウンメニューの「View by name」からであれば確実に全種類を閲覧可能です。 日付によって絞り込むこともでき、ランダムにいくつかの背景画像を表示させてそこから選ぶといったこともできます。
窓の杜 - 【NEWS】JIS第二水準文字まで備えるかわいらしく読みやすい手書きフォント「ふい字」
JIS第二水準文字まで収録する手書きフォント「ふい字」v2.3ならびに「ふい字Ｐ」v2.3が、1日に公開された。「ふい字」は等幅フォント、「ふい字Ｐ」はプロポーショナルフォントで、いずれもWindows 95/98/Me/NT 4.0/2000/XPに対応するフリーソフト。現在作者のホームページからダウンロードできる。 「ふい字」ならびに「ふい字Ｐ」は、半角・全角英数字、ひらがな、半角・全角カタカナ、JIS第一・第二水準漢字、ギリシャ文字、ロシア文字、記号などを収録する手書き風TrueTypeフォント。 線はほぼ一定の細身で、横画は軽く右に上がっている。ペン習字ほどではないが適度にかっちりした字体で、女性的な印象だが癖は少なく、かわいらしさと読みやすさが両立しているのが特長だ。また、●や▲といった文字の内側にはところどころ塗り残しがあり、手書きの雰囲気を醸し出している。 さらに、罫線の一部
プロが語るデザインの極意 売り上げをのばす方法 よいキャッチコピーの書き方 感性とは DTPプロのフォントの使い方 Mac環境とソフトの相互性の選び方の工夫のコラム集です
文章の善し悪しを決めるキャッチコピー まずお客様に読む気を起こさせなくては本文にどれだけ良いことが書いてあっても意味がありません。そこで必要なのが効果的な"キャッチコピー"です。つかみのあるキャッチコピーは、詳しく知りたい、もっと読みたいと思わせ、本文や詳細に導くので、とても重要です。 言いたい事が一目で分かり、見る側の求めている事も的確に表現する。つかみがあり興味を引くキャッチコピーなら私達にお任せ下さい。お客様は先入観がないので「テキストで善し悪しを決める」だけ、自分にとって「必要な情報」「知りたい事」「問題の解決につながる期待」であると認知すれば必ずその内容を見るのです。 たとえば… 悪いキャッチコピー：「DTP入門」 良いキャッチコピー：「初心者にオススメ！簡単にマスター出来る！楽して覚えるDTP入門」 ターゲットを絞って語りかける 不特定多数の人を対象にしているものよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
配色イラストレーターの「カラーガイド」
Sherlock Holmes 2009 – Get this Theme for 🦊 Firefox (en-US)
Loading...
リストに使える小さいサイズのアイコン素材集 ５サイト - DesignWalker
Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記