Web Designing

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

cover

2013年8月号 vol.145

定価1,470円

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

特集・特別企画

特集1:Tumblrノススメ

WDオリジナルテーマでカスタマイズのポイントを学ぶ

Tumblrは、ブログでもSNSでもない独自のプラットフォームとして、その地位を徐々に確立し始めています。その最大の魅力として挙げられるのは、カスタマイズの自由度の高さでしょう。カスタマイズは「テーマ」という一つのファイルで行う必要があるなどの「クセ」があることは確かではあるものの、工夫次第で「できないことはない」といっても過言ではありません。そこで、本特集では、Tumblrカスタマイズのベースとなるオリジナルのテーマを提供し、それを元にしてポイントを解説しています。そして、「ここまでできる!」という優れた事例の裏側も紹介しています。Tumblrを始めない理由は、もうありません!

Introduction_これもTumblrなの!? Tumblrでここまでできる!
Theme 01_どんな用途にも使いやすい「ブログ型」テーマ
Theme 02_ポートフォリオなどに適した「ギャラリー型」テーマ
Tumbling Tumblr 01_ボシドラ農園:TumblrをCMSに使ったフルスクリーンサイトができるまで
Theme 03_画像をグリッド状に再配置する「Pinterest風」テーマ
Theme 04_ウインドウ全体に画像を表示し、スライドで切り換えるテーマ
Tumbling Tumblr 02_Yone.info:Tumblrの特性を活かした「何でも屋さん」のポートフォリオサイト
Tips&Technique 01_Tumblrテーマ開発の効率的ワークフロー
Tips&Technique 02_既存のテーマをベースにカスタムテーマを作る方法

previewpreviewpreview

WDオリジナルテーマをダウンロードする

特集2:クリエイティブを刺激する仕事場

あのクリエイターのオフィスから、世界と繋がるコワーキングスペースまで

独立、フリーランス、ノマドワーカー‥‥、働き方の多様化に注目が集まる今、仕事場も多様化しています。工場を改築したあの人の仕事場、気鋭のWebクリエイターが集まる挑戦の場としての仕事、人と繋がることで新しい仕事を生み出してくれる仕事場。
世界を驚かすアイデアは、今日もクリエティブを刺激する仕事場から生まれています。

Office Showcase 01 カイブツ_カッコいい空間ならカッコいい作品が生まれる、はず‥‥
Office Showcase 02 TBWA\HAKUHODO_街モチーフやディスコ跡の空間でアイデアの創造と働きやすさを促進
Office Showcase 03 サムライファクトリー_温故知新。和風空間や忍者カルチャーから得る新たな刺激
快適オフィスの作り方
Collaboration Space THE GUILD_新しい挑戦としての仕事場
THE GUILDメンバーが語るこれからの仕事場と働き方
Coworking Space HUB TOKYO_東京に生まれた、世界と繋がる仕事場
Coworking Space Webster_オフィスを通じて外の世界と繋がる
初心者のためのコワーキングスペース利用ガイド
注目のコワーキングスペース

previewpreviewpreview

掲載オフィスリンク集

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

【特別編】笑って、楽しんで、学べる「笑楽校」開校!

吉本興業と東京学芸大学こども未来研究所が、この秋に子どもたちに向けた笑って楽しめて学べる学校、「笑楽校」を開校します。そのオープニングイベントとなる『笑楽校 presents SUMMER SMILE SCHOOL !』では、チョコバナナでもおなじみのクリエイターたちがインスタレーションを披露することになりました。そこで今回は、【番外編】としてこの笑楽校の様子についてお伝えしたいと思います!

preview

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

デザインにできることDialogue

中垣信夫×永原康史_ものや社会のつながりを読み解く

6月号に引き続き、今回もグラフィックデザイナーの中垣信夫さんをゲストに迎えています。1970~80年代の中垣さんの作品を広げながら、過去から現在のインフォグラフィックス、そしてデザインが果たす役割について話を聞くことができました。

preview

中垣デザイン事務所

【Focus On】10分でわかるiOS 7のトーン&マナー

一新された次世代iOSのデザインに必要なエッセンスとは?

今秋登場予定であるiOSの最新版「iOS 7」。大幅に変更されたユーザーインターフェイスにはどのような特徴があり、アプリを開発・デザインする際にどのようなことに注意すればよいのでしょうか。iOS 7のデザインコンセプトに迫ります。

preview

アップル - iOS 7

Webfonts A Go-Go New!

前編:「FONTPLUS」を導入し、日本語フォントでクールなテキスト表現

かつて、Webサイトのテキストは、基本的に数種のデバイスフォントのみでCSSを指定するしかありませんでした。それが任意のフォントをサイトに表示できる「Webフォント」の登場で、表現の可能性は大きく広がることになりました。日本語フォントに関しては、文字種の多さによるデータの重さが懸念されたこともあり、しばらくは盛り上がりに欠ける感があったものの、有力フォントベンダーの参入と技術や環境の改善により本格的に導入が始まりつつあります。この記事では、「FONTPLUS」を導入したサイトを例に、フォントがどのようにデザインに影響するのか、どのように実装していけばいいのかを紹介していきます。

