Downloaded 69 times
Uploaded byHideki Akiba
5,278 views
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
日本Webデザイナーズ協会、株式会社インヴォーグ共催のセミナー「JWSDA×IN VOGUE スマフォで遊ぼ！インヴォーグ流スマートフォンソリューション」の講演スライドです。
Recommended
More Related Content
Viewers also liked
Similar to HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
![[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法](/image.pl?url=https%3a%2f%2fcdn.slidesharecdn.com%2fss_thumbnails%2fcclslide20140708-140717040232-phpapp01-thumbnail.jpg%3fwidth%3d640%26amp%3bheight%3d640%26amp%3bfit%3dbounds&f=jpg&w=240)
More from Hideki Akiba
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
- 1.HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道 秋葉秀樹 http://www.flickr.com/photos/guntrader/5683182247/sizes/z/in/photostream/
- 2.
- 3.チームは全員参加、アイデアに活かせることが優先... ... ... ...
- 4.
- 5.自己紹介 秋葉秀樹（あきば・ひでき） フリーランスのデザイナー／ 株式会社インヴォーグ外部CTO兼テクニカルアドバイザー （社内クリエイティブチームの育成強化および技術研究） 企画営業・DTP・グラフィックデザイン・ Webフロントエンド全般・Flashゲーム開発・ 3DCGモデリング・Webディレクター執筆書籍
- 6.
- 7.実績（Webサイト & ビジュアルデザイン）Sadiehttp://www.sadie-web.com/pc-top.html
- 8.
- 9.Chapter 1Designer's definition デザイナーという定義
- 10.? Visual Sensation Grid Layout Color Scheme Photography Illustration, CG, etc... Web Designer? ? ?App Skills Markup Fireworks HTML Photoshop CSS Illustrator CMS
- 11.!!! GOAL!困難な状況をどうデザインするか？
- 12./ Multi Device=MediaQueries?
- 13.Multi Device ≠CSS MediaQueries !? すべての解決策がメディアクエリとは限らない単にPCと同じコンテンツを小さくしたところで、ユーザ目線での解決にはならない
- 14.技術的 心理的解決? 解決! レイアウトや技術より先に要求の本質を考えてデザインするhttp://www.flickr.com/photos/56981260@N08/8384489043/sizes/l/in/photostream/
- 15.Thinks forauser. http://store.sony.jp/Special/Compare/Camera/Ichigan/
- 16.Web Designer1 User's Action ユーザの行動を「デザイン」する 2 Grid Layout Fireworks HTML Color Scheme Photoshop CSS Photography Illustrator Illustration, CG, etc...
- 17.Chapter 2Designer × デザイナーと技術の関係
- 18.
- 19.歓迎されないからといって… 「弊社はWebデザイナーを募集しています」 【求める人物・スキル・経験】 ◆Webデザイナーとしての実務経験 ◆Dreamweaver、Photoshop、Illustrator、Flashの実務レベルのスキル ◆HTML5＋CSS3の理解 【歓迎するスキル】 ウェブプログラミング、JavaScript/jQueryができる方デザイナーに歓迎する経験やスキルがプログラミング能力と言われるけど…
- 20.JavaScript Skill No!ノンプログラマーにとってプログラミングスキルとは全く違うスキル
- 21.（ユーザ行動）技術も絡めたデザインを考えるチカラ （技術）なぜって私たちが届けるコンテンツはWebブラウザを使っているから
- 22.技術でユーザの操作を減らせられないか？ 店舗検索 操作に慣れている 操作は苦手 キーワード 検索 ?技術によって解決できるデザインとは？http://www.flickr.com/photos/quinnanya/5306560579/sizes/l/in/photostream/http://www.flickr.com/photos/quinnanya/5308132092/sizes/l/in/photostream/
- 23.
- 24.もっとアイデアで楽しませられないだろうか？ <input type="file">だけでカメラアクセスがOK
- 25.
- 26.Chapter 3Workflow協業する現在
- 27.ユーザ操作にとって「不都合な状況」を考えたデザイン 電波がないところでも読ませてあげられないかな？ Designer's Thinking Offline Cache
- 28.開くたびに母国語のボタンを押すなんてありえないよね？ 一度中国語で読んだんだから、次からはトーゼン中国語表示！ LocalStrage http://waoryu.jp/
- 29.Geolocation MediaCapturehttp://twitter.com/
- 30.<div class="button camera-container"style=""> <i class="camera-icon"></i> <input class="camera-input" name="media" type="file" accept="image/*"></div>.camera-icon { background-position: -123px -77px; width: 21px; height: 20px;}
- 31.
- 32.
- 33.今、読み込んでる？電波切れてる！？ <body> <h1>XMLHTTPREQUEST L2 Progress</h1> <progress></progress> <p id="par"><span></span>%</p>Designer's Thinking <a href="#" id="loadStart">読み込み</a> </body>
- 34.デザイナーよ、そのユーザ操作…エンジニアに丸投げしてないか？ 見えにくい「ユーザ行動」をデザインすること「もし回線が切れたら・エラーが出たら…ユーザに何を与えるか？」 これはデザイナーが考えること
- 35.