Web Designingの誌面から 2012.05

今月のWeb Designing（2012年05月号）の「WD WEBSITE FRONT」から気になったサイトを勝手ながら紹介してみます。興味があればお付き合いの程よろしくお願いいたします。

「TRENCH TRIP|UNITED ARROWS」 http://trench-trip.jp/
ひな祭りに１度だけオンエアされたユナイテッドアローズの120秒ブランドフィルムCMが見られるプロモーションサイトとのこと。
演出から操作感から、なんだかもうカッコイイですねぇ。素人同然に凄いなぁと思ってしまいます。

「Mercedes-Benz – the new A-Class – 2012」 http://a-class.mercedes-benz.com/
一見映像に見えるこの背景、実は1219枚の画像を少しずつスクロール操作で切り替えているそうです。
最近のサイトは、スクロール演出が色々と凝ってますが、このアイディアとクオリティ（…とおそらく地道な作業）は、スゴイですね！

「BEAMS Women's IREKAE KISEKAE」 http://irekise.beams.co.jp/
まあ、楽しくてカワイイですわな。サイトのイメージや世界観の演出がうまいですわな。
いや実際こういうサイトって、色々と余計な事を盛り込んでしまいがちになると思うんですよね。でも本当は見たいモノしか見ないんですよ。
アイテムを探す際に少しだけ遊び心を…、そんな想いが伝わってくるようなサイトです。

「PARTY」 http://prty.jp/
クリエイティブ・ラボ「PARTY」の公式サイトだそうです。
アイディアやコンセプトに刺激を受けます。

「Air Jordan 2012 - AJ2012」 http://www.nike.com/jumpman23/aj2012/
いわゆる今流行の“スクロール芸”を使ったサイトです。
操作感が心地良いのと、やっぱりビジュアルが洗練されてますよね。

Web Designingの誌面から 2012.04

今月のWeb Designing（2012年04月号）の「WD WEBSITE FRONT」から気になったサイトを勝手ながら紹介してみます。興味があればお付き合いの程よろしくお願いいたします。

「TOYOTA | Prius Brand File | 未来ツイート」 http://mirai-tweet.jp/
twitterと連動したPRIUSのWebコンテンツだそうです。
1年後への自分にメッセージ（ツイート）を送るというタイムカプセル的アイディア。
プリウスで進んでいく一年という演出がなかなか心地よく出来てますね。

「K-SYSTEM | masayuki kurokawa」 http://www.k-system.net/
建築家、黒川雅之氏の統合サイト。
非常に綺麗なサイトだと思います。こういうシンプルでクールなデザインは大好きです。いろいろと参考にさせてもらおうと思います。

「NIKE RUN / いまより、前へ」 http://nike.jp/running/rungirls/
NIKE RUNのスペシャルコンテンツだそうです。
ピンクの背景とメインのタレントさん達はあまり好みではありませんが、ページ自体は非常に丁寧に作られていると思います。

「Kyoto Cafe Style | 京都Cafe巡る冒険」 http://kyotocafestyle.com/
Webマガジン「Kyoto Cafe Style」の創刊号だそうです。
Google Web Fonts＋HTML5＋CSS3、今後こういう雑誌が確実に増えてくるんだと思います。新しいiPadの高解像度で見ると、紙媒体なんて要らないと思うんじゃないかなぁ。
※iPad持っていないんで、想像ですが…。

「archimesh／アーキメッシュ」 http://www.archimesh.net/
建築・インテリアデザイン用装飾金網ブランド「アーキメッシュ」のサイトだそうです。
クオリティの高い写真とインパクトのある構成で商品の魅力を最大限に活かしていると思います。なかなかこういう事出来ないですよね。あっぱれです！

番外編：「Inside Story」より

「Nerhol」 http://nerhol.com/
本や雑誌を切り抜いて彫刻作品を生み出す田中義久氏と飯田竜太氏によるアートユニットのポートフォリオサイトです。
実は、先月（2012/03）の「WD WEBSITE FRONT」で紹介されていましたが、今月も違うコーナーで紹介されていました。
作品同様、非常に興味深いサイトとなっています。面白い事を考えるモンですねぇ！

Web Designingの誌面から 2012.03

今月のWeb Designing（2012年03月号）の「WD WEBSITE FRONT」から気になったサイトを勝手ながら紹介してみます。興味があればお付き合いの程よろしくお願いいたします。