preview

Webfonts A Go-Go特設ページ

ツクルヒト

藤原大(クリエイティブディレクター/デザイナー)_語りつづける「色」

「カラーハンティング」は、デザイナーの藤原大さんが編み出したデザインのためのフィールドワークのことです。現場へと赴き、自らの手で採取することで見えてくるのは、色が持つ、独特な性質と強み。藤原さんはカラーハンティングを出発点として、多種多様なプロジェクトを立ち上げ、形にしてきました。その集大成とも言える展覧会「カラーハンティング展 色からはじめるデザイン」が開催されている21_21 DESIGN SIGHTに、藤原さんを訪ねました。

preview

カラーハンティング展 色からはじめるデザイン

WF Inside Story

デザイン性の高さとビジネス的訴求を両立させたDONGURIの企業サイト

Webや紙媒体、什器など幅広いデザインを手がけるDONGURIが、コーポレートサイトの大々的なリニューアルを行いました。「アートディレクションカンパニー」であることを前面に打ち出し、ビジネス感覚の高さを訴求しつつも、凝ったイラストやアニメーション表現によるデザイン性の高さを伝えています。なぜ、これほどまでにこだわりのあるサイトを制作したのでしょうか。その狙いを聞きました。

preview

アートディレクションカンパニーDONGURI

連載企画

Web Designing Lab.

CSS Lab._レスポンシブWebデザイン入門編
Text:葛西新平(コーディングファクトリー

preview

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

jQuery Lab._アニメーションするグラフの作成
Text:林 豊邉春貴保

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

Flash Lab._効率良くなったモバイルAIR開発
Text:池田泰延

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

movement

“史上最高額”の写真家、アンドレアス・グルスキー日本初個展、「石ころ」を題材にしたインタラクティブな展覧会、デザイナー・大原大次郎+写真家・ホンマタカシの展覧会「稜線展」、OpenSky プロジェクト・ジェットエンジンを実装していよいよ空へ ほか

Worldwide Creator's Archive

UNIT9_国を越えるためのスコーピング・フェーズという知恵

UNIT9

WD Website Front

Experience the new HTC ONE、島耕作アプリのプロモーションサイト、エヴァンゲリオン×三井住友VISAカード、岸和郎+K.ASSOCIATES/Architects、Electrolux Play!いちばん静かな吸引力。 ほか

WD Website Front

preview

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

one's view

お見それいたしました
Text:清水幹太
ROADMOVIES

徹底的にふざけよう!
Text:西村真里子(バスキュール
Cheetos Channel - Cheetahpult

人類無重力計画
Text:大庭俊介
kibo360°

インタラクション表現のポイントは「オノマトペ」!
Text:中川直樹(アンティー・ファクトリー
Active Theory

ツール・ド・グラフィーク -CD1枚分の挑戦!-

第5回:「洋服」を使った誌上ライブコラージュ
Text&collage:河村康輔

Webfonts meet BiND6.5

後編:150の日本語Webフォントが切り拓く、Webサイト制作の可能性

preview

BiND for WebLiFE* 6.5

ローカルクリエイティブのススメ

日本の“サイハテ”から持続可能なクリエイティブを発信
Text:須賀大介((株)スマートデザインアソシエーション

この仕事のカタチ

「いつ勉強するの?」と聞かれたら
Text:小泉森弥

クリエイターのためのWeb解析入門

いかにスマートフォンサイトを分析すべきか
Text:小川 卓(リアルアクセス解析

Social Seeds

最近話題の3Dプリンタを手軽に利用できるようになるサービス「Shapeways」
Text:野澤智朝(ニテンイチリュウ

Shapeways
Mixee Labs
i.materialize
Dreambox
The Buccaneer
東京リスマチックの立体造形出力サービス
AOYAMA 3D SALON

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

なぜ「ネイティブ広告」が注目されているのか?
Text:オオタケンジ

IABlog_"IAB Goes Native"

モバイルサービス最前線

オトラテ_「WebのBGM化」を実現する音声合成読み上げアプリ

preview

オトラテ

News Crawler

ネット関連ブツのフリマ「インターネットヤミ市2」開催、次期Safariの激的変更点 ほか

WD Reviews

Adobe Dreamweaver CC、Adobe Captivate 7

ハギハラ総研

減りつづける家庭のパソコンと固定電話
Text:萩原雅之

総務省「情報通信利用動向調査」

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

Vol.22 連載ボーグ・シリーズ EP.2

preview

@KeigoTheBot
http://exonemo.com/wf/

まんがAC部活動日誌

第二十七回「コンプレックスはCOMPLEXと書くとかっこいい」

AC部

その他

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

サンプルデータについて

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