Web Designing

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

cover

2014年8月号 vol.157

定価1,530円

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

特集・特別企画

特集1:手仕事でWebを彩る

そうだ、手づくりしよう! 素敵で楽しいアナログデザインのためのアイデア帖

Webデザインをする際、ほとんどの素材をデジタル上で作ってはいませんか? ブラウザを通して見るものだからこそ、手仕事で作ったものが大きなアクセントになり得ます。この特集では、図画工作や手芸などのアナログな作業とデジタルでの処理を組み合わせて、Webデザインで使われる文字やパーツ、グラフィックや背景を制作していくためのさまざまなアイデアを紹介しています。制作現場で役立つのはもちろんのこと、身近にある道具や材料がどんどん新しいデザインアイデアの源へと変化していくワクワク感をお楽しみください。

Typography_3Dワイヤーフレーム上に描くデッサン表現/ダメージ加工したロックテイストな文字/なぞって、見て手書きするへたうまタイポグラフィ/カラー砂とボンドで立体的な文字を作る ほか
Parts_点線機能を活用した刺しゅうアイコン/切り紙で作る飾りフレーム ほか
Graphic_プロジェクタを使ったノスタルジックな表現/モノクロ写真と水彩で絵画のような質感に ほか
Background_ラップとマニキュアでマーブルのテクスチャを/布に描いた絵を水でにじませて染め物風に ほか
Interview_イラストレーター野田元さんの鉛筆の版下とPhotoshopによる版画的表現

previewpreviewpreview

特集2:好かれるサイトを科学する

好感度、信頼感を得るためのロジックを多角的に検証

Webサイトに初めて訪れるユーザーに商品の良さを知ってもらい、前向きに検討してもらうためのWebサイト「好かれるサイト」とは、どのようなものでしょうか? 本特集では、好感度や信頼を得る(好かれる)ロジックを心理学、マーケティングなど多方面から確認し、それをWebサイトに活かす方法を考えてみます。

Lecture(1)戦略編_マーケティング・ブランディングに見る「好かれる」論理
Lecture(2)施策編_生活者に満足感を「好かれる」Webデザイン
CaseStudy(1)_コンテンツでファンを増やす、メディア系通販サイトの戦略
CaseStudy(2)_日本初のデーティングサービスが「出会い系」のイメージを払拭する Lecture(3)心理編_心理学から見る「好き」のメカニズム
Column_スタンフォード大学の信頼されるWebサイト10のガイドライン

previewpreviewpreview

Do IT with Poland

ポーランドの“IT”を探るワルシャワ訪問紀!

ポーランド経済産業省は、ITの状況を世界に発信するとともに、国外とのビジネス連携を目的としたプロジェクト「Do IT With Porland」を進めています。その一端として、各国のジャーナリストを招いての「IT/ICTスタディツアー」が実施されました。首都ワルシャワ紀行もかねて、あまり馴染みのないポーランドとITの関係について紹介しましょう。

preview

Do IT With Poland(英語)

チョコバナナ企画会議

番外編 ロンブー淳も参加「男だらけの起業家飲み会!」

ベンチャーとよしもと芸人のコラボ企画としてはじまったチョコバナナの第2弾。今回もまた番外編をお届けします。ロンドンブーツ1号2号の田村淳さんも参加した若手ベンチャー起業家を集めたミーティング。いや、ミーティングというよりもただの飲み会かもしれませんが(笑)、今号はその模様をお伝えします!

preview

チョコバナナ

WD Monthly Archive New!

Website Frontがリニューアル!

Webサイトだけではなく、アプリ、サイネージなど、編集部が注目した新着デジタルコンテンツを集めました。

STYLEPIT、arigato Inc.、世界のKitchenから in Bottle ~ Sparkling Water スペシャルコンテンツ~、Jam3、CROACIA AUDIO、HYPER MARKET、Haruhi Hunting - The Hunt For The Memories Lost -、Crazy Faces、しずかったー、DONGURIマガジン、#THISISJOKER、ハイキュー!! セイシュンモーメント、LOOK NEW ADK、ハッピーバースシー | 銀のさら、Evil Is The New Black、PASSENGER、WEB108 ver.KANNON、神女AR

preview

WD Website Front

今月の掲載コンテンツのリンク集へ

WF Inside Story

Dream Car of the Day_トヨタのコンテスト拡散施策で、子供の絵をVineのループ動画に

トヨタ自動車が75以上の国・地域で開催する、夢のクルマをテーマにした子供の絵のコンテスト「トヨタ夢のクルマアートコンテスト」のキャンペーンサイトでは、子供たちの絵をさまざまな表現技法で動画にして「Vine」(6秒のループ動画のためのソーシャルプラットフォーム)で展開しています。絵のクオリティや面白みもさることながら、動画への落とし込み、Webサイトの見せ方、SNS展開も秀逸です。このような表現にいたった背景について、同社のマーケティング会社と広告代理店のメンバーに話を聞きました。

preview

Dream Car of the Day

