イラストチックな、絵本テイストのサイトデザインをすることになったので、
どういったデザインにしたらよいのか参考にするために、
絵本テイストのサイトを探してみました。
&nbsp;
こちらが私がいいと思った６サイト
coby採用情報スペシャルサイト 
<a href="http://www.coby.jp/recruit/special/">http://www.coby.jp/recruit/special/</a>
<a href="http://www.coby.jp/recruit/special/"><img decoding="async" src="/uploads-archive/2012/10/ss01.jpg" alt="" width="100%" /></a>
&nbsp;
デスクトップビバリーくん 
<a href="http://www.dental-plaza.com/melmaga/present/index.html">http://www.dental-plaza.com/melmaga/present/index.html</a>
<a href="http://www.dental-plaza.com/melmaga/present/index.html"><img decoding="async" src="/uploads-archive/2012/10/ss02.jpg" alt="" width="100%" /></a>
&nbsp;
Pochi 
<a href="http://po-chi.jp/">http://po-chi.jp/</a>
<a href="http://po-chi.jp/"><img decoding="async" src="/uploads-archive/2012/10/ss03.jpg" alt="" width="100%" /></a>
&nbsp;
札幌山本養蜂園 
<a href="http://www.koguma-honey.com/">http://www.koguma-honey.com/</a>
<a href="http://www.koguma-honey.com/"><img decoding="async" src="/uploads-archive/2012/10/ss04.jpg" alt="" width="100%" /></a>
&nbsp;
カンロ　キャンディパーク 
<a href="http://www.kanro.co.jp/candypark/">http://www.kanro.co.jp/candypark/</a>
<a href="http://www.kanro.co.jp/candypark/"><img decoding="async" src="/uploads-archive/2012/10/ss05.jpg" alt="" width="100%" /></a>
&nbsp;
2011 to 2012 
<a href="http://2011to2012.info/">http://2011to2012.info/</a>
<a href="http://2011to2012.info/"><img decoding="async" src="/uploads-archive/2012/10/ss06.jpg" alt="" width="100%" /></a>
&nbsp;
どれもかわいらしく、親しみやすい印象が強いです。
&nbsp;
これらのサイトの、共通点をまとめてみました。
・イラストがたくさん大きめに使われている。
・手書き風フォントが目立つところに使われている。
・色数が多い傾向がある。特にタイトルでの多色使いが特徴的。
・文字の大きさが多様。
・布や紙のテクスチャが使われていることが多い。
・レイアウトは不規則的で動きのあるものが多い。
&nbsp;
今回は極端な例のものを大目に選んだのですが、
この共通点を目立つ場所で使うことで、絵本テイストの印象を強められると思いました。
&nbsp;
試しにバナーを作ってみました。
<img decoding="async" src="/uploads-archive/2012/10/banner.jpg" alt="" />
&nbsp;
文字の配置や大きさの変化など、思いのほかバランスをとるのが難しかったです。

絵本テイストのサイトデザイン

イラストをWebデザインに向けて製作することとなりましたが、
実際描いてみると、2012年現在のトレンドに合っておらず、 
古いイメージになってしまいました。
そのため、今回は、2012年のWebトレンドに合わせ、 
イラストの質感を上げる方法について調べてみました。
まずこちらがこれまでの方法で私がIllustratorでイラストを製作した場合。
&nbsp;
<img decoding="async" src="/uploads-archive/2012/10/illust0.jpg" alt="イラスト0" />
&nbsp;
やはり古い印象を感じさせてしまいます。
そこで今回は、色の塗り方について、次の３つの方法を試してみました。
&nbsp;
1.グラデーションを穏やかにして、ハイライトをつける。 
2.グラデーションを使わず、面で陰影をつける。 
3.直線的でない、形に合わせたグラデーションを使う。
&nbsp;
では実際にやってみましょう。
&nbsp;
1.グラデーションを穏やかにして、ハイライトをつける。
&nbsp;
こちらの方法は、こちらの本を参考にさせていただきました。 
「ウェブデザインコーディネートカタログ」技術評論社(2011) 
<a href="http://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%8D%E3%83%BC%E3%83%88%E3%82%AB%E3%82%BF%E3%83%AD%E3%82%B0-%E9%BB%92%E9%87%8E-%E6%98%8E%E5%AD%90/dp/4774146870">http://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%8D%E3%83%BC%E3%83%88%E3%82%AB%E3%82%BF%E3%83%AD%E3%82%B0-%E9%BB%92%E9%87%8E-%E6%98%8E%E5%AD%90/dp/4774146870</a>
&nbsp;
<img decoding="async" src="/uploads-archive/2012/10/illust1.jpg" alt="イラスト1" />
&nbsp;
一番時間がかかりました。 
先ほどよりは落ち着いたイメージですが、 
ハイライトのかけ方が難しく、あまりうまくいきませんでした。 
アイコン向けの方法のようです。

