RABIN'G BLOG

とりあえずメモです。

【アイコン関連】

http://www.noupe.com/icons/50-most-beautiful-icon-sets-created-in-2008.html

http://sixrevisions.com/resources/40-beautiful-free-icon-sets/

http://elitebydesign.com/free-high-quality-icons-sets/

http://www.noupe.com/freebie/40-extremely-beautifull-icon-sets-hand-picked-from-deviantart.html

http://www.myvectorstore.com/

http://vectortuts.com/articles/web-roundups/60-free-vector-icon-packs-for-design-professionals/

http://www.ndesign-studio.com/resources/vector-cliparts/

http://www.freeiconsdownload.com/Free_Downloads.asp?id=66

【ファビコンいろいろ】

http://www.smashingmagazine.com/tag/favicons/

【使えるテクスチャ画像の60選】

http://designm.ag/resources/60-free-textures-from-sxchu/

【使い勝手の良さそうなテクスチャが29種類】

http://webdesignledger.com/freebies/29-most-useful-texture-packs-of-2008

【ナビゲーションを作るチュートリアル】

http://sixrevisions.com/photoshop/25-photoshop-tutorials-for-web-designers/

【自然をモチーフにした64種類のPhotoshopブラシとベクター素材のまとめ】

http://www.webresourcesdepot.com/64-beautiful-and-free-nature-brush-sets-and-vectors-giant-design-pack/

【最近のウェブトレンドデザインに使えるPhotoshopブラシ50選】

http://sixrevisions.com/photoshop/50-free-photoshop-brush-sets-for-modern-design-trends/

【CSSとかウェブデザインのレイアウトに役立つ１１サイト(ダウンロード可能！！)】

http://www.designwalker.com/2009/01/web-layout.html

【スライドスクリプトとスライドを上手く利用したウェブサイトいろいろ】

http://www.designwalker.com/2009/01/slide.html

今回はとくにカテゴリーごとにとか気にせず、ここ最近ぱらぱらっとみてよさげだったサイトをどんどん上げてみようと思います！

http://bowls-cafe.jp/

ポップなテイストのどんぶりやさん。かわいいし見やすくよくまとめられているなー...と。昨年学校の課題で作ったカフェのサイトも、このサイト見てからだったらもっといいもの作れたのかなって思っちゃいました。

http://www.429jp.info/

昭和の日オフィシャルサイト。いい感じです。

http://sacas.net/

いわずとしれた赤坂サカスのサイト。header部分の見せ方などとってもよくできていて、お手本にしたいサイトのひとつ。

http://www.stereoplastic.com/

西田幸司氏のみたい。

http://www.blackbeltmonkey.com/

男性を使った最初のしかけがおもしろいと思った。

http://www.neostream.com/

loading面白い。

http://www.mcbd.co.uk/

キャラもモーションもなかなか。

http://www.ifva.com/index_content.php?section=0|eng|

デザイナー集団のサイト。

http://www.tokyometro.jp/fukutoshin/#/top

東京メトロ副都心線のサイト。なにげによくできています。

http://iiiflow.co.jp/

かわいい！

http://www.keikotokyo.com/

蛍光。リニューアルしてた！

http://www.villagebooks.co.jp/

株式会社ヴィレッジブックス。header部分のflashの使い方とか、最近よくみかけるマルを使ったデザインを上手に取り入れてるなと思いました。

http://www.zed.co.jp/home.php

シルク・ドゥ・ソレイユ　シアター東京「ZED」オフィシャルホームページ。これ個人的に最近のナンバーワン。

http://www.suzuki-palette.jp/tonari/

メニューの回覧板の見せ方がよい。車以外シルエットみたいなデザインでも単調な印象を受けずあきないつくり。

http://www.volll.com/#section_main

一見flashを至る箇所に使われているように見えるが、なんとflashはNEWのマーク部分だけしかつかわれてないという！波や雲、星などはHTML上に書き出されていて、JavaScriptによって高速に書き換えられています。羊や宇宙人やパラソル、灯台の入り口などをクリックしたら動く仕掛けもかわいい。

http://www.meomi.com/

HTMLサイトでありながらflashとうまく組み合わせてよくできているなって関心させられるサイト。イラストも魅力的！

