Submit Search
Upload
那些mockup沒告訴你的事@WebConf.tw 2013
•
352 likes
•
31,865 views
Adam Wang
Follow
大公司小前端的經驗分享,前端工程師如何看mockup,設計師應該怎麼與前端工程師合作。 @adamp3
Read less
Read more
Design
Report
Share
Report
Share
1 of 82
Recommended
「実践ドメイン駆動設計」社内読書会まとめ ~IDDD本難民に捧げる1章から7章~
「実践ドメイン駆動設計」社内読書会まとめ ~IDDD本難民に捧げる1章から7章~
A AOKI
MySQLテーブル設計入門
MySQLテーブル設計入門
yoku0825
機械学習で泣かないためのコード設計 2018
機械学習で泣かないためのコード設計 2018
Takahiro Kubo
"仮説思考 BCG流 問題発見・解決の発想法"で仕事の早い人になる
"仮説思考 BCG流 問題発見・解決の発想法"で仕事の早い人になる
bijikin
プロジェクトマネージャのための機械学習工学入門
プロジェクトマネージャのための機械学習工学入門
Nobukazu Yoshioka
いまできるデータ分析を Power BI ではじめよう
いまできるデータ分析を Power BI ではじめよう
Yugo Shimizu
2SK4017 (Standard Model) PSpice Model (Free SPICE Model)
2SK4017 (Standard Model) PSpice Model (Free SPICE Model)
Tsuyoshi Horigome
ひたすら楽してスライド作成
ひたすら楽してスライド作成
Masanori Morise
Recommended
「実践ドメイン駆動設計」社内読書会まとめ ~IDDD本難民に捧げる1章から7章~
「実践ドメイン駆動設計」社内読書会まとめ ~IDDD本難民に捧げる1章から7章~
A AOKI
MySQLテーブル設計入門
MySQLテーブル設計入門
yoku0825
機械学習で泣かないためのコード設計 2018
機械学習で泣かないためのコード設計 2018
Takahiro Kubo
"仮説思考 BCG流 問題発見・解決の発想法"で仕事の早い人になる
"仮説思考 BCG流 問題発見・解決の発想法"で仕事の早い人になる
bijikin
プロジェクトマネージャのための機械学習工学入門
プロジェクトマネージャのための機械学習工学入門
Nobukazu Yoshioka
いまできるデータ分析を Power BI ではじめよう
いまできるデータ分析を Power BI ではじめよう
Yugo Shimizu
2SK4017 (Standard Model) PSpice Model (Free SPICE Model)
2SK4017 (Standard Model) PSpice Model (Free SPICE Model)
Tsuyoshi Horigome
ひたすら楽してスライド作成
ひたすら楽してスライド作成
Masanori Morise
モダンフロントエンド開発者に求められるスキルとは
モダンフロントエンド開発者に求められるスキルとは
Takuya Tejima
米国大学院に合格するためにやったこと
米国大学院に合格するためにやったこと
Tatsuya Nanjo
ナレッジグラフ入門
ナレッジグラフ入門
KnowledgeGraph
Devsの常識、DBAは非常識
Devsの常識、DBAは非常識
yoku0825
Tomcatの実装から学ぶクラスローダリーク #渋谷Java
Tomcatの実装から学ぶクラスローダリーク #渋谷Java
Norito Agetsuma
O/Rマッパーによるトラブルを未然に防ぐ
O/Rマッパーによるトラブルを未然に防ぐ
kwatch
決定木・回帰木に基づくアンサンブル学習の最近
決定木・回帰木に基づくアンサンブル学習の最近
Ichigaku Takigawa
TidalScaleで複数の物理サーバを集約しインメモリーコンピューティングを実現
TidalScaleで複数の物理サーバを集約しインメモリーコンピューティングを実現
YosukeIshii6
リレーショナルな正しいデータベース設計
リレーショナルな正しいデータベース設計
Mikiya Okuno
新規事業・起業を妨げる「ビジネスモデル症候群」とは
新規事業・起業を妨げる「ビジネスモデル症候群」とは
Lean Startup Japan LLC
SQLアンチパターン メンター用資料
SQLアンチパターン メンター用資料
Hironori Miura
捗るリコメンドシステムの裏事情(ハッカドール)
捗るリコメンドシステムの裏事情(ハッカドール)
mosa siru
グラフデータベースは如何に自然言語を理解するか?
グラフデータベースは如何に自然言語を理解するか?
Insight Technology, Inc.
エンタープライズ、アーキテクチャ、アジャイルのこれから
エンタープライズ、アーキテクチャ、アジャイルのこれから
Yusuke Suzuki
微積分& 工程數學 (第二版)
微積分& 工程數學 (第二版)
鍾誠 陳鍾誠
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
JustSystems Corporation
コンピュータビジョンの観点から見たAIの公平性
コンピュータビジョンの観点から見たAIの公平性
cvpaper. challenge
AWSでGPUも安く大量に使い倒せ
AWSでGPUも安く大量に使い倒せ
Yasuhiro Matsuo
ブレソルでテラバイト級データのALTERを短時間で終わらせる
ブレソルでテラバイト級データのALTERを短時間で終わらせる
KLab Inc. / Tech
Base DDD(ドメイン駆動設計) 参考文献を巡る旅
Base DDD(ドメイン駆動設計) 参考文献を巡る旅
Takuya Kawabe
那些年,我們曾經做過的wireframe、mockup、prototype
那些年,我們曾經做過的wireframe、mockup、prototype
洧杰 廖
一拳前端考題
一拳前端考題
洧杰 廖
More Related Content
What's hot
モダンフロントエンド開発者に求められるスキルとは
モダンフロントエンド開発者に求められるスキルとは
Takuya Tejima
米国大学院に合格するためにやったこと
米国大学院に合格するためにやったこと
Tatsuya Nanjo
ナレッジグラフ入門
ナレッジグラフ入門
KnowledgeGraph
Devsの常識、DBAは非常識
Devsの常識、DBAは非常識
yoku0825
Tomcatの実装から学ぶクラスローダリーク #渋谷Java
Tomcatの実装から学ぶクラスローダリーク #渋谷Java
Norito Agetsuma
O/Rマッパーによるトラブルを未然に防ぐ
O/Rマッパーによるトラブルを未然に防ぐ
kwatch
決定木・回帰木に基づくアンサンブル学習の最近
決定木・回帰木に基づくアンサンブル学習の最近
Ichigaku Takigawa
TidalScaleで複数の物理サーバを集約しインメモリーコンピューティングを実現
TidalScaleで複数の物理サーバを集約しインメモリーコンピューティングを実現
YosukeIshii6
リレーショナルな正しいデータベース設計
リレーショナルな正しいデータベース設計
Mikiya Okuno
新規事業・起業を妨げる「ビジネスモデル症候群」とは
新規事業・起業を妨げる「ビジネスモデル症候群」とは
Lean Startup Japan LLC
SQLアンチパターン メンター用資料
SQLアンチパターン メンター用資料
Hironori Miura
捗るリコメンドシステムの裏事情(ハッカドール)
捗るリコメンドシステムの裏事情(ハッカドール)
mosa siru
グラフデータベースは如何に自然言語を理解するか?
グラフデータベースは如何に自然言語を理解するか?
Insight Technology, Inc.
エンタープライズ、アーキテクチャ、アジャイルのこれから
エンタープライズ、アーキテクチャ、アジャイルのこれから
Yusuke Suzuki
微積分& 工程數學 (第二版)
微積分& 工程數學 (第二版)
鍾誠 陳鍾誠
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
JustSystems Corporation
コンピュータビジョンの観点から見たAIの公平性
コンピュータビジョンの観点から見たAIの公平性
cvpaper. challenge
AWSでGPUも安く大量に使い倒せ
AWSでGPUも安く大量に使い倒せ
Yasuhiro Matsuo
ブレソルでテラバイト級データのALTERを短時間で終わらせる
ブレソルでテラバイト級データのALTERを短時間で終わらせる
KLab Inc. / Tech
Base DDD(ドメイン駆動設計) 参考文献を巡る旅
Base DDD(ドメイン駆動設計) 参考文献を巡る旅
Takuya Kawabe
What's hot
(20)
モダンフロントエンド開発者に求められるスキルとは
モダンフロントエンド開発者に求められるスキルとは
米国大学院に合格するためにやったこと
米国大学院に合格するためにやったこと
ナレッジグラフ入門
ナレッジグラフ入門
Devsの常識、DBAは非常識
Devsの常識、DBAは非常識
Tomcatの実装から学ぶクラスローダリーク #渋谷Java
Tomcatの実装から学ぶクラスローダリーク #渋谷Java
O/Rマッパーによるトラブルを未然に防ぐ
O/Rマッパーによるトラブルを未然に防ぐ
決定木・回帰木に基づくアンサンブル学習の最近
決定木・回帰木に基づくアンサンブル学習の最近
TidalScaleで複数の物理サーバを集約しインメモリーコンピューティングを実現
TidalScaleで複数の物理サーバを集約しインメモリーコンピューティングを実現
リレーショナルな正しいデータベース設計
リレーショナルな正しいデータベース設計
新規事業・起業を妨げる「ビジネスモデル症候群」とは
新規事業・起業を妨げる「ビジネスモデル症候群」とは
SQLアンチパターン メンター用資料
SQLアンチパターン メンター用資料
捗るリコメンドシステムの裏事情(ハッカドール)
捗るリコメンドシステムの裏事情(ハッカドール)
グラフデータベースは如何に自然言語を理解するか?
グラフデータベースは如何に自然言語を理解するか?
エンタープライズ、アーキテクチャ、アジャイルのこれから
エンタープライズ、アーキテクチャ、アジャイルのこれから
微積分& 工程數學 (第二版)
微積分& 工程數學 (第二版)
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
コンピュータビジョンの観点から見たAIの公平性
コンピュータビジョンの観点から見たAIの公平性
AWSでGPUも安く大量に使い倒せ
AWSでGPUも安く大量に使い倒せ
ブレソルでテラバイト級データのALTERを短時間で終わらせる
ブレソルでテラバイト級データのALTERを短時間で終わらせる
Base DDD(ドメイン駆動設計) 参考文献を巡る旅
Base DDD(ドメイン駆動設計) 参考文献を巡る旅
Viewers also liked
那些年,我們曾經做過的wireframe、mockup、prototype
那些年,我們曾經做過的wireframe、mockup、prototype
洧杰 廖
一拳前端考題
一拳前端考題
洧杰 廖
Vertical rhythm
Vertical rhythm
洧杰 廖
前端開發流程分享
前端開發流程分享
洧杰 廖
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
Justin Lee
超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B Testing
Ying-Hsiang Liao
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
Kuro Hsu
無障礙網頁
無障礙網頁
Cliff Chao-kuan Lu
網站改版案
網站改版案
Winnie Hsu
現代化網頁基礎排版技術
現代化網頁基礎排版技術
洧杰 廖
Show Me The Page - 介紹 Critical rendering path
Show Me The Page - 介紹 Critical rendering path
Yvonne Yu
JavaScript for backend
JavaScript for backend
Caesar Chi
Secret sauce of building php applications
Secret sauce of building php applications
Lin Yo-An
20130113 Web Conference - communicate
20130113 Web Conference - communicate
Hitomi Yang
中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)
michael 葉
2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash
綠茶 奶
Does firefox matter?
Does firefox matter?
Irvin Chen
BDD in .NET
BDD in .NET
Joey Chen
Gamification vs UX
Gamification vs UX
Hana Chang
Gulp.js 自動化前端任務流程
Gulp.js 自動化前端任務流程
洧杰 廖
Viewers also liked
(20)
那些年,我們曾經做過的wireframe、mockup、prototype
那些年,我們曾經做過的wireframe、mockup、prototype
一拳前端考題
一拳前端考題
Vertical rhythm
Vertical rhythm
前端開發流程分享
前端開發流程分享
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B Testing
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
無障礙網頁
無障礙網頁
網站改版案
網站改版案
現代化網頁基礎排版技術
現代化網頁基礎排版技術
Show Me The Page - 介紹 Critical rendering path
Show Me The Page - 介紹 Critical rendering path
JavaScript for backend
JavaScript for backend
Secret sauce of building php applications
Secret sauce of building php applications
20130113 Web Conference - communicate
20130113 Web Conference - communicate
中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)
2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash
Does firefox matter?
Does firefox matter?
BDD in .NET
BDD in .NET
Gamification vs UX
Gamification vs UX
Gulp.js 自動化前端任務流程
Gulp.js 自動化前端任務流程
Similar to 那些mockup沒告訴你的事@WebConf.tw 2013
Dreaming Infrastructure
Dreaming Infrastructure
kyhpudding
2016 前端潮玩意兒
2016 前端潮玩意兒
Maxis Kao
無名小站首頁改版 - 漸進增強與CSS3 (Wretch and Progressive Enhancement)
無名小站首頁改版 - 漸進增強與CSS3 (Wretch and Progressive Enhancement)
Adam Wang
Csdn Java电子杂志第1期
Csdn Java电子杂志第1期
yiditushe
Java Web框架汇总
Java Web框架汇总
yiditushe
淘宝网前端开发面试题
淘宝网前端开发面试题
Lumend
无名小站首页改版 -渐进增强与css3
无名小站首页改版 -渐进增强与css3
taobao.com
Responsive Web UI Design
Responsive Web UI Design
jay li
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
Drupal Taiwan
常用Js框架比较
常用Js框架比较
Adam Lu
日新培训
日新培训
pan quanjin
ASP.NET MVC 內建驗證擴充與活用技巧 -twMVC#3
ASP.NET MVC 內建驗證擴充與活用技巧 -twMVC#3
twMVC
twMVC#03 | ASP.NET MVC內建驗證活用與擴充
twMVC#03 | ASP.NET MVC內建驗證活用與擴充
twMVC
淘宝网前端应用与发展
淘宝网前端应用与发展
taobao.com
前端样式开发演变之路
前端样式开发演变之路
Zhao Lei
成大心理系-Prototyping方法
成大心理系-Prototyping方法
Souyi Yang
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
Souyi Yang
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
Justin Lee
程式人雜誌 -- 2013年6月號
程式人雜誌 -- 2013年6月號
鍾誠 陳鍾誠
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
裕波 周
Similar to 那些mockup沒告訴你的事@WebConf.tw 2013
(20)
Dreaming Infrastructure
Dreaming Infrastructure
2016 前端潮玩意兒
2016 前端潮玩意兒
無名小站首頁改版 - 漸進增強與CSS3 (Wretch and Progressive Enhancement)
無名小站首頁改版 - 漸進增強與CSS3 (Wretch and Progressive Enhancement)
Csdn Java电子杂志第1期
Csdn Java电子杂志第1期
Java Web框架汇总
Java Web框架汇总
淘宝网前端开发面试题
淘宝网前端开发面试题
无名小站首页改版 -渐进增强与css3
无名小站首页改版 -渐进增强与css3
Responsive Web UI Design
Responsive Web UI Design
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
常用Js框架比较
常用Js框架比较
日新培训
日新培训
ASP.NET MVC 內建驗證擴充與活用技巧 -twMVC#3
ASP.NET MVC 內建驗證擴充與活用技巧 -twMVC#3
twMVC#03 | ASP.NET MVC內建驗證活用與擴充
twMVC#03 | ASP.NET MVC內建驗證活用與擴充
淘宝网前端应用与发展
淘宝网前端应用与发展
前端样式开发演变之路
前端样式开发演变之路
成大心理系-Prototyping方法
成大心理系-Prototyping方法
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
程式人雜誌 -- 2013年6月號
程式人雜誌 -- 2013年6月號
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
那些mockup沒告訴你的事@WebConf.tw 2013
1.
那些Mockup沒告訴你的事
Adam Wang WebConf Taiwan 2013.01.12
2.
3.
我是Adam Wang 也有人叫我「阿當」
現在在趨勢科技 前端工程師
4.
工作心得分享 在Yahoo! Taiwan的三年經驗
5.
演講目標 美好人生 減少臭蟲,提早下班
6.
還有前端工程師的慈善事業
7.
入行 管理科學系畢業,大學從自學網頁設計開始
8.
有人也是拿這本嗎?XD
http://blog.45royale.com/post/31822015848/pepin
9.
左手Vim、右手Photoshop
10.
11.
有人說這是 開發者和設計師 的混種 (hybrid)
12.
國外還滿多 這樣的前端工程師 我想可能是因為自學風氣較盛
13.
希望帶給 工程師和設計師 一些不一樣的角度
14.
什麼是 Mockup 其實我也不知道中文怎麼翻比較好,
原意是「模型(圖)」
15.
16.
互動設計師或PM Wireframe 視覺設計師 Mockup 幾乎沒有人做
Prototype
17.
以設計廚房水槽來說 設計師 決定水龍頭樣式、位置 前端工程師 安裝水龍頭與水管 後端工程師
讓水管有水
18.
http://ricketyclick.com/blog/index.php/category/home-and-garden/
19.
其實都是因為分工 用來溝通,減少落差
http://godinministry.wordpress. com/2012/06/21/lessons-from-the-classroom-dont- guess-in-your-life-gaps/
20.
前端工程師的特異功能
http://www.fanpop.com/clubs/x- men/images/58082/title/x-men- wallpaper
21.
前端工程師的吃飯傢伙
http://loop48.com/bump/nathans-hot-dog- champ-takeru-kobayashi/
22.
把圖片變成互動介面 寫程式時也有腦補畫面
http://www.fanpop. com/clubs/pinocchio/images/28337077/title/pinocchi o-magic-wallpaper-wallpaper
23.
臨摹
Norman Rockwell Triple Self-Portrait, 1960
24.
腦補分鏡圖 http://www.digititles.com/movies/life-of-pi-
2012/storyboard
25.
之前的面試題目 在為數不多的擔任面試者經驗中
26.
滑鼠移到tab上,要更新下方區塊資料 請寫出Javascript需要的邏輯和流程
前端工程師應該要會
27.
有時候Mockup和Spec
說得太少 就像地雷片的預告片一樣
28.
或者這根本是平面設計
這種例子還不少 http://typedesk.com/2010/11/30/adrian- shaughnessy-on-his-book-graphic-design-a-users- manual/
29.
那些Mockup沒告訴你的事
(終於到主題了)
30.
1 彈性 i18n、圖片的濫用
31.
i18n: 阿鬼不只會說中文 CSS3 flex-box可以解決寬度的判斷問題,但按鈕比例仍是奇怪 的設計。
32.
圖片沒有彈性
別再用固定寬度圖片當按鈕了 再想想日後維護和高解析度螢幕 (如retina)
33.
反正之後不是我維護 (誤)
34.
35.
邪惡的半透明陰影
a *filter:alpha vs. opacity vs. rgb 使用opacity時,半透明底層和文字要分離,然後高度...就壞了
36.
2
對齊 line-height與box-model
37.
http://www.unitedpixelworkers.com/products/evan-stremke
38.
字裡行間的魔鬼 line-height line-height與box-model、字體學的不同
多出的pixel 導致高度是無法預測的
39.
高度對齊?
40.
41.
Do the Math
42.
這樣截斷會不會太殘忍啊? 其實我覺得也很不美觀
43.
寬度對齊?
會不會只是剛好而已? kerning和letter-spacing決定寬度 text-overflow:ellipsis; /*CSS3*/
44.
三字經?
45.
3 z-index 疊疊樂
46.
http://www.cool3c.com/article/64403
47.
大亂鬥
48.
大亂鬥
49.
4 一致性 重複利用、關聯性
50.
"Consistency is one
of the most powerful usability principles." Jakob Nielsen http://quotesondesign.com/jakob-nielsen/
51.
配色與變數 CSS preprocessor,
Sass, LESS 用CSS來思考日曆設計 $holidayColor: red; .holiday {color: $holidayColor;} 無名變色龍的「廣告主題」
52.
53.
狀態
按鈕的多種狀態: 除了正常以外, 還有 :hover, :focus, :active, [disabled]
54.
5 親和力 親和力 ≠ 無障礙
55.
Think ARIA
網頁的本質在傳遞內容 結構、語意正確,SEO也自然會好 <a role="button" href="#">Panic</a>
56.
不是每個人視力都很好 這行字不重要
57.
tabIndex 很多人沒有滑鼠,或是滑鼠壞了 用tab也可以依順序瀏覽不同頁籤和點擊連結
58.
天然的尚好 不要再客製化<select>、radio button了 你知道<select>可以搜尋第一個字母嗎?
按T
59.
6 漸進式改良 (Progressive Enhancement) 想想基本功能,然後再加分
60.
以樣式來說...
CSS3已經不是未來,而是現在 box-shadow, text-shadow, border-radius keyframe-animation
61.
以行為來說... 例如:input的placeholder屬性、required屬性
62.
別再花太多時間fallback了
63.
try caniuse.com
64.
這是一個很大的主題
誠心地建議看這段影片 :p N. Zakas - Progressive Enhancement 2.0 http://youtu.be/hdTxeR90_1E http://webstandardssherpa.com/about/authors/nicholas-zakas
65.
7 是介面不是圖 人都會犯錯,介面也會遇到錯誤
66.
Poka-yoke!
防呆是很重要的 發生錯誤的情況總是被忽略(在設計上) http://www.wufoo.com/html5/types/1-email.html
67.
Web Application AJAX其實也是要等待的,並非一眨眼就完成
AJAX與「回上一頁」、瀏覽器歷史紀錄 (pushState/ PJAX) Single-Page Application (SPA) tab切換頁面的例子 [tab A (default)] -> [tab b] -> [tab b] link -> page -> 回上一頁會到哪?
68.
8
捲軸 above the fold、 垂直視差捲動(Parallax Scrolling)
69.
一目了然? Above the
fold,考慮那些在第二屏的訊息 Parallax scrolling 網頁設計有可能透過設計師和 前端工程師協力完成嗎? 可以玩玩stellar.js
70.
9 效能 載入時間與介面反應
71.
效能最大的敵人:http request 效能有很多面向,在這裡只談圖片載入。
整包下載的時間與觀感: Pinterest的瀑布高度與lazyload。
72.
How Long Is
Too Long? “ 0.1 second [100ms] is about the limit for having the user feel that the system is reacting instantaneously, meaning that no special feedback is necessary except to display the result.” Jakob Nielsen
73.
天下武功,唯快不破
Responsive interface. http://www.slideshare.net/nzakas/responsive-interfaces 多久讓你感到慢? 超過0.1秒,人類普遍可以感覺到 Javascript與UI thread
74.
10 跨裝置設計 不只有畫面大小,還有使用情境
75.
螢幕大小?
Responsive Web Design (RWD) Media query? 請洽下午場閃光洽 15:40 很多人都在zoom-in網頁的奇特現象,為何?
76.
除了畫面,還有情境 不要再用:hover
(mouseover)來提示了 請加上:active Mobile first? 或是 "mdot"? (m.webconf.com)
77.
TAKEAWAY 拿到Mockup時 想想以上幾點 搞清楚再開工 如果有文件記錄下來當然更好
78.
TAKEAWAY 網頁設計師 可以不寫CSS 但最好要懂 想想水龍頭的例子
79.
希望大家都能 順利完成偉大的案子
:) (如果有偉大的案子存在的話)
80.
學習、試驗和分享 經驗主義的信仰者
81.
數位時代報導 矽谷的三大搶手人才 UI設計師 http://www.bnext.com.tw/article/view/cid/0/id/25610
82.
謝謝大家!
@adamp3 about.me/adamp3 facebook: A Damn Thing