HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道

1. HTML5な今日この頃に贈る、 Webデザイナーこれからの生きる道秋葉秀樹 http://www.flickr.com/photos/guntrader/5683182247/sizes/z/in/photostream/

2. Wireframe 今どき「ワイヤーフレーム通りにつくる」？

3. チームは全員参加、アイデアに活かせることが優先 ... ... ... ...

4. アプリ開発の技術が評価される時代だからこそチームの強化におけるWebデザイナー・ディレクターの価値を上げよう

5. 自己紹介秋葉秀樹（あきば・ひでき）フリーランスのデザイナー／株式会社インヴォーグ外部CTO兼テクニカルアドバイザー（社内クリエイティブチームの育成強化および技術研究）企画営業・DTP・グラフィックデザイン・ Webフロントエンド全般・Flashゲーム開発・ 3DCGモデリング・Webディレクター執筆書籍

6. 実績（Web アプリケーション） Grad3 http://grad3.ecoloniq.jp/

7. 実績（Webサイト & ビジュアルデザイン） Sadie http://www.sadie-web.com/pc-top.html

8. 実績（スマートフォンアプリケーション） Ikesu https://play.google.com/store/apps/details?id=air.jp.co.brilliantservice.TouchAquarium&hl=ja

9. Chapter 1 Designer'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.ﬂickr.com/photos/56981260@N08/8384489043/sizes/l/in/photostream/

15. Thinks for a user. http://store.sony.jp/Special/Compare/Camera/Ichigan/

16. Web Designer 1 User's Action ユーザの行動を「デザイン」する 2 Grid Layout Fireworks HTML Color Scheme Photoshop CSS Photography Illustrator Illustration, CG, etc...

17. Chapter 2 Designer × デザイナーと技術の関係

18. アイデアを届けるのは誰の仕事？

19. 歓迎されないからといって… 「弊社はWebデザイナーを募集しています」【求める人物・スキル・経験】 ◆Webデザイナーとしての実務経験 ◆Dreamweaver、Photoshop、Illustrator、Flashの実務レベルのスキル ◆HTML5＋CSS3の理解【歓迎するスキル】ウェブプログラミング、JavaScript/jQueryができる方デザイナーに歓迎する経験やスキルがプログラミング能力と言われるけど…

20. JavaScript Skill No! ノンプログラマーにとってプログラミングスキルとは全く違うスキル

21. （ユーザ行動）技術も絡めたデザインを考えるチカラ（技術）なぜって私たちが届けるコンテンツはWebブラウザを使っているから

22. 技術でユーザの操作を減らせられないか？店舗検索操作に慣れている操作は苦手キーワード検索 ? 技術によって解決できるデザインとは？ http://www.ﬂickr.com/photos/quinnanya/5306560579/sizes/l/in/photostream/ http://www.ﬂickr.com/photos/quinnanya/5308132092/sizes/l/in/photostream/

23. もっと簡単にできないだろうか？

24. もっとアイデアで楽しませられないだろうか？ <input type="file">だけでカメラアクセスがOK

25. アイデアを届けるのは誰の仕事？

26. Chapter 3 Workflow 協業する現在

27. ユーザ操作にとって「不都合な状況」を考えたデザイン電波がないところでも読ませてあげられないかな？ Designer's Thinking Offline Cache

28. 開くたびに母国語のボタンを押すなんてありえないよね？一度中国語で読んだんだから、次からはトーゼン中国語表示！ LocalStrage http://waoryu.jp/

29. Geolocation MediaCapture http://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. Communication & Consensus 着手前のコミュニケーションはコンセンサスを産みやすい

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. Thanks !! Hidetaro7@Twitter 秋葉秀樹

HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道

You are reading a preview.

Check these out next

HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道

More Related Content

Viewers also liked (20)

Similar to HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道 (20)

More from Hideki Akiba (10)