六本木の森美術館で開催されている「英国美術の現在史：ターナー賞の歩み展」に行ってきました。会期は7月13日(日)と、今週の日曜日までの開催なので、興味のある方はお早めに！

 この展示に興味を持ったのは「日本のアーティスト序論」なんてカッコよすぎる見出しの美術手帳2008年7月号に紹介されていたということがきっかけでした。

美術手帳に掲載されていたデミアン・ハーストの「母と子、分断されて」は自分の好きな感じの作品なんじゃないかなと思って、直接実物を見てみたくなったのです。

デミアン・ハースト：「母と子、分断されて」

会場風景

写真はデミアン・ハーストの「母と子、分断されて」という本物の親子の牛をホルマリン漬けにした作品。なぜ動物をホルマリン漬けにするのか--？本物の動物を使った作品は、作品が発表された当時相当な衝撃だったことだろう。制作者本人のデミアン・ハーストはこういった動物そのものを作品として取り入れる以前は絵を描いていたらしい。でもそれは、彼にとって現実感がなく見かけ騙しにしか見えなかったそうだ。その感覚はなんとなくわかるような気がする。詳しくは美術手帳2008年7月号を読んでいただけたらなと思います。面白い内容で、文章自体もそんなに長くないので結構読みやすいですよ。

ちなみにこのデミアン・ハーストの「母と子、分断されて」は、展示作業は完全非公開で、展示のたびに外側のスチールフレーム、アクリル板につけられた牛、ホルマリンと、それぞれ別に搬送され組み立てられるそうです。あれだけの大きさのものを毎回組み立てているなんて驚きですね。展示されている時以外はどうやって保管されているのでしょう。。。

実際に作品を鑑賞している時には、最初本物の牛が使われているという事実を知らなかったので、この牛は本物なのか本物に似せて作ったものなのかどっちなのかと考えながら見るのが面白かった。肺が茶色いタオルに見えたり、腸がビニール袋みたいに見えたり、見ようによっては根気でリアルに作ったかのようにも見えたのです。でも本物の牛、しかも本当に親子だった牛を使われているということを音声ガイドで聞いた時には驚いて、一緒に行った友人と口を開けてお互い見合ってしまいました（笑）。本物の動物とわかった途端、作品がちがう形で見えてくる。これがデミアン・ハーストの意図するところなのか、他にもこの作者の作品を見てみたいと思わされる体験でした。

他にも展示されている作品を通して、ターナー賞の流れを感じることが出来てなかなかよい展覧会でした。どれも知的でこの作品が作品たる由縁や定義づけなど、難しくてすべてを理解するのは困難ですが（ちなみに私はほとんど雰囲気解釈でした）作品を通して体感できるということ価値があるのではないかと＾＾；

アニッシュ・カプーアの濃紺の円が宙に浮いている作品は印象的だったな～

村上隆さんのアニメーションが！

「Louis Vuitton」のバッグの柄のデザインをしたということはニュースなどで紹介されているのを見て知っていたのですが、並行してアニメーション作品も制作されていたのですね！知らなかった～！恥ずかしい...

それでもそれでも！せっかくなのでブログに載せてみよう！！

superflat monogram - takashi murakami for louis vuitton

「Louis Vuitton」のように企業とのコラボレーションで制作された作品の他に、村上隆さん初の本格オリジナルアニメーション作品も現在制作中だそうです。これは予告になるのかな？？↓↓↓

KaiKai & KiKi Animation

そしてこれって...違ってたらどうしよう＾＾；
こういう音楽に合わせるとまた雰囲気が出ていいですねぇ。。。世界観があって素敵です。↓↓↓

Kanye West - Good Morning

You Tubeひさびさ～と思って色々見ていたら、大学生の時「芸術新潮」（たしかこの雑誌だったはず）で見て気になってた松井冬子さんの動画がいっぱい！ついついあるのを全部見てしまった。。。↓↓↓

まずは6つあるうちの一番はじめからじっくりと。

痛みが美に変わる時 ～画家・松井冬子の世界～ (1of6)

痛みが美に変わる時 ～画家・松井冬子の世界～ (2of6)

