Web Designing

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

cover

2012年1月号

定価 1,470円

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

特集・特別企画

特集1:大きな差がつく、小さなデザイン術

−影・グラデーション・罫線・テクスチャ・余白・色にこだわる−

同じような構造やデザインのサイトであっても、高いクオリティを感じさせるものもあれば、なんだかあか抜けない印象を受けるものもあります。その差は、影やグラデーションといった細部の作り込みや、ちょっとしたテクスチャ、罫線の有無、余白の取り方などの違いで出てくるものです。上質なWebサイトを実現するためには、そういった質感向上のための細かな気遣いを積み重ねることだと言われています。何かバランスが悪いとき、いまいちあか抜けないとき、整然とはしているものの単調に感じるときなど、少し気になる悩みを解決するデザイン術を紹介していきます。

  • 01_ナビゲーション・ボタン・アイコン
    アナログテイストなボタンの質感を追求する/シンプルで把握しやすいナビゲーション ほか
  • 02_ロゴ・テキスト
    ロゴに高級感を出すゴールドの表現/キージュアルに使える、英文で魅せる文字組のコツ ほか
  • 03_写真
    写真にテクスチャを追加してキービジュアルに/めくるような画像切り替えの表現 ほか
  • 04_背景
    背景に適したテクスチャの拡大比率/注視対象を変える背景色のグラデーション ほか
  • 05_レイアウト・全体の質感 etc.
    枠組が壊れるダイナミズム/グラデーションや質感を与えUIを立体的に ほか

previewpreview

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

特集2:10人の新世代クリエイター!

−2012年は彼らに注目!「U-30」の新たな才能に迫る−

いつの時代も、時代を切り拓くのは若者です。この特集では、今後のWebを切り拓いてくれるであろう、「U-30」=30歳以下のクリエイター達に徹底取材し、新世代による地殻変動を覗いてきました。プログラマー、デザイナー、プランナーなど、その才能はさまざまですが、間違いなくシーンを面白くしてくれる力を持った9組10人です。この10人に注目すれば、2012年に切り拓かれるWebシーンが見えてくるかもしれません。

01:有馬トモユキ(TATSDESIGN)

image

http://www.ndc.co.jp/
http://www.tatsdesign.com/
02:大西拓人(cshool)

image

http://www.cshool.jp/
03:奥田透也(tha ltd.)

image

http://alumican.net/
http://tha.jp/
04:橋口恭子(慶應義塾大学 SFC)

image

http://www.balab.jp/
05:萩原俊矢(Semitransparent Design)

image

http://shunyahagiwara.com/
06:石井正信(カイブツ)

image

http://endelete.jp/
http://www.kaibutsu.jp/
07:松浦夏樹・下浜臨太郎(電通)

image

http://natsukimatsuura.com/
http://rin-shimohama.tumblr.com/
08:中西輝雄(IMG SRC)

image

http://www.imgsrc.co.jp/
09:比嘉 了(Rhizomatiks)

image

http://structor.jp/
http://rhizomatiks.com/

preview

2012年の年賀状&年賀サイトを大募集

-見せて。あなたのクリエイティビティ。-

Web Designing 2012年2月号(2012年1月18日発売)の誌面を彩る、年賀状/年賀サイトを募集します。紙幅の許す限り、積極的&速攻でご紹介します!
詳細は下記をクリック!

「2011年の年賀サイト/年賀状を大募集」

コラボプロジェクト「チョコバナナ」

−ロバート山本博×PARTY中村洋基「負け犬書道プロジェクト」−

2カ月前に当連載でお伝えした、チョコバナナプロジェクト第3弾企画。ロバート・山本博さんと、PARTYのクリエイティブディレクター・中村洋基さんのペアによる「負け犬書道」プロジェクトが、公開に向けて進行中です。おそらく2012年の初旬には公開できると思うのですが‥‥。

preview

チョコバナナ

WF Inside Story

−さり気なく好印象を与える「オロナイン公式サイト」の表現−

60年近く前から販売され、誰もが知っている「オロナインH軟膏」(以下オロナイン)。その公式サイトが、先日リニューアルされました。オロナインの利用シーンをイメージさせる写真を全面に配し、効果・効能や使用上の注意などの情報が掲載されているのみというシンプルなサイトながら、なんだかとても良い雰囲気です。ナチュラルで、さりげないオシャレさを感じさせます。この絶妙な温度感のサイトはどのようにして生まれたのでしょうか。制作を手がけたWieden+Kennedy Tokyoの大野真吾氏、久山弘史氏、藤林友香氏そしてnD inc.の中原寛法氏に話をうかがいました。

