Web Designing

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

cover

2014年3月号 vol.152

定価1,470円

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

特集・特別企画

特集1:パララックスを究める!

仕組みの基本解説から商用可能なテンプレートの提供まで

2011年ころから目にするようになった、パララックス(視差)効果を取り入れたWebデザインは、一時の流行は収まったものの、すでに一般的なテクニックともいえる存在にもなっています。また、パララックスの表現をベースにした新しい表現や演出なども生まれています。本特集では、まずは基本的なサンプルを使ってパララックス表現の基礎を解説しています。そもそもの「パララックスの基礎」を、ここで再確認してください。そして、パララックスを広義にとらえ、視差効果のほかにも、スクロール駆動の演出なども含めたパララックスサイトのテンプレートを提供しています。商用利用もOKなので、特集記事を参考に、カスタマイズのベースとして利用してください。

【Introduction】
Basic_パララックス再入門
Learn More_パララックスサイト制作のヒント
【Template】
Template 01_遠近感とストーリー性を持たせたシンプルなパララックスサイト
Template 02_シンプルなパララックスのフォトギャラリーサイト
Template 03_レスポンシブにも対応し、CSS3の表現も採り入れたパララックスサイト
Template 04_fullPage.jsをカスタイズして作るパララックスサイト
Template 05_パララックスを用いたランディングページ+アンケート
Template 06_多機能な「skrollr」を使った横スクロールパララックス
【Column】
世界の「最先端」事例に学ぶパララックスサイトの進化形

previewpreviewpreview

掲載テンプレートのサンプルを見る
掲載テンプレートをダウンロードする

特集2:「ぐっとくる」Web的コピーライティング

心を惹きつける言葉が生まれるメカニズム

人に注目してもらう、商品を手に取ってもらう、どこかへ足を運んでもらうために重要な役割を果たす「キャッチコピー」。それは商品やサービスのために日々生み出されており、Webの世界はもちろん、映画、雑誌、CMなど、さまざまな媒体で多様な表現がなされています。アピールすべき対象で考える方向は変わってはきますが、人の心に「ぐっとくる」キャッチコピーには共通のポイントがあります。本特集では、Webも含めた各分野のプロフェッショナルにキャッチコピーを生み出す技を伝授いただきました。きっとWeb制作でも役に立つヒントがあるはずです。

ぐっとくる【映画】_映画館に足を運びたくなる宣伝コピーの生み出し方
ぐっとくる【雑誌】_読者の感情を揺さぶれ!手にとってもらう表紙・中吊りコピー
ぐっとくる【書籍】_本の内容を知りたくなる「帯」のコピーは人生の縮図
ぐっとくる【SNS】_TwitterやFacebookでみるみる拡散するコピーの秘訣
ぐっとくる【Webニュースサイト】_月間4,000万PVサイトの「クリックしたくなる」見出し術
ぐっとくる【アプリ】_アプリストアでDLしたくなるアプリ名&紹介文9つの法則

previewpreviewpreview

掲載サイトのリンク集

【Focus On】まだ間に合う!今年はクラウドでラクラク確定申告

注目のクラウド会計サービスで青色申告にチャレンジ

今年もフリーランスのWebクリエイターにとって気の重い季節がやってきました。そう、確定申告です。でも、いま注目のクラウド会計サービスを使えば、面倒な経理作業がぐっと楽になるんです。今年は、クラウド会計で青色申告にレッツ・トライ!

preview

freee
マネーフォワード For BUSINESS
やよいの白色申告オンライン
レシレコ

Windows Azure Webサイト活用術

WordPressの移行・運用を通して理解する、サイト構築に特化したクラウドサービス

クラウドサービスを利用してWebサイトを制作すると聞くと、ハードルが高い印象を受けるかもしれません。でも最近は、専門的な知識や技術がなくても、手軽に利用できるようなインターフェイスが用意されているサービスもあります。その中でも、マイクロソフトの運営する「Windows Azure」に用意された「Webサイト」は、Webクリエイターにとって価値の高いクラウドサービスです。実際にレンタルサーバからWindows AzureへWordPressのサイトを移行・運用する話を追いながら、「Webサイト」の活用方法を紹介します。
また、Web Designingでは、クラウドの便利さを知って、活用してもらうため、クリエイター支援プロジェクトを実施しています。Windows Azure の無料体験登録で、Amazonギフト券5,000円分をプレゼント!詳しくは「Windows Azure & WDプロジェクト」特設サイトをご覧ください。

preview

Windows Azure
7F大学
Windows Azure&WDプロジェクト

WF Inside Story

ESCAPE JOURNEY_Google ストリートビューを使った迷子脱出ゲーム

NTTドコモの新サービス「海外1dayパケ」のキャンペーンサイトとして、Googleストリートビューを使ったゲームコンテンツが公開されました。ストリートビューを表示する際に利用する黄色の人型アイコン「ペグマン」を主人公に、海外で迷子になった地点がどこかを当てるというものです。プレイ終了後に海外旅行プレゼントに応募できるという特典があったものの、それを抜きにしてもつい夢中で遊んでしまうほど、ゲームの演出や世界観が凝っています。そんなエンターテインメント性に富んだサイトの制作背景について、話を聞きました。