2.グラデーションを使わず、面で陰影をつける。
&nbsp;
こちらはの方法は、こちらのサイトに掲載されているイラストを参考にさせていただきました。 
<a href="http://dc2009.drupalcon.org/">http://dc2009.drupalcon.org/</a>
<a href="http://f-power.co.jp/appeal">http://f-power.co.jp/appeal</a>
&nbsp;
<img decoding="async" src="/uploads-archive/2012/10/illust2.jpg" alt="イラスト2" />
&nbsp;
時間は他の二つの方法の中間くらい。 
落ち着いたイメージで、影もしっかりかかっていていい感じです。
3.直線的でない、形に合わせたグラデーションを使う。
&nbsp;
こちらはの方法は、こちらのサイトに掲載されているイラストを参考にさせていただきました。
<a href="http://tou.ch/docs/about">http://tou.ch/docs/about</a>
&nbsp;
<img decoding="async" src="/uploads-archive/2012/10/illust3.jpg" alt="イラスト3" />
&nbsp;
3つの方法の中では圧倒的に早くできました。 
Illustratorの「効果」メニューのスタイライズで、 
光彩(内側)を乗算で15%の不透明度でかけただけです。
時間がかからなかった割には、落ち着いた質感あるイラストになりました。
&nbsp;
やってみた感想としましては、 
イラスト製作に必要な時間や、載せるWebサイトのデザインに合わせて、 
これらの方法を使い分けていくと、いいのではないかと思いました。

IllustratorによるWebデザインのためのイラスト質感UPを目指す

日本は成熟国として文化を高付加価値で輸出できるようになってきた。 
デジタルコンテンツのスピードが最も早いのは当然だが 
アニメやオタク文化の海外での反響にはびっくりだ。 
一節では広義でのアニメ産業の輸出額は年間5000億円を超えていると言われている。 
10年前はここまでの輸出産業になるとは予想できなかったのではないだろうか。
アニメを初めとしたサブカルチャーの発展は日本経済にとってとても良いことだと思う。 
サブカルチャーも立派な芸術分野だと思うが、一方で純粋芸術に対する関心が低いのではと最近思う。
純粋芸術の教養は、服飾品や建築、家具などへの高い付加価値を創造する。 
成熟国としての文化と組み合わせることによりブランドとなり、高い国際競争力を持つことができる。 
せっかくアニメが開いた突破口をそれだけで終わらせないためにも、 
日本もこの分野への投資をしてみてはどうかと最近思う。
優れた芸術作品は不景気に生まれやすいと言われている。 
不景気になり格差が広がると社会生活の中で順当に出世してお金を得られるという流れを前提にできなくなり、 
芸術という社会とはある種反対の分野へ夢や情熱を傾ける人が増えるからだろうか。
60年代から70年代にかけて、イギリスから始まった音楽文化は国境を超え全世界が熱狂した。 
火付け役とも言えるビートルズも50年代というイギリスの不況期に青春を過ごした労働者階級が主だった。
その少し前、世界恐慌期にアメリカで行われたニューディール政策だが、 
これにはもうひとつの側面があり、文化芸術の発展を促す計画が同時進行していたことはあまり知られていない。 
フェデラル・ワンといわれる政策で、美術、演劇、音楽など様々な純粋芸術の振興を目的としたプロジェクトが1935年から行われていた。
これは国家レベルで行われた最大規模の芸術振興のプロジェクトだ。
以下はその成果の例
・美術 
5000人~1万人が雇用され、20万点もの作品が制作され、さまざまなポスター・壁画・絵画・彫刻が作成された。 
それらの作品は公共機関や学校や病院などに飾られ、2000以上のビルの壁面を覆い、国内で最も目立つパブリック・アートがいくつも誕生した(wikipediaより)
→ 美術教養の向上により、工業製品などのパッケージデザインなどのクオリティが上がった
・演劇 
5000人~1万人強が雇用され、毎月1000回もの講演が行われ、新作1200本以上が創出された。 
公演のうち80%が無料だったとされ、フェデラル・ワンの中で最も予算を使ったプロジェクト。
→ 現在のブロードウェイミュージカルやハリウッド映画の土台となった
・音楽 
1万人~1万強が雇用され毎週5000回もの講演が行われ、新作5000曲以上が創出された。
→ 音楽の力で不景気の暗い空気を拭いモチベーションを向上させたらしい
その後の産業発展と、不景気への刺激策として有効に作用している。 
これから不景気を脱却し、高付加価値の輸出産業を育成していかなければならない今の日本には一石二鳥だ。
さらには純粋芸術の発展はインターネットの質の向上も当然見込まれる。 
まずは自治体などからこういった動きが出てくることを期待したい。と考えてみた

