Web Designing

ウェブデザイニング | Web Designing | 情報戦略でビジネスを加速させる 毎月18日発売

cover

2013年2月号 vol.139

定価1,470円

  • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
  • サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。

特集・特別企画

特集1:タッチデバイス対応の考え方

レスポンシブだけではない、スマホ・タブレット最適化への成功例

スマートフォンをはじめ各種タブレットなど、タッチデバイスの勢いが日に日に増しています。PCと向き合うよりも身近で、マウスで操作するよりも直感的と言われるタッチデバイスの時代に突入した今、Webサイトのデザインや設計はどのように変わってきているのでしょうか。デバイスにおける画面解像度の多様化、提示する情報のプライオリティなど、制作者にとっては新たな視点を設ける必要があるかもしれません。本特集では、さまざまなデバイスを前提として制作されたWebサイトを通して、どのように対応していくかについて改めて考えてみたいと思います。

Introduction_デバイスを踏まえたサイト制作の考え方
川上俊(artless.Inc)×平井孝昌(マッキャンエリクソン)
マッキャン・ワールド グループ
Case Study
01_SIMONE INC.
02_ミツエーリンクス
03_DmC Devil May Cry 公式サイト
04_Social Marketers Summit
05_Interview:ZOZOTOWN
06_Interview:Yahoo! JAPAN
Column
Windows_マイクロソフトに聞く、Windows 8によるタッチガイダンス
タッチ操作の設計 (Windows ストア アプリ) (Windows)」
Touch_タッチデバイスへ、インターフェイスデザインからのアプローチ
Amazon
USA TODAY
Hammer.js

previewpreviewpreview

特集2:GIFアニメ再起動

なぜいま再び? デザイナーのための、GIF アニメムーブメント読本

インターネット上で広く使われてきた画像フォーマット「GIF」が、今また大きな注目を集めています。その牽引役は、GIFの拡張であるアニメーションGIF、そう、GIFアニメです。なぜ、この時代になってGIFアニメが隆盛を誇っているのでしょうか。決してノスタルジーではなく、JPEGにもPNGにもない顔が、そこにはあるのです。2013年、GIFアニメの再誕を祝して、ここに特集します!

イントロダクション:画像形式「GIF」と拡張機能「アニメーションGIF」
注目のGIFアニメ・クリエイター
井口皓太(TYMOTE)/RRRRRRRROLL /UKYO Inaba/袖岡由英/ Ignacio Torres/Jamie Beck、Kevin Burg/Dain Fagerholm/ Sofie B
緊急座談会:なぜ今、GIF アニメなのか?
GIFアニメWebデザインの設計図
Cornelius/CM4/GIFTHREAD/Levi's Store SHINJUKU/1st Anniversary of RANA007/TAG REACTION/TIERRA
AC部が教えるGIF作成ことはじめ:あなたもGIF アニメ作りに挑戦しようネ!

previewpreviewpreview

掲載サイト・クリエイター リンク集

2013年の年賀コンテンツを紹介!

スマートフォン対応やFacebook連動など、力作が勢ぞろい

preview

掲載サイトリンク集

デジタルマーケティングのひみつ New!

オンライン広告の31%は無駄?

国内外で話題になっているデジタルマーケティング界隈のテーマにフォーカスする新連載です。Web制作者が知っておくべきこと、Webクリエイターの立場として理解しておくべき視点を踏まえながら、たとえば海外では騒がれはじめているものの国内ではこれからというトピックを取り上げ、展開していきます。

preview

comScore

[特別企画]インスタレーション作品のしくみとしかけ

dotFes 仙台を彩った展示作品はこうしてつくられた

Webクリエイティブのための学園祭「dotFes」は、回を重ねるごとに、オリジナルのインスタレーション作品の発表の場としても知られるようになってきました。作品の多くは、Webクリエイターたちの自主的な取り組みとして、dotFesの一日のために、何カ月もの時間とたくさんの試行錯誤を経て作られています。dotFes 仙台に出展されたインスタレーションから4つのオリジナル作品を選び、そのしくみと舞台裏をのぞいてみます。

preview

dotFes 仙台

よしもと×Web Designing「チョコバナナ」企画会議

チョコバナナ 新春ミーティング

2013年のスタートということで、今回はコラボをお休みして、スタッフ一同による新春ミーティングを行いました。Web Designing編集部から2名、よしもとから1名、構成作家1名。チョコバナナ企画会議の2012年を振り返り、今年の展望を占う会議はやけに盛り上がり‥‥。

preview

チョコバナナ・プロジェクトサイト
チョコバナナ密着blog

肖像 -Web Craftman's Portrait-

城戸雅行_世界と物語とフェチズム。すべての表現は自分を見せる手段。

斬新なアイデアと表現力、それを実装する高度な技術力でインタラクティブ作品を作る城戸雅行。手がけたすべての作品が、Webシーンに楔を打ち込んだと言えるでしょう。実態がベールに包まれた彼に長時間のインタビューを行い、独自の世界を生み出す秘密と生き方に迫りました。

preview

城戸雅行

ツクルヒト

谷尻誠(建築家)_“僕らの”建築

建築はルールの多い世界で、素材や構造といった物理的な諸条件のみならず、法律や予算のような制約が、事細かに、そこかしこに存在しています。しかし、谷尻誠さんは、そこにある堅苦しさをやわらかく解きほぐし、我々と同じ言葉で、同じ目線で建築を語る人なのです。