preview

ESCAPE JOURNEY ~海外“迷”避行!?~

ツクルヒト

手塚新理(飴細工師)_飴細工の世界に革新をもたらした男

握りばさみを使い、直径3センチ程度に丸めた熱い飴から、あっという間にさまざまなかたちをつくりだす職人--それが「飴細工師」です。手塚新理さんは、注目の飴細工師として脚光を浴びていますが、その理由は、3分ほどの短い時間の中で、器用に指を動かし、写実性の高い造形物を生みだす技にこそあります。独学で研鑽したという技術は、これまでのやり方を踏まえつつ、飴細工を新しいレベルに押し上げることに成功しているのです。

preview

浅草 飴細工「アメシン」

チョコバナナ企画会議

チョコバナナフェスの舞台裏! Vol.2

前号と今号の2回にわたってお送りするチョコバナナフェスの舞台裏。今回は、3つのプレゼンについてご紹介します! 世界を驚かせたあのテクノロジーから隠されたアイデアまで、今回も公開してしまいます!

preview

チョコバナナ

来来!上海的制作現場

上海に住む日本人クリエイターの日常

PM2.5や尖閣諸島問題など、日中の関係はかなり印象が悪くなっていますが、現地にいる日本人はどんな生活を送っているのでしょうか? 今回は、上海で働くクリエイターの日常を紹介します。彼らは日本とさほど変わらない日常を送っています。むしろ、予想以上に楽しい生活の様子に驚くかもしれません。

preview

モバイルサービス最前線

FoodLog_食事を写真で記録。大学発の技術を活かしたライフログアプリ

Text:中谷健一(トリムタブジャパン

「FoodLog」は、毎回の食事を写真で記録するライフログアプリです。単に食事写真をアーカイブするのではなく、そのカロリーを推定して「見える化」できるというアプリです。カロリー推定の機能は、大学の研究室との産学連携で実現したそうです。産学連携とモバイルサービスは、実は相性がいいのかもしれません。

preview

FoodLog

連載企画

Web Designing Lab.

CSS Lab._春までに覚えたいCSSスマートコーディング
Text:葛西新平(コーディングファクトリー

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

JavaScript Lab._pjax.jsでシームレスなページ遷移を実現する
Text:林 豊邉春貴保

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

Flash Lab._[HTML5オーサリング編]コンテンツ制作における注意点
Text:沖 良矢

preview

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

movement

オンライン動画コンテスト「BOVA」作品募集中、自選14作品を1本の長編にまとめた水江未来の特集上映、“なぜアーティストは島へ向かう?”企画展、チームラボがシンガポールで観客を魅了! ほか

Worldwide Creator's Archive

ultranoir_作品とは“器”である

ultranoir

WD Website Front

Carré Noir、東京ガス:ガスの仮面 SWAN LAKE、KIRIN DREAM RACE、Menicon – Miru、MANUEL RUEDA、NIKE FEEL LONDON、sweetsatelier TOKYOの畑から、2014 Winter | UQiYO ほか

WD Website Front

preview

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

one's view

日本人への新しい宿題
Text:清水幹太(PARTY
My Disney Experience - Walt Disney World

憧れの原点
Text:大八木翼(SIX
The Sound of Taste

旅先のイメージを膨らます“お手伝い”サービス
Text:阿部淳也(1PAC
My Dream Catcher

釘づけにさせる秘訣
Text:轟 啓介(ADC Plus
Geox - Amphibiox

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

第12回「解像度」
Text&collage:河村康輔

Webフォントデザイン・ケーススタディ

クオリティをさらに高める「文字詰め」
Text:山田晃輔(PETITBOYS

preview

Dramatic Yotsukaido

Social Seeds

ゲームメーカーも見逃せなくなったプレイ画面のライブストリーミングサービス
Text:野澤智朝(ニテンイチリュウ

preview

Twitch
2013年のTwitchを振り返った調査結果
YouTubeにおけるゲーム動画に関する調査結果
hitbox
ニコニコ動画

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

なぜ福岡にクリエイターたちが集結しているのか?
Text:須賀大介

この仕事のカタチ

アイデアは漕いだ距離に比例する?
Text:小泉森弥

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

オフラインとオンラインとの連携施策で見えてくること
Text:小川 卓

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

デジタルマーケティングの品格
Text:オオタケンジ

日本広告審査機構(JARO)「年間JARO審査統計」

WD Reviews

GifCam 3.1、EmEditor Professional

News Crawler

金沢発のクリエイティブな祭典「eAT KANAZAWA 2014」に「おもしろい」を突き詰めたクリエイターが集結、歴代のコンセプトカーの3Dデータを無償公開する「Honda 3D Archives」プロジェクト ほか

ハギハラ総研

必ずしも恵まれていない日本のインターネット環境
Text:萩原雅之

ITロードマップ(調査:野村総合研究所)「データサイエンティストに関連する調査結果」

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

Vol.29 連載ボーグ・シリーズ EP.9「哀愁のゲーム」

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

まんがAC部活動日誌

第三十四回 あなたはアーティスト? デザイニスト?

AC部

その他

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

サンプルデータについて

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