痛みが美に変わる時 ～画家・松井冬子の世界～ (3of6)

痛みが美に変わる時 ～画家・松井冬子の世界～ (4of6)

痛みが美に変わる時 ～画家・松井冬子の世界～ (5of6)

痛みが美に変わる時 ～画家・松井冬子の世界～ (6of6)

雑誌で見た時は、松井冬子さん本人の写真と「夜盲症」という作品が紹介されていました。その写真と作品がまた不気味なほどそっくりで、写真に写る彼女は一目見たら忘れられないほどの美人で強く印象に残っていました。

しかし動画を見るなり、あの時みた写真よりもずっときれいじゃないですか！なんてあまりに美人さんなのでついつい顔に目がいってしまいますが、彼女の作品を見ていると「日本画は最強だ」という彼女の言葉にうなずく以外ないような気がします。

私もやってみたいな絹本着色...なんて道のりは厳しいな...笑

実は最近、横にスクロールするサイトに惹かれたりしています。次に自分のポートフォリオサイトを作る時は横にスクロールするサイトを作ってみたいなぁーなんて。。。

というわけで今回は横にスクロールする個人的に好きなサイトを上げておきます。

http://www.worldending.jp/

http://c.dric.be/gium/issues/03/

http://lucuma.com.ar/

http://www.atsushiwatanabe.com/main.html

どれも独特の心地よさのようなものがあるような気がします。flashで作られたものもhtmlで作られたものもどちらも素敵ですね～

こちらは横スクロールではないのですが、動きの心地よさといい、BGMといい背景のアニメーションといい、とてもセンスがあって素敵なサイトだなと思ったので上げておきます↓↓↓

http://www.interactiveanddesign.com/

いつかこんな素敵なサイトを作ってみたいものです。。。

雑誌やインターネットで紹介されていて、ずっとみたいと思っていたサイトがついに公開されていました！

http://www.ecodazoo.com/

昨年の冬頃、学校の卒業制作でエコのサイトをflashで制作していたのもあって、ちょうどその頃に現在制作中といった形で紹介されているこのサイトはとっても気になっていました。ついにその全貌をみることができてうれしい。やっぱすごいなー

http://roxik.com/

せっかくなので制作者の城戸雅行さんのサイトも載せておきます。 顔ひっぱって変形できちゃうすごいやつ。

http://roxik.com/pictaps/

かわいい！こちらのサイトを作ったことでも有名ですね。

卒業制作といえば、エコのサイトを作る際、素材感が大事だなと思って実際にジオラマを作成してサイトを作成したのですが、こちらの動画を見てビックリ！

Webサイト用に、ダンボールでジオラマを作成している製作風景です。

この動画によって出来上がったサイトはこちら↓↓↓

http://pencilrebel.com/

以前は上にある動画と同じものだったのですが、現在はリニューアルして違うデザインになってますね。。。それでもやはりダンボールを使用してよくつくられているなぁって関心させられます。

卒業制作作るもっと早い段階でこの動画を見ていたら。。。なんていってもしょうがないのですが、こういう風にいつかサイト作ってみたいものです。

一応私が卒業制作で作ったエコのサイトも載せておきます。

http://eco-shimasho.rabin-g.com/

もっと私もがんばらなくては！！！

ベクターデータをダウンロードできるサイトを見るのって結構好きです。

というのがブラシをダウンロードしたりしてもそれを実際どう活用したらいいか迷ったりして、抵抗がある時にベクターデータである程度素材を組み合わされたデータを見ると参考になることが結構あったりするので。。。それになによりたくさんある画像をひたすら見るのは楽しい！

ということで今回はベクターデータを無料でダウンロードできるサイトをひたすら上げてみました。

http://www.allfreelogo.com/

フリーのベクター素材のロゴがダウンロードできるサイトです。

http://www.vectorart.org/

こちらはユーザー投稿式のベクターデータのダウンロードサイトです。数々のベクターデータが投稿されていてどれも無料でダウンロードすることができます。

http://vector4free.com/

こちらはサムネイルも大きくファイル形式やファイルサイズがすぐわかるのでとても便利です。

http://dezignus.com/retro-vector-icons/

