よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
全部見ればもう完璧！？イラスト初心者が上達のために見ておくべき資料まとめ | nanapi[ナナピ]
全部見ればもう完璧！？イラスト初心者が上達のために見ておくべき資料まとめ に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。もう只まとめました！ イラストを描くとなるとこの便利なネット社会 たくさんの資料がゴロゴロあります しかし、いざ探そうとしてもどのページがいいのかわかんない という人のためにこのイラスト上達のための 資料サイトをまとめてみました 資料系サイトは9つ(練習系1つ)ありますが ゆっくりでもいいのですべてに目を通すことをオススメします パーツの描き方などはサイトによって様々なので 自分に合う描き方を見つけるためです では以下より... 人を描くのって楽しいね http://www.asahi-net.or.jp/~ZM5S-NKMR/ 非常にいいサイト 人体の各部位の描き方から モンスター絵、マンガ絵など様
アプリケーションに使えるアイコンを集めた「25 Best Icon Sets for Application Design | Web Design Soul」
TOP > Design , Font , WebDesign , WebService > アプリケーションに使えるアイコンを集めた「25 Best Icon Sets for Application Design | Web Design Soul」 アプリケーションのインターフェースに使えるアイコンは通常のものとは少し異なり、よりインターフェースとしての色合いが強く、そのアイコンの精度で使いやすさが決定してしまうと言っても過言では無いと思いますが、今回紹介するのはアプリケーション開発に使えそうなアイコンを集めたエントリー「25 Best Icon Sets for Application Design | Web Design Soul」を紹介したいと思います。 Glyphish シンプルなピクトグラムのようなアイコンから、作りこまれたアイコンまでインターフェースに使えそうな
かわいい上にハイクオリティなフリーのアイコン集
ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。 IconDock キャプチャのアイコンは「20 Free Marker-Style Icons」 IconDockで配布されているアイコンから、フリーのものだけを下記にピックアップしました。 有償のアイコンでは更に素敵なアイコンセットが用意されています。 Stock Icon（有償のアイコンページ）
http://www.samurai-logic.com/inkscape/
See related links to what you are looking for.
Off : Draft/Icon
キーボードアイコンについて Vimのキーバインドを書くのに、キーキャップのアイコンがあればいいだろうと考えたのが運のつきだった。 ちまちまとめんどくさい作業をすることになってしまった。なんか余計なことばかりやってる。 SearchFreeFonts.com でキーキャップのフォントを探してきて、 Inkscape で32x32で作成した。 こんなん作るのはじめてなので、最初は手間取ったがだんだん慣れてきてさくさく作業できるようになった。 しかし、慣れてきたところで作業は終了。仮に次に作る機会があってもスッキリ忘れている気がする。そんなもの。 Inkscape は初めて使用したが、直感的に操作することができた。 こいうのがあるのは非常にありがたい。感謝感謝。 ミニアイコンについて せっかく覚えた操作を忘れてしまうのが忍びなく無理矢理作成。Diaryにでも味付けに使おうかと考えている。 志ん生
Inkscape で Web 2.0 的ボタンを作成 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 少し前、いくつかのサイトで Photoshop を使った Web2.0 っぽいボタンの作り方が頻繁に紹介されていました（MYCOM PC Journal の記事など）。それらを読んで、これなら Inkscape でもけっこう簡単にできるのでは、という気がしたので、試してみました。 Inkscape なら SVG 形式で出力されますので、サイズ変更も自由自在ですし、
20 Tutorials for Creating Amazing Graphics with Inkscape
Inkscape is a vector graphic editor that’s the perfect alternative to Adobe Illustrator or CorelDraw, as it doesn’t cost you a penny. It may not be as powerful as its higher-priced rivals, but certainly powerful enough to design high-quality and beautiful vector graphics. If you are looking to venture into vector design, we recommend giving Inkscape a try and learn as much as you can about vector
Icon Library | PICOL - Pictorial Communication Language - Icons & Pictorgrams – Pixel & V...
Structure Synth - 文脈自由文法３Dアート - Radium Software
Structure Synth は，文脈自由文法を使って 3D CG を作成するソフトウェア。つまるところ， Context Free の 3D 版だ。単純なプログラムから複雑な CG を生成することができる。 GI レンダラー SunFlow 用のシーンファイル出力にも対応しており，これらを組み合わせることによって，とてもお手軽かつ高品質な幾何 CG アート環境が完成する。 以下，とりあえず作ってみた習作。仕組みはほとんど Context Free と同じなので，Context Free に慣れていればすぐにコードを書けるようになる。 set maxdepth 50 12 * { rx 30 } RC BG rule RC { {} CROSS { rx 10 z 0.7 s 0.98 } RC } rule RC { {} CROSS { ry 10 z 0.7 s 0.98 } RC
Processing 1.0
Download and open the 'Processing' application. Select something from the Examples. Hit the Run button. Lather, rinse, repeat as necessary. More information on using Processing itself is can be found in the environment section of the reference. To learn the Processing language, we recommend you try a few of the built-in examples, and check out the reference. A group of diverse books have been writ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Icon Set - Offers Professionally Designed Web Icons and Stock Icons
Openclipart - Clipping Culture
iconPot - totally free icons
Home | Processing Community Japan