Home

INsdIRATION

画像を使わずにCSS3を使ってアクア調ボタンをつくる

  • 2010-06-15 (火)
  • css
  • Hirata

アクア調ボタン

ブラウザシェアNo.1のIE兄弟がいる限り使う機会がなかなかないCSS3ですが、使ってみるとなかなか面白いです。

ということで、今回は画像を使わないで<a>タグとCSS3だけでアクア調ボタンをつくる方法をご紹介します。
対応ブラウザは現時点ではSafari、Google Chrome、Firefoxとなっております。

Continue reading

サタテン : NHK名古屋放送局

サタテン : NHK名古屋放送局

モニタのにじみを表現したトランジションにセンスが感じられます。
強調しすぎず、さりげないのがイイ!

Rubens LP

Rubens LP.

サイトの紹介ではなく、アーティストの紹介。
アーティストのRubens LP氏。

ポップな配色と、独特なラインの描き方のステキなアート作品。
グッズにも展開しているようで、彼の作品は手元に置きたくなる魅力があります。
iPhoneやiPadのバックプリントにしてみたいっ!

Salt Films

Salt Films.

マウスカーソルを変更してしまうインターフェースはあまり好きではないのですが、
これぐらい遊び心があると楽しいし、強烈なブランドイメージを伝えるのにとても効果的。

カゴメ株式会社>野菜一日これ一本

カゴメ株式会社>野菜一日これ一本.

カゴメ×AKB48のキャンペーンサイト
動画を使った見せ方がいいですね。
“美人時計”ともコラボしてる。

ヨシモリ株式会社

ヨシモリ株式会社.

むっほぉぉぉ。
このサイトはすごいっ!
これをどうやってプレで通したのか興味深い。
あえて、スクリーンショットはつけないでおきます。

新食感クレープ│Crepe de Girafe クレープ・ドゥ・ジラフ

新食感クレープ│Crepe de Girafe クレープ・ドゥ・ジラフ.

ビジュアルで伝えるって、こういうことなんだと思う。

SPECIAL FEATURE : setaichiro SPRING SUMMER COLLECTION 2010|フィガロジャポンオフィシャルサイト|madame FIGARO.jp

石下幼稚園|えがお × キラキラ × 石下っこ|茨城県常総市

石下幼稚園|えがお × キラキラ × 石下っこ|茨城県常総市.

幼稚園だから保護者がメインターゲットだと思うけど、子供が見ても楽しそうな雰囲気。
子供っぽすぎないシンプルで上品なイメージが好感を持てます。

UNIQLO 88 COLORS / 优衣库88炫彩

UNIQLO 88 COLORS / 优衣库88炫彩.

これまた、ネタとしてはやや古いですが、
ユニクロ上海のサイト。

国境を越えても変わらないイメージ展開

日本をはじめ、アメリカ、ヨーロッパ、ロシア、そして中国と展開していますが、
国境を越えても一貫したテイストでのイメージ展開はたいしたものだと思います。
文化を超えて受け入れられる普遍的なイメージが確率してるからこそ、なせるワザなんだろうなと思います。
某電気メーカの展開は、国ごとに展開を変えているというのを聞いたことがありますが、
それはそれで間違っていないと思うけど、強烈なスタンダードを確率するにはこういった展開じゃないと弱くなってしまう。

登場人物でオリジナリティ

たとえば、UNIQLOのサイトだったら女の子がモデルとして登場してることが多いですが、この登場人物を各国の人物にするというだけで、その国のオリジナリティが出るんじゃないかって思いました。
もちろんここまでシンプルにモデルをクローズアップさせたコンテンツだから成り立つのかもしれないけど、オリジナリティの表現展開もしやすいというのは素晴らしいです。

見てて飽きない

コンテンツの見せ方が相変わらず、秀逸です。
Flashコンテンツって敬遠されることがありますが、コンテンツの設計や見せ方がきちんとできていないからだと思う。
「Flashじゃなきゃ!」という価値をそこに持つ事ができれば、当然必要になってくる技術。
うまく使えば強烈なコンテンツになることは間違いありません。
また、我々はそういったことを積極的に立案・提案できるようにならなければいけない・・・と思います。

Home

Search
Feeds
Meta

Return to page top