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

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

on

  • 31,346 views

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

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

Statistics

Views

Total Views
31,346
Views on SlideShare
18,950
Embed Views
12,396

Actions

Likes
111
Downloads
0
Comments
0

36 Embeds 12,396

http://www.yasuhisa.com 9591
http://bikkuri.me 1840
http://trident-com.net 336
http://s.deeeki.com 230
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 11
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