• Save
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
Upcoming SlideShare
Loading in...5
×
 

Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント

on

  • 31,791 views

私たちが今まで呼んでいた Web ...

私たちが今まで呼んでいた Web デザインとは一体何だったのでしょうか?その中にはウソもあればホントのこともあります。私たちは過去から何を見出し、これからに繋げれば良いのでしょうか? Web らしくデザインするの意味は何でしょうか?利用者とクライアント間のギャップを埋めれば良いのでしょうか?これらの疑問に今セッションで応えていきます。

Statistics

Views

Total Views
31,791
Views on SlideShare
19,317
Embed Views
12,474

Actions

Likes
112
Downloads
0
Comments
0

36 Embeds 12,474

http://www.yasuhisa.com 9603
http://bikkuri.me 1880
http://trident-com.net 348
http://s.deeeki.com 241
http://w3q.jp 222
http://www.komaztz.com 31
http://us-w1.rockmelt.com 24
http://freerss.net 24
http://yasulab.tumblr.com 17
http://shigekey0612.hatenablog.com 14
http://slideshare-download.seesaa.net 14
http://reader.freerss.net 7
http://www.adceed.com 5
http://www.educeed.net 5
http://instructorblog-slide.biz 5
https://twitter.com 3
http://moodle.axis.co.jp 3
http://www.freerss.net 3
http://192.168.33.10 3
http://webcache.googleusercontent.com 3
http://wsd-sharing.c-brains.jp 2
http://favtile.com 2
http://jp.hanrss.com 2
http://cloud.feedly.com 1
http://mundo-powerpoints.blogspot.com 1
http://sidefeed.com 1
http://www.gift-inc.net 1
http://www.netvibes.com 1
http://8267.jp 1
http://reader.googleusercontent.com 1
https://www.google.co.jp 1
http://reader.char-aznable.com 1
http://tumblr.yasulab.jp 1
http://trans.hiragana.jp 1
http://twitter.com 1
http://blog.seesaa.jp 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント Presentation Transcript

  • 8 Web デザインのウソ・ホント ∼ Webらしくデザインするためのヒント Web Design長谷川恭久 CSS Nite in TAKAMATSU 2012 年 2 月 25 日
  • ウソ ホント
  • 見た目 コントロール ピクセル パーフェクト ページ
  • まったく同じの見た目にできる ...と思っていたけど無理ですね
  • Webサイト 利用者
  • Webサイト ソフトウェア ハードウェア インプット 利用者
  • 完成したかのように見える間違った期待を与えてしまう IE6対応?
  • Progressive Enhancement photo by Eustaquio Santimano
  • コンテンツ マークアップ スタイル インタラクション
  • ボックス +角丸
  • +グラデーション +シャドー
  • 見た目は違って当然コンテンツ配信 体験を重ねていく photo by Eustaquio Santimano
  • ピクセルパーフェクトに出来る ...デザイナーのコダワリかと思ってた
  • 動的なデザイン 解像度の多様化 限られた仮説photo by EB Morse
  • photo by Dan King
  • PPI iPhone 4+ 326 MacBook Air 132 iMac 27-inch 109 iPad 132 Sony Vaio Z92 140 Xperia S 342 Galaxy Nexus 316 HTC Desire HD 217 LG Optimus LTE 32916:9ワイドスクリーンモニタ 85∼138 4:3スタンダードモニタ 61∼126
  • 流れ リズム ピクセル < バランス・調和 サイズ 空間 photo by popupology
  • 完全なコントロールはできる ...思うようにはいきません
  • デザイナー < = 利用者
  • コントロールの余地柔軟性とのバランス それぞれの体験を提供
  • Webはページの集まりである ...あまり良いメタファではないですね
  • <モーグリ投げ> モーグリとの絆が深まると、モーグリを投げ、は るか遠方のアイテムを探すことができるようにな キャンペーン概要 ります。ただ、その扱いの粗さにモーグリは内心 穏やかじゃない様子…!? 特典の紹介 ゲームの概要ファイナルファンタジーXIII-2 予約受付中 動画 【ローソン・HMV限定特典付】PS3 ファイナルファン タジー XIII-2 Game Soft (Playstation3) キャラクター紹介 オンラインセール価格(税込):¥7,280 参考価格(税込):¥7,980 システム バトル 【ローソン・HMV限定特典付】Xbox360 ファイナル ファンタジー XIII-2 世界 Game Soft (Xbox360) オンラインセール価格(税込):¥7,280 ストアの価格 参考価格(税込):¥7,980 ©2011 SQUARE ENIX CO.,LTD ALL Rights Reserved.CHARACTER DESIGN:TETSUYA NOMURA
  • キャンペーンをツイート 担当者向け情報動画をクリッピング 姉妹サイト
  • Facebook ブログ YouTubeGoogle Webサイト Twitter モバイル
  • Responsive Design
  • Text Reflow (CSS Regions)
  • ページではなくスペースコンテンツの整理と構造化 動き出すコンテンツ
  • 見た目 コントロール ピクセル パーフェクト ページ
  • 標準技術 ツール マークアップ コミュニティ
  • これからも標準技術が残る ...オープンであることの重要性
  • オープン シンプル未知への対応
  • マークアップはより重要になる ...コンテンツを支える基盤
  • photo by Yersinia pestis
  • コンテンツへの意味付け人とデータを繋げる Webブラウザ以外へ
  • 同じツールはこれからも使える ...Photoshop や Fireworks は、より便利に
  • アセット制作 プロトタイピングクリエイティブの共有
  • コミュニティはより重要になる ...2人以上が集まることに意味がある
  • 若い業界ネットワークの強み コラボレーション
  • ウソ ホント
  • Design is the fundamental soul of a human-made creation that ends up expressing itself insuccessive outer layers of the product or service. Steve Jobs
  • デザインとは、人間の創造物の根源となる魂であり、それが結果として製品やサービスの表面にあらわれる。 Steve Jobs
  • 8 長谷川恭久 mail@yasuhisa.com www.yasuhisa.com @yhassy Web Design