デザイン事務所

「Kenneth Elgraard」
音楽はいらない

「Iliketoplay」


「4060」

「SixTypes」
なんかよくわかんないけど、すごい。

「Philleep Florence」
ほとんどテキストのみの構成。サムネイルの並べ方は絶妙。

「hiroshi seo」
フォトグラファーのサイト。写真のスクロールがいいですね。

「Feature 25」
デザイン系webマガジン。このゆらゆら感がたまらない。

「ERIC JOURDAN」
インタフェースがおもしろい。

『ART STREIBER」

「Kenjiro Harigai」
見てしまうなー

「PrettyLoaded」
ひたすらプリロードをあつめたサイト。コンテンツとしてもすごく面白い。

「RH project」
ロゴがかわいい


「YOSHIHARU OTA」

「TAKAHIRO MIKI」
みやすい

「Glanz」

フルフラッシュ

「KUSUDAMA」
レシピサイト

「YOSHIHARU OTA」

100117 MTG 資料

「cosmic wonder」


「writtenafterwards」


「TOYOTA Municipal Meusium of Art Movie Archicive」

「No.2」

「MAYA LIN STUGIO」

「ISSEY MIYAKE」

「mahankrinsha」


・イメージと使いやすさの優先順位はどうか。

・載せる情報

・ターゲット(ファンを大事にするの？　新規開拓するの？)



写真の見せ方にポイントを置くのがいいのでは
↓
①画一的にならない
②イメージ押しで行くならいいのでは
③FLASHかな

必要な技術
HTML
CSS
FLASH
JAVASCRIPT（ライブラリの使用）

手書き風のデザイン

「heathersloane」
メモ用紙に書いたようなデザイン

「melkadel」
水彩画のようなイメージ

「psyop」
スキンも自作していたり、なかなかこだわってますね。

madebytinder
ぬめっとした壁のようなデザイン。色が変えられる。

「sketchen」
「紙カップ」に「一匹のアリ」

「Jar Design」
ツイッターのようなブルーで爽快なデザイン

「the color cure」
フィリピンのデザイン事務所。アイコンを模したデザインが素敵ですね。

アーティストのサイト

「鈴木羊」
かっこいいとおもいます。

ファッションブランドサイト

この記事はyoha_u。より引用たものに、加筆したものです。



• MIHARAYASUHIRO

項目を押すと別ウィンドウで開く。

• MIKIO SAKABE

白でいたってシンプル。

• MINTDESIGNS

最初のフラッシュは女の子受けしそう。ショップはnuanにとばす。

• AKIRA NAKA

写真がきれい

• G.V.G.V

白の静的な構成。

• matohu

トップのみフラッシュ

• support surface

フラッシュのアコーディオンGnavi


• SOMARTA

サイトの構成は古い。artcllaborationあり。オンラインはnuan+mirabella

• THEATRE PRODUCTS

改装中。

• AGURI SAGIMORI

トップにニュースなどあり、堅実な構成。

• NOZOMI ISHIGURO HAUTE COUTURE

CSSを切ったかのようなデザイン。コンセプトなのかな。

• YAB-YUM

白ミニマム。

• NE-NET

親会社A-netのサイトの中にあるサイト。

• SUNAOKUWAHARA

親会社A-netのサイトの中にあるサイト。

• DRESSCAMP

オンライン特設ページあり。本サイトは白のフルフラッシュ

• HISUI

灰色のベタ。オンラインは、nuan+他、ZOZOTOWN、TAKASHIMAYA

• banal chic bizrre

webぽい。

• motonari ono



• wrritenafterwards

海外のサイトで見るような構成

• JUNYA TASHITRO

トップはいいですね。ブランドのイメージと合ってる。

• FUR FUR

オンラインショップをトップに持ってくる。

• BEAUTIFUL PEOPLE

リンク切れ

• THE DRESS & CO.HIDEI SAKAGUCHI

オンラインショップを持っている

• EVERLASTING SRPOUT

グラフィックがきれい。

[presentation]

• SACAI:


• COSMIC WONDER LIGHT SOURCE

重い。

• TOGA

youtubeにブランドサイトを持っている。

• UNDER COVER

白のシンプル。

-ENSOR CIVET:

• DICTIONARY:


• MUVEIL:


• SAKAYORI:


• KOLOR

写真の見せ方はいいのではないでしょうか

• NEAR.NIPPON


• FACETASM


• Mina perhonen

アナログの利かせ方いい

-GRINTMATI:

• ROBES&CONFECTIONS

-ET MOMONAKA:

• GRAPHIT LAUNCH


• TARO HORIUCHI


• NUDE: MASAHIKO MARUYAMA


• Yuge



• LEP LUSS


• SUZUKI TAKAYUKI


• YLANG YLAMG


• Y.M.WALTS


• HAMIRU



• ANREALAGE


• KONTRAPUNKT


• 20,000,000 FRAGMENTS

-SACHIKO KAWASAKI:

• ZECHIA:



• FUGAHUM


• MERCIBEAUCOUP


• KAON


• LAULA

-

[runway]

• N.HOOLYWOOD


• JHON LAWRENCE SULLIVAN

写真の並べ方が見やすい。

• SOE


• FACTOTUM



• WHITE MOUNTANIEERING


• YOSHIO KUBO


• LAD MUSICIAN