肖像 -Web Craftman's Portrait-

加藤琢磨(SHIFTBRAIN Inc.)_危機の先に見た、“場”のクリエイターという仕事

数々の高品質なWebサイトを生み続けるシフトブレイン。それを率いる加藤琢磨氏の人生は、まさに紆余曲折。幾多の危機や壁にぶち当たり、それでも全力疾走で駆け抜けてきた先には、クリエイターとして、経営者としての理想が見えてきたようです。

preview

SHIFTBRAIN Inc.

基礎講座JavaScript New!

ナビゲーションのカレント表示を学ぼう

Text:小平麻美、木村壮哉(エンタクルグラフィックス

講座系の2つの連載が新装開店!
基礎講座JavaScriptでは、各パーツのカスタマイズを少しづつ学び、最終的に1つのサイトを制作します。

preview

サンプル01を見る
サンプル02を見る
サンプル03を見る
サンプル04を見る
サンプル05を見る
サンプル06を見る
サンプルデータをダウンロードする

応用講座Flash for HTML5 New!

サウンドを使ったコンテンツを制作してみよう

Text:池田泰延(ClockMaker

応用講座Flash for HTML5では、Flash ProfessionalのHTML5オーサリング機能を使ったリッチコンテンツ制作を学んでいきます。

preview

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

Monthly Focus

UIデザインに便利なドローイングツール「Sketch 3」

Adobe Illustratroに匹敵するベクタードローイングツールとして、ここ数年注目を集めている「Sketch」の最新バージョン「3」について解説しています。Web制作での利用シーンで踏まえておきたい機能や拡張性を中心に、Sketch 3が実務面でどのように活用できるかという観点で検証していきます。

preview

Bohemian Coding:Sketch 3

ツクルヒト

山﨑利幸(鉛筆彫刻家)_芯は折れても心は折らず

「鉛筆文字」という一語に、創造性を期待する人はあまりいないかもしれません。しかし、その文字が紙の上でなく、鉛筆の芯=直径3mmの円柱から彫り出される極小彫刻だったらどうでしょう? 鉛筆彫刻家の山﨑利幸さんはナイフや針先を巧みに操り、文字のみならず食器やチェーンなどの具象物も鉛筆の先に表現。近作では0.9mmのシャープペンシル芯にも言葉を刻む。実はこの特殊ジャンルには異国の先達がいるのだが、山﨑さんはオリジンへの憧れを抱きつつ、独力独歩での創作を追究する。そこには、ある表現法が個人を超えて豊かに広がっていく際の「つくる悦び」があふれている。

preview

鉛筆彫刻

連載企画

movement

デジタル・フィルム・フェスティバル「DOTMOV2014」&「文化庁メディア芸術祭」作品募集中、チームラボなどが参加するリアルな「宇宙」とアート表現としての「宇宙」、夜の新江ノ島水族館で「深海」がテーマの3Dプロジェクションマッピング、LINE Creators Market開始1カ月の動向と今求められているスタンプ ほか

Worldwide Creator's Archive

Good Morning_世界への切符をつかみたい

Good Morning

one's view

借り物チャンピオン
Text:清水幹太(パーティ
The Protection Ad

1年365日にプッシュする情報サイト
Text:北村 健
Kartell

行間という名のアニメーション。縦スクロールの再発明。
Text:川田十夢
キッカケはプラネタリウム

テクノロジーに文学を。
Text:菅野 薫
Magic of Flying

最果タヒの「詩句ハック」

第2回 詩ーケンサー

preview

shikuhack.jp

工作のじかん

メッセンジャーを作ってみよう

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

Yo
Confide
Firebase

トリセツWeb化計画

第3回 トリセツの電子化を取り巻く技術
宮下知起(ナレッジオンデマンド

ツール・ド・グラフィーク

第17回 海
Text&collage:河村康輔

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

Iターンクリエイター×自治体が作りだした飫肥杉ムーブメント
Text:須賀大介

飫肥杉デザイン世界展開プロジェクトチーム

この仕事のカタチ

スーパークールビズだフォーー!!
Text:小泉森弥

News Crawler

世界のクリエイターを唸らせた!「Sound of Honda/Ayrton Senna 1989」に国内外から賞賛の声/「One Show」で日本作品が33本受賞、インタラクティブ部門では3作品がゴールドを獲得 ほか

モバイルサービス最前線

CONTACT_イノベーションのカルチャーから生まれた連絡帳アプリ
Text:中谷健一(トリムタブジャパン

preview

CONTACT

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

リアルタイムなコミュニケーションの効能
Text:オオタケンジ

Twitter ID:Oreo Cookie

ハギハラ総研

もはや“インターネット利用”とは言わない
Text:萩原雅之

(株)博報堂DYメディアパートナーズ メディア環境研究所 メディア定点調査2014

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

Vol.34 連載ボーグ・シリーズ EP.14「ドローン」

@KeigoTheBot

まんがAC部活動日誌

第三十九回 「高級な感触」

AC部

その他

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

サンプルデータについて

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