よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
全部見ればもう完璧！？イラスト初心者が上達のために見ておくべき資料まとめ | nanapi[ナナピ]
全部見ればもう完璧！？イラスト初心者が上達のために見ておくべき資料まとめ に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。もう只まとめました！ イラストを描くとなるとこの便利なネット社会 たくさんの資料がゴロゴロあります しかし、いざ探そうとしてもどのページがいいのかわかんない という人のためにこのイラスト上達のための 資料サイトをまとめてみました 資料系サイトは9つ(練習系1つ)ありますが ゆっくりでもいいのですべてに目を通すことをオススメします パーツの描き方などはサイトによって様々なので 自分に合う描き方を見つけるためです では以下より... 人を描くのって楽しいね http://www.asahi-net.or.jp/~ZM5S-NKMR/ 非常にいいサイト 人体の各部位の描き方から モンスター絵、マンガ絵など様
http://www.samurai-logic.com/inkscape/
See related links to what you are looking for.
Inkscape でみかんを描く
お正月と言えば鏡餅。冬と言えばこたつでみかん。ということで、みかんを描いみよう。o(^^)o 思い返せばハリガネ人間が精一杯だったけれど、GIMP と Inkscape を知ったおかげで、美術 3 だった人間でも「簡単な絵を描けるようになれたらいいなぁ」と欲が芽生えた。(cf. お絵描き) さて、早速描いてみよう… とは思っても、みかんですらどうやって描けばいいのか見当がつかない。 ^^; とりあえず、みかん イラスト - Google イメージ検索 。なるほど、丸があって、へたがあって、枝と葉があればいいようだ。 シンプルなみかん まず、 丸を描くツールを使って全体の形を描く。 次に、へたの部分を 星を描くツールで描く。 ベジェ曲線を描くツールを使って枝をくっつける。 最後に、同じく ベジェ曲線で葉を描く。ただし半分は影になっているような色にしたいので、全体の葉の形を描いたら、それをコピ
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 – Speckyboy
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
proga08
この講義について 千葉商科大学 政策情報学部 月曜4限・5限 @第2コンピュータ室 担当：田所淳 講義内容 この講義では、Processingというプログラミング開発環境を用いて、プログラミングの初心者を対象にした講義と演習を行います。 ProcessingとはJavaベースのオープンソースの言語/プログラム開発環境で、画像やアニメーションを用いた視覚的な表現を簡単なプログラミングで実現することが可能です。この講義ではProcessingを用いた視覚的な表現やデザインを通じて、プログラミングの基礎的な概念やその実現方法を学んでいきます。色と形態、時間と動きなど、具体的な概念や表現によって自然とプログラミング的な発想を身に付けることを目指します。 人工言語入門(A)1では講義を行い、その内容を人工言語入門(A)2ではその内容をもとに演習を行います。履修者は両方の授業を受講する必
領域の塗りつぶしアルゴリズム-数学アルゴリズム演習ノート-
単なる長方形ではなく、複雑な形をした領域の「塗りつぶし」を行うアルゴリズムを考えてみます。ここで考える領域とは、「指定された点と繋がっている同じ色の場所の集合」であり、その領域内に指定された色を置いて行くアルゴリズムを検討してみましょう。 最も単純に考えれば、指定された点を出発点に「周囲に出発点と同じ色のドットがあれば色を付ける」処理を繰り返せばよい事になります。つまり、自分の周囲を見て色を付ける処理を再帰的に行うアルゴリズムです。 最初はそもそもJava で再帰が上手く働くか不安だったのですが、小さい領域ではうまく動くようです。最も、大きくなるとどうなるか不安は残りますが。 まあ、大きな領域で実行する時には改めて最適化するとして、今回はとりあえず３２＊３２の配列を対象に「塗りつぶし」処理をやってみましょう。これくらいならどんな処理系でも大丈夫.....だと思います。 まず、配列の各要素を
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
コンピュータグラフィクス実習AB
日置尋久(HIOKI Hirohisa) Last modified: Thu Oct 11 14:06:07 JST 2007
GLUTによる「手抜き」OpenGL入門
資料： 今までにあった質問 リフレッシュレートの変更 AUX 版, Indy 版, 書籍版 床井研究室 (OpenGL 関連記事) 柴山 健伸 先生 (システム工学部情報通信システム学科) の混沌としたサンプル 陳 謙 先生 (システム工学部デザイン情報学科) の Motif を使ったサンプル 中山 礼児 氏 (経済学部 2000 年卒) の Delphi についての解説 The OpenGL WEB Site (OpenGL の総本山) GLUT - The OpenGL Utility Toolkit (OpenGL.org の GLUT のページ) OpenGL Code & Tutorial Listings (OpenGL.org のチュートリアル集) OpenGL Technical FAQ (OpenGL について良く聞かれる質問) OpenGL FAQ 日本語 (OpenG
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Inkscapeでアクア風ボタンを作ってみる: dara-j
OpenGL入門 : WisdomSoft
Technical documentation
Computer Graphics Primer