2011年「おおっ!」って思ったサイトの話など。
火曜/金曜担当の@cremaです。
本日、iPhone 4S手に入れましたぜ。えへん。
それはさておき、2011年8月18日にアップルストア銀座にて開催された「CSS Nite in Ginza, Vol.58」で会場の皆さまより集めたアンケート結果を鷹野さんから教えていただきましたので、共有したいと思います。
今日ご紹介するのは、ふたつの質問に対するご回答です。
ひとつめの質問は「今年見たサイトの中で『おおっ!』て思ったデザインを教えてください」というもの。ふたつめの質問は「デザインのアイディアやタネをどのようにして仕入れていますか?」というものでした。
人それぞれ、様々な回答があって面白いですよ:)
ではスタート。
今年見たサイトの中で『おおっ!』て思ったデザインを教えてください
※cremaがサイトを特定できなかったものは、リンクをはっていません、ごめんなさい。
- Media Queryのページ?(多分これ> http://mediaqueri.es/)
- 『A4折形』はこれから制作する哲学絵本にもインスピレーションを得られて良かったです。
- Xbox360/PS3ソフトのL.A.Noireプロダクトサイト(海外。日本版はイマイチ)。
- 『キャラリー』も2次元ですが、セルっぽいテカテカ感がなくて、手作りっぽくて好感がもてますネ。
- アーティスト名を忘れてしまいましたが、「映し鏡」。
- (▲多分同上)アーティストPRサイト、曲が流れて、Twitterの友達の画像が集まって人間になって踊り出す。
- (▲同上)SOURのプロモーションサイト「ラフレ鏡」
- カヤックWebサイト(リニューアル後)
- 東日本大震災の時に立ち上がった「SAVEJAPAN」
- 剣道連盟
- JR九州
- momento
- MEGURU
- 来年ならIS parade
- カヤックのHTML5を使ったサイト
- マリオブラザーズの動きをHTML5で全て表現したサイト
- 「トランスフォーム」の映画サイトなど
- D&DEPARTMENT社
- 今日見せてもらった貝塚市。
- 塩をふるサイト。URLがわかりませんがおもしろいです。
- auの「iida」のサイト
- coosy→マルブログ
- tanemm.com
- オトナコドモラボ
- アイスの実
- Google +
- my favorite kansai
- 小悪魔アゲハ
- 宇多田ヒカルの曲が次々流れるヤツ
- Durapl(デュラパル)のセミナーサイト(海外)
- 神戸女学院
- つくるひと。
- Foo Fighters Official Site
- ローソン
- level0はすごいと思った。
- パララックス効果のあるサイト。NIKEのサイトで使ってました。
- サントリーウェルネスのECサイト。よく考えている感じがしました。使いやすい。
- apple
- ソフィーナボーテ
- tabio
- 日産?かなにかの車のサイト。車をカーソルで動かしていくもの
- 堂本剛
- シレトコ
- カーソル
- NHKみんなのうた
- ユニクロ
- Yahoo!のトップページにあった木下優樹菜氏のバナー(飛び出す感じ、ランディングページ)
- LIGHT UP NIPPON
- Facebookのインテルのキャンペーン。フレンドの写真を使ったミュージアムでした。
- mixiのNike idキャンペーンサイトとソーシャルバナー。
- メイベリンのサイトは、女性のきらびやかな感じを自分も表現したい時に見つけて、細部までキレイに作られているなぁと思いながら見てました。
- AKBの野菜ジュースのサイト(KAGOME)
- 京都大学鳥人間チーム
- ギルティクラウン
- 何でしょう?NFL?
- 須田クリニック キッズテイストでかわいい
- 個人のポートフォリオサイト(ドイツ系米国人?)2010年トレンドだったかも?自分の写真とテキスト(大きいフォント)で画面をつくってて、迫力があった。
- NTT、CSRサイト
- ギャラクシー2
- ポチってもうたー→物欲をシゲキする感じが何とも...。
- KAO KIDS 2G(http://www.kao.co.jp/kids2g/#/)
- jogga(http://jogga.jp/)とか。1ページで展開しているようなサイト。
- Googleのクイズのサイト
- FoodFoto
- 「カルディ」の色彩
- TOTO
デザインのアイディアやタネをどのようにして仕入れていますか?
- Web、雑誌を見る。映画、美術展などへ行く。
- いろいろなサイトを見る。映画、展覧会を見る。
- 大半は業界専門誌とか。クライアントの業種について知ることが一番いいと思っています。
- CSS Nite。本、雑誌もたまに読みます。アドビのイベントもたまに行きます。
- デザインは僕の生業でないので、うーん...。
- 主にネット。
- 他社サイトを見たり、海外のサイトを見たり...。
- 広告を見たりもします。あとは雑誌のレイアウトなど。
- 書籍の特集など。
- ネット(Ikesai等)、本、セミナーなどで。
- サイト集やとにかくサイトを見てまわる
- ネット、会社のデザインチーム内の掲示板、IT・デザイン仲間から。
- 映画、広告、街中。
- 色々なサイトをチェック
- 海外サイト等、デザイン集サイト。
- 見まくる
- ネットやTwitter
- ネットサーフィン
- 雑誌、映画、ニュースなどでトレンドを知る。
- そして何よりWebサイトを見まくること。
- 毎日Webサイトチェックしています。
- ググったり、素材集などから。
- とりあえずググってます。
- 海外、国内のウェブデザインギャラリーサイト。
- 不動産(建築)系の本やファッション系の雑誌を参考にしています。
- デザイン見本のサイト
- 雑誌
- 同じジャンルの海外サイト
- 本、デザイン集サイト
- ネットサーフィンorツイート
- リサーチ(仕事、Private両面のイベントから調べ物が多くて、小山さん、原さんの言われていたことも良くわかり)。
- 様々な雑誌を見る
- 同じ業界の競合他社サイト、その他から。集めて分析→平均値を出す+色+Web以外の所から。
- 実際の店など
- 映画...。
- 日常で急に思い立ったものを書きためておく
- feedをあさる
- Web site galleryなどを見る
- デザイナーに聞く。素材集。
- 雑誌や他のWebサイトで。
- Webサイト、Webデザインのまとめサイトや広告事例サイトを見て、参考にしています。
- ネットサーフィン
- 優れたデザインのHPを集めたサイト
- 賞のサイト
- 雑誌に載っているHP
- Web(良いHPを集めたサイト)
- CollisやTwitterなどから
- Web情報サイト等
- いけサイト
- 毎コミWebDesignなど
- クリエイターの交流会に参加する。デザインとはまったく違う業種から気づく。
- ランディングページなどを集めているサイト
- テンプレートサイト、ブログでのアイディアタネの活用
- Web以外のものを見る、感じる。建築物、絵画、花、植物。
- 本、散歩、ギャラリー、他社
- 本、サイトなどから
- ググって見たおす
- ギャラリーサイトや雑誌など
- 外、ネット、本
- 雑誌や雑貨、デザイン集Webなど。
- 意外と油絵の画集(古典派からポップアートまで)、セザンヌ、マネあたりが良い。
- SHSを通してサイト情報をもらい、その中から「これは!」というものをストックしています。
- ネットサーフィン
- たくさんのギャラリーサイトのRSSをリーダーに登録して日々チェックしている。
- 同僚や友人との共有
- ファッション誌、洋服。
- キャプチャしてエバーノートに入れてます。
- 日々サイトを循環しています。
- 適当にWebサーフィン
- デザイン本
- Twitter、RSS登録しているデザイナーさんから
- デザインアーカイブサイトを見たり検索したりして、気になったものはURLをメモしたり、Evernoteなどにキャプチャを貼って記録しておく。
- CSS Niteの原さんのセッション
- 海外サイト、デパートなどのディスプレイ、広告などの配色や配置を見る。
- ない
- ブックマークサイト
- いけサイから収集
- 雑誌、ネット、セミナーなど
- デザインの本、情報サイト
- ネットサーフィン、書籍、散策、ゲーム
- Web
- 雑誌やWebサーフィン
- ブログや雑誌。だらだらとネットサーフィン
- 毎日のRSS
- 時間のある時に検索をしたりしています。
- 見たものすべて
- Webデザインをまとめたサイト、雑誌、海外Webデザイン系サイト
- デザイン集サイト、本;パッケージ、フライヤー
- 色々なサイトを見たり、デザイン本(Webデザイン以外にも)を読んだり、デザイン的な映像、CMを見て。
- サイトを巡り、ポイントを拾っていく。
- Webから
- Webサイトまとめサイトを見たり,日々の生活の広告を見る(ポスター、冊子)別のWebではないジャンルからヒントにするとか。→ROCKIN'ON JAPAN etc.
- Web→動的なものの参考に
- 本、雑誌、フリーペーパー等の紙媒体→レイアウトの参考に
- 映画、映像→動的なもの、色味などの参考に
- TwitterのTLやRSSで気になるネタをストック
- セミナーなど
- 同業者、制作の人のTwitter、Facebookいいね先のサイトやブログ
- 本からと毎日のネットサーフィン(ブックマークとかです)
- 執務時間の1/3は情報収集。RSS、メールマガジン、セミナー...。
- 商店街とか、飲食店のメニューが内容
- あと本(デザイン以外)
- 調味料や食材
- 音楽。いろんな時代のものをきくといいよ。歌詞のイメージやボキャブラリーもあるけど、興味があればAmazonとかでジャケットをチェック
- 日々のブラウジングの中でメモ。
- 色々なサイトを見る
- クライアントの商品・サービスに触れる
- カッコいいと思ったものをスクラップしておく
- 本をいろいろ
- 海外サイト
- 海外のサイトが多いでしょうか。
- 映画のチラシ、ショーウィンドウ、スポーツ紙の見出しなど。
- デザインリンク集とか、雑誌、海外の本
- 落書きをしてみる。Webを意識せずに。するとデザインになる。
- 作りたいものと似たサイトを眺める。
- デザイン集を見たり、チュートリアルブログを見たり、本を見たり
- ココ! CSS NiteやWebデザイン系ブログ
- RSSとソーシャルブックマーク
- Blog(国内、海外のデザイン系)雑貨、買い物とか。
- 友達
- いろんなサイトを見る、広告を見るなど、目に入るもの全て
- Web検索/書籍
- まとめサイト、ブログ、雑誌など。
- RSS Reader、Twitter、Facebook、Google +
- 社内のメーリスでよくまわってくる
- Facebook、MdN、雑誌
さて、あなたの場合はいかがでしょうか? よろしければ、コメント/Twitter/Facebookなども使って教えてくださいませ!