「androp "World.Words.Lights." music video toys」 http://www.androp.jp/WWL/
andropというアーティストの新曲のサイト。
andropという人達を初めて知ったんですが、なかなかいいですね。楽曲もMVもカッコイイです。
アーティストの新曲のキャンペーンサイト（？）って、ちょっとイロが強すぎてあまり好きではないんですが、このサイトはいいですね！シンプルかつクリーンで僕のの好みです。
androp、ちょっと注目してみよう。

「色無地着物 千花 chihana」 http://chihana.com/
一枚の写真でインパクトを与えるトップページは素晴らしいですね。
中のページは更新作業を考えてWordPressで作られているとの事。トップページに比べると、ちょっと普通って感じがします。
あと、フッターが固定されているのが、逆に不便かなと思います。

「日本再発見。 TABITTER」 http://nippon-saihakken.jp/tabitter/
TwitterやFacebookの過去の書き込みからキーワードを抽出して…、なんだか難しそうな事をしているみたいです。要は、その人に合った旅行先を提案してくれます。
デザインはちょっとゴチャゴチャしているので、それほど好みではないんですが、なかなか楽しく便利そうなサイトだと思います。何より旅行に行きたくなります。
そういう意味では、狙い通りのサイトですね。

「Inzeit - Mobile Retail」 http://inze.it/
デンマークのデジタルエージェンシーInzeitのコーポレートサイトだそうです。
スクロールに合わせた演出が何とも小気味よいです。この小気味よく動くってとても大事だと思います。
ただ、残念ながらPCのみの動きなんですよね。iPadなんかでこんな風に動いたら楽しいと思うんだけどなぁ…。
デザインもオシャレで知的な感じがします。

「jojodesign」 http://jojodesign.jp/
インタラクティブデザイナー岡本順一氏（jojodesign）のポートフォリオサイトだそうです。
デザイナーらしいサイトだと思います。カッコイイです。
canvas要素を使った背景の円とラインの浮遊感が心地よく、見ていて飽きません。

今年からHTML5でサイトを作ります

そろそろHTML5でサイトを作ろうと思います。
やはりスマートフォンやタブレットの存在を抜きにサイトを作れない時代になって来たと実感するので。
xhtmlがAjaxとともに浸透したように、HTML5はスマートフォンやタブレット対応がきっかけとなって浸透していくんでしょうね。

…という訳で毎月購読しているWeb DesigningでHTML5について特集されている号をいくつか紹介してみます。

2010年11月号

2010年の11月号なので、結構古いです。
「Go HTML5, Go!」と題した特集が掲載されています。
HTML5の概要、マークアップの仕方、導入例など紹介されています。
また、ブログ風ページのソースサンプルもダウンロードできるようになっていて、仕組みを理解するには充分なないようだと思います。

2011年11月号

「テンプレートで学ぶ、実践的HTML5講座」と題した特集が掲載されています。
実践的とあって、より踏み込んで詳しい内容になっています。CSS3やスマートフォン対応に関しても網羅していますので、とても参考になると思います。
もちろん、ソースサンプルもダウンロードできるようになっています。

2012年2月号

「HTML5を始めよう。」と題した特集が掲載されています。
予備知識がなくても、この特集を読みながらHTML5を始められるような内容だと思います。
個人的には、HTML4との違いとCSS3の各ブラウザの対応状況を細かく書いてあるのが参考になりました。
こちらの特集でも、ソースサンプルがダウンロードできるようになっています。

以上、ご参考まで。

» 続きを読む

ひっそりとFacebook

アカウントだけ取得したまま数ヶ月、何を書いて良いか分からず、人付き合いも煩わしく感じ、ほったらかしにしていましたが、Facebookはじめました。（何だか、AMEMIYAみたいな書出になってしまいました）

時折耳に入る噂、目に映る雑誌の記事、いったい何できるのか？少しだけ確かめたくて、Facebookはじめました。（…しつこいですね）

とりあえず、タイムラインを適用してみて、URLも変更、このブログとの連携も試みてみました。
…まあ、あんまり深入りはしないと思いますが、誰かに訊かれたらとりあえずは説明できるくらいにしておかないとね。

タイムラインの適用

• Facebookタイムラインを適用しよう：変更方法と使い方まとめ！

URLを変更

• 25人集めなくてもFacebookページURLが変更可能に！

ココログとの連携

• ココログ記事をfacebookに連携する: まじめにWeb制作

とりあえず、ご参考まで。