• ATO


• GalaabenD



• TROVE

ファンタジーなサイト。

• HEATH



• IZREEL

凝ってますね。やりすぎ感はあるけど。

• GUT’S DYNAMITE CABARETS

ブランドのイメージと合ってるのではないでしょうか。オンラインショップはPARCO CITY

-DISCOVERED:

• LITHIUM HOMME/FEMME

[presentation]

• WHEREABOUTS

-PASCAL DONQUINO:

• MARKAWARE:


• INDUSTRIAL CATEGORY


• ETHOSENS



• N4


• YAECA


• TALKING ABOUT THE ABSTRACTION


• .EFILEVOL


• UNDECORATED MAN

-SLACK:

• CICATA

-ELATE:

• PESTER


• MEAN

-LORINZA:

• Xampagne



• DIET BUTCHER SLIM SKIN


• QUESORVEL


• DIRAIN

Rope Picnic

日本のアパレルだったかなりいい線

MEMO

Syntax Highlight
http://blog.37to.net/2007/06/syntax_highlighter/

flickrお気に入りアーティスト

mypixbox

last known identity

helloakhr's photostream

lookingintothepast

ことのは

「どちらかと言うと、ステップごとに考える系なんです。現象として面白いと思うことが最初にあって、そこからビジュアル的に面白いところを探していく感じでしょうか。
最初はボヤっとした感じで絵にはしづらいものですけど、一段階具体化すると、そこで見えなかったものが見えたり、いや実はイマイチだったみたいなことがわかったりする。そこでどうしようかとまた考えて次へいく。ワンステップごとに新しい発見があるんですね。」

中村勇吾さん　cococreviewインタビュー

あ、それはそうですね。デザインは後から装飾するものであって、ウェブの場合はそれよりもっと大切なものがきっとあるんじゃないかと思っています。
「いままで見たことのない感じにしたい」という思いは常にありますが、同時に重要視しているのは分かりやすさみたいなところ。たとえば僕の母親が見ても直感的に分かるようにしたい。でも、一番重要視しているのがコンテンツで、どんなにカッコよくても、どんなに高度な技術が投入されていても、伝わるものがなければそれまでじゃないですか。その基本的な軸をしっかり立てた上で、付加価値的な感じで面白さとか斬新さみたいなのが出せたらいいサイトになるのかな、と思いますね。

鎌田貴史さん　エキサイトアドタイムインタビュー


今後、日本であれ他の外国であれ、どこかで何かの仕事をなさるでしょうが、その際、その国とその業界、及びその仕事に対し、敬意を払うことを忘れないでほしいと思います。

内館牧子さん

私は何でこんなに一段一段なんだろう

上村愛子

あっこの人いい人だなというようなものづくり

水野学さんさん

AR関連のニュース

3DアバターのFrenzoo、「空間編集機能を実装」　　<100112>


「エロ＋拡張現実＝現実以上のエロ？　ARをポルノコンテンツに活用する試み」 　<100112>

PaperVision

プリミティブオブジェクト生成サンプル

平面
var obj:Plane = new Plane(material,500,500,1,1);

球面
var obj:Plane = new Sphere(material,100,8,6);

直方体
var obj:Cube = new Cube(materials,700,700,700,10,10,10)

円柱
var obj:Cylinder = new Cylinder(material,100,100,8,6,-1,true,true);
※引数コメント
第１引数　マテリアル
第２引数　底面の半径
第３引数　高さ
第３引数　幅方向の分割数
第５引数　高さ方向の分割数
第６引数　上面の半径
第７引数　上面を表示するか否か
第８引数　上面を表示するか否か

円錐
var obj:Corn = new Corn(material,100,100,8,6);

紙飛行機
var obj:PaperPlane = new PaperPlane(material,0);


矢印
var obj:Arrow = new Arrow(material);

マテリアル

WireframeMaterialクラス
var material:WireframeMaterial = new WireframeMaterial(0x0000FF,1,1);
※引数コメント
第１引数　色
第２引数　ワイヤーの透明度
第３引数　ワイヤーの太さ

ColorMaterialクラス
var material:ColorMaterial = new ColorMaterial(0x0000FF,0.5,true);
※引数コメント
第１引数　色
第２引数　塗りの透明度
第３引数　インタラクティブ機能を有効にするか否か

BitmapFileMaterialクラス
var material:BitmapFileMaterial = new BitmapFileMaterial("sample.jpg",true);
※引数コメント
第１引数　URL
第２引数　歪み防止を有効にするか否か

BitmapAssetMaterialクラス
var material:BitmapAssetMaterial = new BitmapAssetMaterial("sample.jpg",true);
※引数コメント
第１引数　URL
第２引数　歪み防止を有効にするか否か



マテリアルを両面に作成
doubleSlided = true;

シェーダーの作成サンプル

var shader:PhongShader = new PhongShader(
light,
0xFFFFFF,
0x000000,
10,
bumpBmpData
);

WEB関連記事

ウィジェットが企業メディアとして台頭する時(090620) ITmedia

アーガス制作

「SALAD SAUCE」

「TANGRAM」

「TOSHIBA One hour Ring」

ラナエクストラクティブ制作

「豊田市美術館」

「国立西洋美術館」

「めくるめくカレンダー」

「hakuhodo brand design」

「博報堂買物研究所」