不景気と芸術

2012年7月5日 Facebook 仕様変更 和訳 (Change Log)

スクロールバーを上下左右どこでも出せるJqueryプラグイン

複数のFacebookページを統合する方法のメモ。
オフィシャルで作ったけど誰かが別で作っていたり、 
コンセプトを変えて新たに作成した場合などに便利。
手順は以下の通り。
1. 自分が管理者のFacebookページのトップへ行く 
2. ページ上部の「Facebookページを編集」→ 「基本データを編集」をクリック 
3. 左サイド「リソース」をクリック 
4. 「重複しているページを統合」クリック
ここでつまずく場合が多い。 
「重複しているページを統合」というリンクが出ない場合は以下を確認してほしい。 
a. それぞれのFacebookページは住所が同じでなければならない 
b. いいねが多い方から少ない方を吸収しなければならない 
c. Facebookページ名がかなり似ていなければならない
cがわかりづらいと思う。 
しかも、全く同じページ名にすると 
&#8220;自動システムではその名前は認められません。「hogehoge」をご検討ください。&#8221; 
というエラーが出るはずだ。
その時は、ほどよいところにスペースを入れるとよい。
そうすると「重複しているページを統合」が表示されるはず。 
あとは手順に従えば一件落着

複数のFacebookページを統合する方法

[HTML5] File system API サンプル

HTML5のCANVASで、円グラフジェネレーターを作ってみた。 
<a href="/demo/hoshino/02/">/demo/hoshino/02/</a>
<iframe loading="lazy" width="320" height="240" style="border: none; overflow: hidden; width: 560px; height: 400px;" src="/demo/hoshino/02/sf_pie_chart_201203191011.html" frameborder="0"></iframe>
1. ページ上部でキャンバスの大きさを設定 
※デフォルトは画面サイズ 
2. 左サイドで項目を編集 
3. ページ上部でフォントサイズや背景色を調整 
4. 左サイドパブリッシュボタンで設定を反映
その後、ソースをダウンロードするか、埋め込みタグを取得できます。 
よろしければ自由に使って下さい。
ソースを埋め込む場合、HTML5で構築されたページでないと表示されないのでご注意を。 
ちなみに上記の円グラフはソースをダウンロードしてiframeで読み込んでいます。

HTML5 CANVAS 円グラフジェネレーター

Active contents design(アクティブコンテンツデザイン) 
というデザインの概念を提唱したい。
これは、ページ単位でユーザーが見ているコンテンツ、 
見せたいコンテンツをページを見るフローの中で 
細分化、最適化してユーザーに提供するデザインである。
具体的には、ユーザーがその瞬間見ている場所において 
最適なコンテンツとインターフェイスを提供する。 
デザイナーは、ユーザーが今見ている位置を 
ブラウザのx軸、y軸から判別する。
例えば、1ページが長い場合、自分がページ全体のどの部分にいるかを示し、 
あるいはページが終盤であれば次のステップをサジェストするような情報を 
ユーザーに対しx軸、y軸によって動的にその時必要な情報だけを提供する。
レスポンシブwebデザインは、とても良い概念だが、 
これはサイトとしてデバイスや画面サイズの違いに合わせ 
コンテンツとインターフェイスを最適化する考え方だ。
一方でアクティブコンテンツデザインは、 
ユーザーが見ている場所によって、 
コンテンツとインターフェイスを最適化する概念だ。
技術的には、先にも述べたがブラウザのx軸、y軸のスクロール情報により 
ユーザーの今見ている場所を判断してその時の処理を定義する。 
これはjavascriptをメインとして行い、 
onScrollイベントにより座標を取得する。
要は、「どこを見ているときに、何をするか」 
を制御する必要がある。
実装については、これを実現するためのスクリプトを作成したので、 
詳しくは以下の記事を参考にしていただきたい。
■sf_scroll_trick.js 
<a href="/officer/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0/100.html">/officer/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0/100.html</a>