preview

オロナイン公式サイト

肖像 -Web Craftman's Portrait-

-Saqoosha/あのサイトもこのサイトも作者は「さくーしゃ」だった-

職人的Webクリエイターの実像に迫る連載「肖像」。今回は、「さくーしゃ」の名でも世界的に知られるテクニカルディレクター、小山智彦氏に話を聞きました。大阪と東京に拠点を置く制作会社AID-DCC Inc./katamariで手がけた数々の作品は、どのようにして生まれてきたのでしょうか?

preview

Saqoosha
AID-DCC Inc.

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

今回の誌面は、みなさんがネットで一度は見たことのあるあの女性が目印です。左右ページのどちらがGIFで、どちらがJPGかわかりますか?

preview

http://exonemo.com/wf/

まんがAC部活動日誌

第八回「ブレインストーミングストリーミング」

AC部による実は画期的なアイデア「自分ロボ」とは!? 今回は、ストリーミング生中継をマンガのコマ割で見せる誌面となりました。「マンガ表現の実験もどんどんやっていきたいところです」(by AC部)

preview

AC部

連載企画

Web Designing Lab.

CSSLab._アニメーションするインターフェイス
Text:秋葉秀樹

preview

サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」の「スライド表示」を見る
サンプルデータ「IDEA3」の「回転表示」を見る
サンプルデータをダウンロードする

jQueryLab._スワイプ操作でスライドするUIを実装する
Text:徳田和規谷拓樹長谷川広武

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

SmartphoneLab._スマートフォン特有の操作「フリック」を導入する
Text:Coding Factory

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

FlashLab._Bitmap/BitmapDataクラスの基本を習得する
Text:沖 良矢

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

Server Quick Reference

SSL暗号化通信が実現するセキュリティシステムの仕組み
Text:井上聡

movement

The One Show 2012 作品募集中、都築響一がナビゲートする“東京の右半分”、世界で最も美しい本を集めた展覧会、約100点でたどる日本のヌード絵画総まくり! ほか

Googleオープンビジネスパートナー、参加のメリットとは?

AdWords活用のための無料サポートプログラム

Worldwide Creator's Archive

Psyop/納得させろ。変化しろ。影響を与えろ

preview

Psyop

WD Website Front

FT-86 FASTEST PAINTED WEBSITE、THE HEART Beetle、菊地凛子Webサイト、SOCIAL 0.0 LAB by Motorola PHOTON、WHITE WONDER CHRISTMAS、BIG SHARE! ほか

WD Website Front

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

one's view

「確立されたジャンルへのチャレンジ」
Text:浦野大輔
ケリ姫クエスト

「完成品を超える「スゲー」」
Text:清水幹太
In Your Arms - Kina Grannis (Official Music Video)
The Making Of "In Your Arms"

「他人のデスク、見たくありませんか?」
Text:宗佳広(ココノヱ
DESK

「日常というコンテンツ」
Text:川口 聡
Life In A Day

モノサシに目印

ブラジルの印象とつまらない写真
Text & Visual:長谷川踏太(tomato)

ツクルヒト

本堀雄二(彫刻家)/問いかける段ボール

本堀雄二の「捨てる紙あれば拾う神あり」

モバイルコンテンツ最前線

ポケモン公式サイト:ソーシャル時代のワンソースマルチデバイス

previewpreview

ポケットモンスターオフィシャルサイト

ハギハラ総研

ソフトバンクユーザーの満足度はなぜ高い
Text:萩原雅之

この仕事のカタチ

やっぱり多かった「締め切り前に動く人」

Web Standards Plus

共有の場となったW3C総会「TPAC2011」
Text:矢倉眞隆(ミツエーリンクス

TPAC2011

橘塾

備えておきたいコンサルティングという視点
Text:橘守

Social Seeds

CP+B社が仕掛けたKrat のソーシャルメディアプロモーション
Text:野澤智朝(ニテンイチリュウ

preview

WD Reviews

NIXUS TOPAZ Premium 2

News Crawler

「FITC Tokyo 2011」レポート、jQuery Mobile正式版公開
マイクロソフト、Kinect Acceleratorを開始 ほか

その他

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

サンプルデータについて

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