こちらは最新の形ではなくシンプルで少しレトロな表現のベクターデータが紹介されています。視覚的に見て分かりやすくてかわいい！

http://www.sachagreif.com/drse/

写真やシェイプなどの素材は便利ですが、理想的なものを探すのはなかなか大変。そんな時にこちらのサイトでは海外でも有数の素材サイト「Deviantart」や「Bittbox」「Vecteezey」などから指定したキーワードでまとめて検索できるので普通に探すより早く探せるかも...？

http://www.clickpopmedia.com/main/index.php

こちらは中でもグラフィカルなベクターデータを中心に公開、配布しているサイトです。グラフィック的な要素が強いので、万人に役立つと言ったわけではないのですが、探していたものがあればかなりの即戦力になりそう。

http://speckyboy.com/2008/04/13/top-20-free-vector-resources-for-designers/

こちらはベクター素材を配布するサイトTop 20が紹介されています。こちらで紹介されていたサイトをいくつか...↓↓↓

http://www.bittbox.com/

http://www.vecteezy.com/

http://www.gomedia.us/arsenal/freestuff.php

http://www.blog.spoongraphics.co.uk/freebies/free-vector-resources

http://www.freevectors.net/

http://createsk8.com/category/freebies/

http://www.openclipart.org/

http://dezignus.com/

こちらはすでに上記で紹介していますが、様々なジャンルのベクターデータや素材を紹介しているblogということで改めてここでもう一度載せておきます。

http://tpex.fem.jp/blog/vector_illustrations

動物、昆虫、物、人物、乗り物などのシルエットベクターデータ集です。

サイトを見ていると、使用している素材にかなりリアリティのあるものをよく見かけたりします。

ということで今回は、写真みたいによくできているのに実はちゃんとパスで作成しているようなデザインのサイトを上げてみました。

http://www.kulturbanause.de/

こういう使い方をするとかなりインパクトありますね。。。

http://www.revolutiondrivingtuition.co.uk/index.html

こちらもかなりインパクトがありありますね。背景に使用しているカラーが赤いのと、手でちぎったような紙の素材を使用している点がハードな印象を深めています。

http://www.loopool.info/index2.html

シンプルなデザインですが、鉛筆やインクなど、画面におかれているそれぞれの素材が本物みたいな存在感があるので、飽きのこない上品な印象です。flashでも使いやすく作られているので嬉しい。

http://www.homedesignfind.com/

ヘッダー部分にあるそれぞれのオブジェクト以外にも、ななめのボタンやしわくちゃな紙のような素材間をいたるところに取り入れていて、参考にしたいところいっぱいです。

http://www.visualelixir.com/

リアルなオブジェクトをヘッダーに一カ所だけ取り入れて、サイト全体を引き締めているデザイン。こういったようなデザインのサイトもかなりあるので参考にしていきたいですね。

テクスチャーという言葉は、サイトのデザインに関してキーワードのように感じる今日この頃。。。

ということで今回は布地などを利用したような、質感・素材感あるサイトを上げてみようと思います。

http://www.freepeople.com/

 こちらは前面に布地を使用したデザイン。メニューバーのところまで布を使用しているというのもまたいいですね。女の子心をくすぐります。

http://www.edgepointchurch.com/

土のような素材や、紙や段ボール紙を使用したようなデザインで男性的でハードなイメージ。

http://www.pienternet.be/index.php

いたるところにある、かすれた感じのさりげないテクスチャーがヘッダーのインパクトのある写真をいい感じに中和してますね。。。

http://www.karaburke.net/

こちらは壁紙のようなグリーンの部分もさることながら、紙がめくれているようなヘッダーの見せ方がいいですね。コンテンツ部分の黒にグリーンとピンクがはえる。。。

最近ノートのような素材を利用したアナログ感のあるサイトって多いですね。

ということで今回はノートをデザインの素材として使用しているサイトを上げてみようと思います。

http://www.cosmicsoda.com/

 写真の周りを点線で囲っているのもノートに合っていて可愛いですね。

http://www.peterrabbit.com/miss_potter/home/index.cfm 

一部分だけでなく全体的に素材感ある素材でデザインされていて可愛いですね。キャラクターの目元が動いたりするなど、細部までのこだわりを感じます。