Active contents design(アクティブコンテンツデザイン)

不景気の割に珍しくセザンヌ展が来るので、 
きっかけにWebデザインの参考にしたいアーティストをまとめた。 
<a href="http://cezanne.exhn.jp/">http://cezanne.exhn.jp/</a>
■印象派 
物事を正確に書くことだけが表現ではない。 
独特な表現でむしろ写実主義では表現できない雰囲気を。
・マネ 
写実主義の常識を打ち崩す。平面的でゆったりした感じ。 
<a href="http://www.google.co.jp/search?q=%E3%82%A8%E3%83%89%E3%82%A5%E3%82%A2%E3%83%BC%E3%83%AB%E3%83%BB%E3%83%9E%E3%83%8D&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=VlY7T_CvA-qOmQWc9dXICw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBIQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%A8%E3%83%89%E3%82%A5%E3%82%A2%E3%83%BC%E3%83%AB%E3%83%BB%E3%83%9E%E3%83%8D&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=VlY7T_CvA-qOmQWc9dXICw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBIQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・モネ 
明るく美しく自然の雰囲気を切り取った感じ。 
<a href="http://www.google.co.jp/search?q=%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%89%E3%83%BB%E3%83%A2%E3%83%8D&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=a1Y7T-mLL4f0mAXc1pzECw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%89%E3%83%BB%E3%83%A2%E3%83%8D&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=a1Y7T-mLL4f0mAXc1pzECw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ドガ 
バレーと競馬。躍動的な表現を印象的に。 
<a href="http://www.google.co.jp/search?q=%E3%82%A8%E3%83%89%E3%82%AC%E3%83%BC%E3%83%BB%E3%83%89%E3%82%AC&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=elY7T-zEHcXSmAXk15zUCg&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=68" target="_blank">http://www.google.co.jp/search?q=%E3%82%A8%E3%83%89%E3%82%AC%E3%83%BC%E3%83%BB%E3%83%89%E3%82%AC&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=elY7T-zEHcXSmAXk15zUCg&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=68</a>
・ルノワール 
明るく躍動的に時代の雰囲気を表現 
<a href="http://www.google.co.jp/search?q=%E3%83%94%E3%82%A8%E3%83%BC%E3%83%AB%EF%BC%9D%E3%82%AA%E3%83%BC%E3%82%AE%E3%83%A5%E3%82%B9%E3%83%88%E3%83%BB%E3%83%AB%E3%83%8E%E3%83%AF%E3%83%BC%E3%83%AB&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=i1Y7T6OpI4vMmAX9uv3BCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%94%E3%82%A8%E3%83%BC%E3%83%AB%EF%BC%9D%E3%82%AA%E3%83%BC%E3%82%AE%E3%83%A5%E3%82%B9%E3%83%88%E3%83%BB%E3%83%AB%E3%83%8E%E3%83%AF%E3%83%BC%E3%83%AB&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=i1Y7T6OpI4vMmAX9uv3BCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・スーラ 
点描 
<a href="http://www.google.co.jp/search?q=%E3%82%B8%E3%83%A7%E3%83%AB%E3%82%B8%E3%83%A5%E3%83%BB%E3%82%B9%E3%83%BC%E3%83%A9&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=mFY7T6P4NsyYmQX9wu2jCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBoQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%B8%E3%83%A7%E3%83%AB%E3%82%B8%E3%83%A5%E3%83%BB%E3%82%B9%E3%83%BC%E3%83%A9&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=mFY7T6P4NsyYmQX9wu2jCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBoQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
■ポスト印象派 
更に自由な表現や手法が確立。 
その後の様々なジャンルに影響。
・セザンヌ 
時代、生活を独自の温かみのある表現 
<a href="http://www.google.co.jp/search?q=%E3%83%9D%E3%83%BC%E3%83%AB%E3%83%BB%E3%82%BB%E3%82%B6%E3%83%B3%E3%83%8C&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=qVY7T5GaB8j4mAXM672mCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%9D%E3%83%BC%E3%83%AB%E3%83%BB%E3%82%BB%E3%82%B6%E3%83%B3%E3%83%8C&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=qVY7T5GaB8j4mAXM672mCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ゴーギャン 
色使い 
<a href="http://www.google.co.jp/search?q=%E3%83%9D%E3%83%BC%E3%83%AB%E3%83%BB%E3%82%B4%E3%83%BC%E3%82%AE%E3%83%A3%E3%83%B3&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=uVY7T9jtHYHGmQX5nqi6Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CCAQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%9D%E3%83%BC%E3%83%AB%E3%83%BB%E3%82%B4%E3%83%BC%E3%82%AE%E3%83%A3%E3%83%B3&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=uVY7T9jtHYHGmQX5nqi6Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CCAQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ゴッホ 
独特な色彩、表現 
<a href="http://www.google.co.jp/search?q=%E3%83%95%E3%82%A3%E3%83%B3%E3%82%BB%E3%83%B3%E3%83%88%E3%83%BB%E3%83%95%E3%82%A1%E3%83%B3%E3%83%BB%E3%82%B4%E3%83%83%E3%83%9B&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=y1Y7T-7eHNHUmAX2zJG2Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBgQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%95%E3%82%A3%E3%83%B3%E3%82%BB%E3%83%B3%E3%83%88%E3%83%BB%E3%83%95%E3%82%A1%E3%83%B3%E3%83%BB%E3%82%B4%E3%83%83%E3%83%9B&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=y1Y7T-7eHNHUmAX2zJG2Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBgQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
■アール・ヌーボー 
現代芸術の始まり。モダンデザイン。 
国境を越えて様々な表現が自由で一般的に。
・ロートレック 
商業絵画黎明期。先代のアートを広告として表現 
<a href="http://www.google.co.jp/search?q=%E3%83%AD%E3%83%BC%E3%83%88%E3%83%AC%E3%83%83%E3%82%AF&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=2lY7T8HGJeahmQWqsdGkCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBsQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%AD%E3%83%BC%E3%83%88%E3%83%AC%E3%83%83%E3%82%AF&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=2lY7T8HGJeahmQWqsdGkCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBsQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ミュシャ 
曲線的でキャッチーな商業アート 
<a href="http://www.google.co.jp/search?q=%E3%82%A2%E3%83%AB%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B9%E3%83%BB%E3%83%9F%E3%83%A5%E3%82%B7%E3%83%A3&amp;hl=ja&amp;prmd=imvnsob&amp;source=lnms&amp;tbm=isch&amp;ei=61Y7T7j5G4KEmQX3rfGYCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%A2%E3%83%AB%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B9%E3%83%BB%E3%83%9F%E3%83%A5%E3%82%B7%E3%83%A3&amp;hl=ja&amp;prmd=imvnsob&amp;source=lnms&amp;tbm=isch&amp;ei=61Y7T7j5G4KEmQX3rfGYCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ガレ 
ガラス工芸。アールヌーボーっぽい 
<a href="http://www.google.co.jp/search?q=%E3%82%A8%E3%83%9F%E3%83%BC%E3%83%AB%E3%83%BB%E3%82%AC%E3%83%AC&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=91Y7T4TSAY6dmQXWkeGZCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CCkQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%A8%E3%83%9F%E3%83%BC%E3%83%AB%E3%83%BB%E3%82%AC%E3%83%AC&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=91Y7T4TSAY6dmQXWkeGZCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CCkQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
■抽象表現主義 
雰囲気。見るものを圧倒 
・カンディンスキー 
<a href="http://www.google.co.jp/search?q=%E3%83%AF%E3%82%B7%E3%83%AA%E3%83%BC%E3%83%BB%E3%82%AB%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B9%E3%82%AD%E3%83%BC&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=BVc7T7OuCK7ImQXjocjUCg&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%AF%E3%82%B7%E3%83%AA%E3%83%BC%E3%83%BB%E3%82%AB%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B9%E3%82%AD%E3%83%BC&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=BVc7T7OuCK7ImQXjocjUCg&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ポロック 
<a href="http://www.google.co.jp/search?q=%E3%82%B8%E3%83%A3%E3%82%AF%E3%82%BD%E3%83%B3%E3%83%BB%E3%83%9D%E3%83%AD%E3%83%83%E3%82%AF&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=Glc7T4zsDc_mmAXlwMm7Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBkQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%B8%E3%83%A3%E3%82%AF%E3%82%BD%E3%83%B3%E3%83%BB%E3%83%9D%E3%83%AD%E3%83%83%E3%82%AF&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=Glc7T4zsDc_mmAXlwMm7Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBkQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ロスコ 
<a href="http://www.google.co.jp/search?q=%E3%83%9E%E3%83%BC%E3%82%AF%E3%83%BB%E3%83%AD%E3%82%B9%E3%82%B3&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=K1c7T8ClBs6HmQXXhrHUCg&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%9E%E3%83%BC%E3%82%AF%E3%83%BB%E3%83%AD%E3%82%B9%E3%82%B3&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=K1c7T8ClBs6HmQXXhrHUCg&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
■キュビスム 
色々な確度から見た形を平面的に表現 
<a href="http://www.google.co.jp/search?q=%E3%82%AD%E3%83%A5%E3%83%93%E3%82%BA%E3%83%A0&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=Glg7T6ncGe-VmQX1kbG7Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBsQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%AD%E3%83%A5%E3%83%93%E3%82%BA%E3%83%A0&amp;hl=ja&amp;prmd=imvns&amp;source=lnms&amp;tbm=isch&amp;ei=Glg7T6ncGe-VmQX1kbG7Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBsQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ピカソ 
・ブラック
■シュルレアリスム 
超現実。あくまでも現実であり未来ではない 
・ダリ 
<a href="http://www.google.co.jp/search?q=%E3%82%B5%E3%83%AB%E3%83%90%E3%83%89%E3%83%BC%E3%83%AB%E3%83%BB%E3%83%80%E3%83%AA&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=SFc7T9e7FK_ImAXZyam4Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;sqi=2&amp;ved=0CBkQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%B5%E3%83%AB%E3%83%90%E3%83%89%E3%83%BC%E3%83%AB%E3%83%BB%E3%83%80%E3%83%AA&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=SFc7T9e7FK_ImAXZyam4Cw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;sqi=2&amp;ved=0CBkQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・マグリット 
<a href="http://www.google.co.jp/search?q=%E3%83%AB%E3%83%8D%E3%83%BB%E3%83%9E%E3%82%B0%E3%83%AA%E3%83%83%E3%83%88&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=Wlc7T-CuIqTNmQXRvuCpCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%AB%E3%83%8D%E3%83%BB%E3%83%9E%E3%82%B0%E3%83%AA%E3%83%83%E3%83%88&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=Wlc7T-CuIqTNmQXRvuCpCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBAQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
■ポップアート 
大量生産・消費やサブカルチャーなど現代生活をアートに 
・リヒテンシュタイン 
<a href="http://www.google.co.jp/search?q=%E3%83%AD%E3%82%A4%E3%83%BB%E3%83%AA%E3%82%AD%E3%83%86%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%B3&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=cFc7T_rYHcrzmAW3t5ycCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CCQQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%83%AD%E3%82%A4%E3%83%BB%E3%83%AA%E3%82%AD%E3%83%86%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%B3&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=cFc7T_rYHcrzmAW3t5ycCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CCQQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
・ウォーホール 
<a href="http://www.google.co.jp/search?q=%E3%82%A2%E3%83%B3%E3%83%87%E3%82%A3%E3%83%BB%E3%82%A6%E3%82%A9%E3%83%BC%E3%83%9B%E3%83%AB&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=iVc7T4K9DrDKmQWQ-7SgCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CCYQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E3%82%A2%E3%83%B3%E3%83%87%E3%82%A3%E3%83%BB%E3%82%A6%E3%82%A9%E3%83%BC%E3%83%9B%E3%83%AB&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=iVc7T4K9DrDKmQWQ-7SgCw&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CCYQ_AUoAQ&amp;biw=1241&amp;bih=683</a>
■スーパーフラット 
新しい動き 
・村上隆 
<a href="http://www.google.co.jp/search?q=%E6%9D%91%E4%B8%8A%E9%9A%86&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=k1c7T6__DczTmAWfkvXTCg&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBoQ_AUoAQ&amp;biw=1241&amp;bih=683" target="_blank">http://www.google.co.jp/search?q=%E6%9D%91%E4%B8%8A%E9%9A%86&amp;hl=ja&amp;prmd=imvnso&amp;source=lnms&amp;tbm=isch&amp;ei=k1c7T6__DczTmAWfkvXTCg&amp;sa=X&amp;oi=mode_link&amp;ct=mode&amp;cd=2&amp;ved=0CBoQ_AUoAQ&amp;biw=1241&amp;bih=683</a>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #デザイン

2012/09/06

2012/08/22

2012/08/09

2012/07/12

2012/07/05

2012/06/21

2012/05/31

2012/03/20

2012/03/11

2012/02/16

2012/01/28