Web Designing

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

cover

2010年6月号

特別定価 1,470円

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

特集・特別企画

特集1:「1px」で変わるあなたのサイト

−神は細部に宿る! 点と線、空間、質感にこだわってWebデザインを強力ブラッシュアップ—

鳥の目で全体を俯瞰し、魚の目で流れを感じ、虫の目で細部を見る‥‥Webデザインにも重要な教訓です。本特集では、この中から「虫の目」にスポットを当てました。CSS、Photoshopを中心に、JavaScript、Illustratorのテクニックも織り交ぜつつ、1pxにこだわる表現を存分に紹介します。そのちょっとしたこだわりが、全体の印象を大きく改善するはず。Webサイトに深みを与え、時にはインパクトを強める「1pxデザイン」。実践してみませんか。

  • 【テクニックカテゴリ】
    • ナビゲーション/セレクトメニュー/写真/テキスト/ロゴ・アイコン/ボタン/カラム・ブロック/背景/デザイン/表
  • 【コラム】
    • CSS3のプロパティを使った1pxのさりげない立体表現
    • Illustrator/Photoshop/Fireworksで1pxデザインをするときのコツ
    • 1pxをコンセプトにした素敵なWebサイト

preview

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

特集2:人が集まるサイト作り

−アクセス解析&SEO/今あるサイトにも、これから作るサイトにも効くノウハウ−

力を入れて制作したサイトなのに、思った通りにビューが伸びない、力を入れたコンテンツが見られていない、会員登録が増えない、売り上げが上がらない‥‥多くの人にそんな経験があるのではないでしょうか? 本特集では、サイトに人を集めるための最新の、スタンダードテクニックとして「アクセス解析」と「SEO」を紹介します。

  • すでにあるサイトを、人が集まるサイトに
    • 「アクセス解析」でサイトの問題点を探す/アクセス解析とはいったい何を解析している?/Google Analyticsはこう見る
    • Google Analytics使用法あなたのサイトを改善する8ポイント
    • こちらにも注目! アクセス解析サービス
  • 人が集まるサイト作り・制作時にやるべきこと
    • 「人が集まる」サイトを作るために、Webデザイナーも知っておきたい三要素/人が集まるサイトとは/サイト制作の流れの中で考えるべきこと
    • 制作時にやっておきたい7つの項目
    • 「被リンク」構築は、人が集まるサイトにつながる
    • 被リンクとは/トラフィックと被リンクの関係/リンケラティへのアプローチ

preview

掲載サイトリンク集&サンプルソース

【FocusOn】ストックフォトで稼げるWeb素材の傾向と作成法

自作のグラフィックやFlashファイルが売れる!

写真素材をダウンロード購入できるストックフォトサービスを、仕事で利用しているWebデザイナーも多いことでしょう。実は、そのストックフォトで、ベクターデータやFlash素材を売っているってご存じですか? 販売しているのは一般のユーザー達です。そこで今回は、iStockphotoで素材を販売して稼ぐコツを取材してきました。

preview

【FocusOn】HTML5対応を果たしたBrightcoveのプラットフォームとは?

iPad/iPhoneに対応し、大手企業も採用する動画配信システム

「Brightcove Experience forHTML5」により、Flashを表示できないiPad上においてインラインのビデオ配信を可能にするソリューションとして注目を浴びたブライトコーブ。すでに、『New York Times』や『Time』のiPad向けサイトで採用されています。ブライトコーブの創業者の一人でCTOでもあるBob Mason氏に、HTML5対応について、そして「Brightcove」のソリューションについて話を聞きました。

preview

ブライトコーブ(株)

【表紙連動企画】AR三兄弟のメディア拡張計画

第二回:表紙
Text & Visual:AR三兄弟(ALTERNATIVE DESIGN++

表紙を見て、「アレ(AR)!?」と気がついた方、鋭いですね。今月の「AR三兄弟のメディア拡張計画」では、表紙をギターで拡張してみました。うっかり世界初の「演奏できる表紙」なのです!

preview

ARギターのデモを見る
表紙のARギターを弾く

連載企画

Web Designing Lab.

CSSLab._見出しの意義を考えたデザイン
Text:川下城誉(CREAMU

preview

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

Ajax/JavaScriptLab._ナビの現在位置を自動でハイライト表示する
Text:中村享介

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

FlashLab._FlashからGoogleマップを活用する
Text:沖良矢(世路庵

サンプルデータ「section1」を見る
サンプルデータ「section2」を見る
サンプルデータ「section3」を見る
サンプルデータをダウンロードする

GraphicLab._「撮りおろし写真」を用いたアナログ表現
Text:長谷川アンナ

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

HOSTING SERVICE Essence《特別編》

ホスティングサービス業界を代表する4社社長による特別座談会
「ホスティングビジネスのこれまでとこれから」
Text:井上聡

movement

20世紀を代表する陶芸家ルーシー・リー、HEAVEN 都築響一と巡る社会の窓から見たニッポン ほか
今月のアーティスト/八木良太

エキソニモのView-Source

ıpoɾとJodi
Text & Visual:エキソニモ

preview

Worldwide Creator's Archive

Holler Sydney/見てもらえなければ始まらない

Holler Sydney

WD Website Front

UNIQLO 88 COLORS、AXE 360 Summer Daydream、Diesel Spring Summer 2010 video catalogue、NIKE MUSIC SHOE ほか

WD Website Front

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

WD Website Front_In-Depth Report

(株)ドラフト コーポレートサイト/グラフィックデザイナーの視点によるWebデザイン

preview

(株)ドラフト
(株)ドラフト NOROSIプロジェクト

one's view

「よみがえれ、ジョニー・キャッシュ」
Text:川島高
The Johnny Cash Project

「テクノロジーがくれる自由」
Text:川村真司
EyeWriter

「ネットは広大だわ‥‥」
Text:小山智彦
superfreedraw

  • 「新旧人気メディアが手を組んだ日」
    Text:アッキー秋元(Asiajin
    radiko.jp

  • モノサシに目印

    なにかのぬりえ
    Text & Visual:長谷川踏太(tomato)

    デザインにできることDialogue

    勝井三雄×永原康史/視覚から知覚そして、デザインの地平へ

    preview

    ツクルヒト_金継ぎ職人

    金継ぎnico/器と愛しさとを継ぐ技

    金継ぎnico

    ベースメントファクトリープロダクション書籍刊行記念対談

    中村勇吾(tha)×北村健(BFP)

    Social Seeds

    海外で大ブレイク中の新サービスChatrouletteの魅力とは
    Text:野澤智朝(ニテンイチリュウ

    Chatroulette

    ハギハラ総研

    日本のソーシャルメディアはまだこれから
    Text:萩原雅之

    この仕事のカタチ

    休まない? それとも休めない?

    Web Standards Plus

    「ベンダー接頭辞」はやっかいもの?
    Text:矢倉眞隆(ミツエーリンクス

    my first IA

    モバイルサイトに適した設計を意識していますか?(後編)
    Text:長谷川敦士(コンセント

    GREEN MEDIA Lab.

    IT化を進めて環境対応を進めよう

    グリーンIT推進協議会
    スパイラル
    Google Apps

    橘塾

    ユーザーを逃すBtoB企業サイトの現状
    Text:橘守

    WD Reviews

    FileMaker Pro 11、Eye Candy 6

    News Crawler

    Google 検索ランキング、評価基準に「サイトの高速性」を追加
    マルチプロセス化された「WebKit2」発表 ほか

    その他

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

    サンプルデータについて

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