preview

suppose design office

WF Inside Story

二次創作文化を取り入れた、ローソンのマーケティング術

ローソンのおでんキャンペーンサイトでは、音声合成ソフト「VOCALOID」の声を使用した3DCGキャラクター「あきこロイドちゃん」が歌うオリジナル曲を公開しています。その音源データやCG素材などを配布し、ユーザーが自由に改変・公開できるようにすることで、ニコニコ動画周辺の二次創作文化を取り込んだ、新しい形のソーシャルマーケティングを展開しているのです。こうしたネットカルチャーを積極的にマーケティングに取り入れる事例は珍しいですが、どのような狙いや手応えがあるのでしょうか。ローソンの白井明子氏とサイト制作を手がけたソニックジャムの佐々木渉氏にうかがいました。

preview

あったか。ほっこり。おでんの歌。

デザインにできることDialogue

岸本とも子×永原康史「非日常の『食べること』」

今回のゲストはグラフィックデザイナーから料理家に転身した岸本とも子さんです。彼女のつくり出す料理からは、どこかデザイン的発想を感じます。色鮮やかでおいしい料理の数々を見ながら「食のデザイン」について話題が広がっていきます‥‥。

preview

Bar「道」

モバイルサービス最前線

モニプラFIND!:企業と生活者の距離を縮めるO2Oキャンペーンサービス

コーナータイトルを少し変えて、拡大リニューアルしました。スマートフォンを始めとするモバイルデバイスで提供されているのは、1つの「コンテンツ」ではなく、さまざまな側面を持つ「サービス」としてだろうと考えたからです。今回は、「キャンペーンサービス」のプラットフォームとして機能を提供する「モニプラFIND!」を紹介します。

preview

モニプラ

連載企画

Web Designing Lab.

CSS Lab._いろいろな場面でoverflow:hiddenを活用
Text:葛西新平(コーディングファクトリー

「IDEA1」のサンプルデータを見る
「IDEA2」のサンプルデータを見る
「IDEA3」のサンプルデータを見る
サンプルデータをダウンロードする

jQuery Lab._ウインドウ全体に背景画像を表示する
Text:林 豊太田智彬早瀬有花

サンプルデータを見る
サンプルデータをダウンロードする

Flash Lab._外部ファイル読み込みに便利な「BulkLoader」
Text:沖 良矢

preview

「SECTION2」のサンプルデータを見る
サンプルデータをダウンロードする

movement

第16回文化庁メディア芸術祭受賞作品は?、IAMAS 2013で新しい才能と出会う、「デザインあ」がグッドデザイン大賞を受賞!、FITC Tokyo 2013まもなく開催! ほか

Worldwide Creator's Archive

AKQA/“365日への意識”がイノベーションをもたらす

AKQA

WD Website Front

AI ADVERTISING 、NINE、MEDIAS PENTAGON|徳井義実解放作戦、mishmash*up by mishmash*、N-ONE CRAFT SHOW!、東京トラベル、FaltyDL、MUJI HOME MADE ほか

WD Website Front

preview

今月の掲載サイトリンク集へ

【新著者登場】one's view

オチが良ければすべて良し
Text:清水幹太
Karma

シチュエーションから購入へつなげる方法
Text:小山田幸子
Get Winter Ready

その夜、僕は流れ星を見た New!
Text:大庭俊介
100,000 Stars

preview

ポップカルチャーとしてのWeb恋愛相談
Text:林智彦(nuuo
He Texted

モノサシに目印

人生ビンゴ
Text & Visual:長谷川踏太(tomato)

この仕事のカタチ

2013年、キャリアアップの秘訣とは?
Text:小泉森弥

Social Seeds

スマホアプリでユーザーフレンドリーな配車サービス
Text:野澤智朝(ニテンイチリュウ

Uber
Taxibeat
myTaxi
全国タクシー配車

News Crawler

Google「Zeitgeist 2012」公開、ヤフーの「スマホフライデー」実施後アンケート結果 ほか

WD Reviews

BiND for WebLiFE* 6

preview

BiND for WebLiFE

ハギハラ総研

ようやく始まったスマートフォンの視聴率測定
Text:萩原雅之

ニールセン(株)

エキソニモの「ウェブにふれる」

Vol.16 第4回「マルコフ連鎖」

完全なる連載執筆の自動化を目論むエキソニモのBOT開発、第4弾です。今回はいよいよ、マルコフ連鎖というアルゴリズムを使って記事執筆をテストしました。はたして、BOT執筆の記事はどんなものなのか? 面白いのか?

preview

http://exonemo.com/wf/

まんがAC部活動日誌

第二十一回「ゆくマヤ人 くる年賀状」

マヤの脅威はAC部が打ち砕きました。しかし、すぐにさらなる脅威が・・・そう、クリエイターの大仕事、年賀状のデザインです。今回はAC部が年賀状の極意を教えます。

AC部

その他

全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers

訂正

特集1「タッチデバイス対応の考え方」にて、記事に誤りがありました。以下に訂正させていただきます。

P060 記事本文1行目
(誤)今年2月
(正)2012年2月

サンプルデータについて

  • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
  • 各サンプルデータの著作権は、各データの作者に帰属します。
  • サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
  • 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。