SlideShare uma empresa Scribd logo
1 de 59
Baixar para ler offline
@梓非徐
从效率出发的设计思考
从一个小故事开始
筌者所以在鱼,得鱼⽽忘筌;
蹄者所以在兔,得兔⽽忘蹄;
⾔者所以在意,得意⽽忘⾔。
《庄⼦·外物》
得鱼忘筌
鱼忘筌
工具不重要,重要的是方法
工具和方法相互影响,同样重要!
方法、工具
授人以渔
变化的需求
如何面对层出不穷的设计工具?
变化的需求
媒介在变化
信息内容在变化
信息传递在变化
需求也在变化
1. 选择⼯工具,从需求出发
2. 熟悉⼯工具的设计边界、设计语⾔言
3. 提升效率,从⽣生产⼒力力⼯工具开始
给大家的几条建议
by 行休 《原型与你》
控件
Axure
状态
Principle
流动
Quartz Composer
对象
Framer
成为
Webflow
设计语言
工具专家 ≠ 设计专家
如何提高 Sketch 生产力
生产力建设
标注
图层
内容
原型
其他
从效率出发的设计思考
Sketch Measure
Marketch
Zeplin
Sympli
标注的目的
沟通=翻译
标注的发展
提高生产力
标注
图层
内容
原型
其他
图层
图层选择 图层属性 图层管理
Sketch Style Inventory
• 选中相同颜色的图层
• 选中相同名称的图层
Sketch Style Inventory
• 选中相同颜色的图层
• 选中相同名称的图层
Pixel Perfecter
• 选中坐标和尺寸中含有小数点的图层
Font Finder
• 查看文档内所有使用的字体并选中
Sketch Select Similar Layers
• 选中相同描边厚度的图层
• 选中使用相同字体和大小的文本
• 选中相同透明度的图层
• 选中相同混合模式的图层
Sketch Layer Tools
• 选中当前页面上所有图形
• 选中当前页面上所有文本
• 选中所有画板
• 选中所有文本
• 选中所有位图
从效率出发的设计思考
从效率出发的设计思考
从效率出发的设计思考
从效率出发的设计思考
从效率出发的设计思考
图层
图层选择 图层属性 图层管理
Position & Size
• 快速移动位置:Shift+Arrow
• 快速调整大小:Cmd+( Shift )+Arrow
• 支持运算符跟百分比(需有父层级)调整
• 插件调整:Sketch Commands
对齐
Sketch Mate自定义快捷键
图层
图层选择 图层属性 图层管理
Rename it
• 批量重命名图层
• 可添加递增后缀数字
Sort me
• 重新排列图层顺序
生产力建设
标注
图层
内容
原型
其他
Content Generator
• 内容填充利器
• 填充图片数据
• 填充城市地名
• 填充个人信息
Segmented Circles
• 快速绘制各种圆形图表
Segmented Circles
Numbers Excel
利用 Office 制作真实数据图表
Find and replace
• 绘制各种长度随内容变化的组件
Relabel Button
从效率出发的设计思考
生产力建设
标注
图层
内容
原型
其他
Prototype
如何寻找合适的原型工具?
「选择工具,从需求出发」
http://www.cooper.com/prototyping-tools
提高生产力
标注
图层
内容
原型
其他
Symbol
Resizing
Resizing
Sketch 插件的更新
Sketch 插件的汉化
快捷键
One More Thing
bettersketch.com
谢谢!

Mais conteúdo relacionado

Destaque

計概:Programming Paradigm
計概:Programming Paradigm計概:Programming Paradigm
計概:Programming ParadigmRex Yuan
 
優化宅的日常-數據分析篇
優化宅的日常-數據分析篇優化宅的日常-數據分析篇
優化宅的日常-數據分析篇Wanju Wang
 
豆瓣数据架构实践
豆瓣数据架构实践豆瓣数据架构实践
豆瓣数据架构实践Xupeng Yun
 
分析路上你我他/如何學習分析
分析路上你我他/如何學習分析分析路上你我他/如何學習分析
分析路上你我他/如何學習分析Wanju Wang
 
Tavar -2016台灣 vrar產業調查(第一階段成果) 公開版
Tavar -2016台灣 vrar產業調查(第一階段成果) 公開版Tavar -2016台灣 vrar產業調查(第一階段成果) 公開版
Tavar -2016台灣 vrar產業調查(第一階段成果) 公開版TAVAR
 
使用Amazon Machine Learning 建立即時推薦引擎
使用Amazon Machine Learning 建立即時推薦引擎使用Amazon Machine Learning 建立即時推薦引擎
使用Amazon Machine Learning 建立即時推薦引擎Amazon Web Services
 
【想飛講檯】簡報加減乘除Nccu
【想飛講檯】簡報加減乘除Nccu【想飛講檯】簡報加減乘除Nccu
【想飛講檯】簡報加減乘除NccuYI Fei Tseng
 
產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RP產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RPArden Wang
 
數據如何輔助 App 設計流程
數據如何輔助 App 設計流程數據如何輔助 App 設計流程
數據如何輔助 App 設計流程Soldier Hsieh
 
INTRODUCCIÓN Y CONCLUSIÓN DE PSICOLOGÍA SOCIAL.
INTRODUCCIÓN Y CONCLUSIÓN DE PSICOLOGÍA SOCIAL.INTRODUCCIÓN Y CONCLUSIÓN DE PSICOLOGÍA SOCIAL.
INTRODUCCIÓN Y CONCLUSIÓN DE PSICOLOGÍA SOCIAL.Teniente Fantasma
 
企業評價期末報告
企業評價期末報告企業評價期末報告
企業評價期末報告Johnnylee1005
 
金融講堂講座 20161031產險業概論學生
金融講堂講座 20161031產險業概論學生金融講堂講座 20161031產險業概論學生
金融講堂講座 20161031產險業概論學生c34031328
 
新觀念的VB6教本ch08
新觀念的VB6教本ch08新觀念的VB6教本ch08
新觀念的VB6教本ch08jameschsc
 

Destaque (20)

計概:Programming Paradigm
計概:Programming Paradigm計概:Programming Paradigm
計概:Programming Paradigm
 
優化宅的日常-數據分析篇
優化宅的日常-數據分析篇優化宅的日常-數據分析篇
優化宅的日常-數據分析篇
 
豆瓣数据架构实践
豆瓣数据架构实践豆瓣数据架构实践
豆瓣数据架构实践
 
分析路上你我他/如何學習分析
分析路上你我他/如何學習分析分析路上你我他/如何學習分析
分析路上你我他/如何學習分析
 
Tavar -2016台灣 vrar產業調查(第一階段成果) 公開版
Tavar -2016台灣 vrar產業調查(第一階段成果) 公開版Tavar -2016台灣 vrar產業調查(第一階段成果) 公開版
Tavar -2016台灣 vrar產業調查(第一階段成果) 公開版
 
使用Amazon Machine Learning 建立即時推薦引擎
使用Amazon Machine Learning 建立即時推薦引擎使用Amazon Machine Learning 建立即時推薦引擎
使用Amazon Machine Learning 建立即時推薦引擎
 
【想飛講檯】簡報加減乘除Nccu
【想飛講檯】簡報加減乘除Nccu【想飛講檯】簡報加減乘除Nccu
【想飛講檯】簡報加減乘除Nccu
 
產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RP產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RP
 
數據如何輔助 App 設計流程
數據如何輔助 App 設計流程數據如何輔助 App 設計流程
數據如何輔助 App 設計流程
 
淺論現代投資科學
淺論現代投資科學淺論現代投資科學
淺論現代投資科學
 
INTRODUCCIÓN Y CONCLUSIÓN DE PSICOLOGÍA SOCIAL.
INTRODUCCIÓN Y CONCLUSIÓN DE PSICOLOGÍA SOCIAL.INTRODUCCIÓN Y CONCLUSIÓN DE PSICOLOGÍA SOCIAL.
INTRODUCCIÓN Y CONCLUSIÓN DE PSICOLOGÍA SOCIAL.
 
導引軟教室
導引軟教室導引軟教室
導引軟教室
 
[i.EDU]天涯教室
[i.EDU]天涯教室[i.EDU]天涯教室
[i.EDU]天涯教室
 
[i.EDU]海角實驗室
[i.EDU]海角實驗室[i.EDU]海角實驗室
[i.EDU]海角實驗室
 
企業評價期末報告
企業評價期末報告企業評價期末報告
企業評價期末報告
 
金融講堂講座 20161031產險業概論學生
金融講堂講座 20161031產險業概論學生金融講堂講座 20161031產險業概論學生
金融講堂講座 20161031產險業概論學生
 
1214動機與情緒
1214動機與情緒1214動機與情緒
1214動機與情緒
 
教與學之間
教與學之間教與學之間
教與學之間
 
新觀念的VB6教本ch08
新觀念的VB6教本ch08新觀念的VB6教本ch08
新觀念的VB6教本ch08
 
[i.EDU]工程未來力
[i.EDU]工程未來力[i.EDU]工程未來力
[i.EDU]工程未來力
 

Semelhante a 从效率出发的设计思考

Chia-Hsin Chang's Portfolios
Chia-Hsin Chang's PortfoliosChia-Hsin Chang's Portfolios
Chia-Hsin Chang's PortfoliosChia-Hsin Chang
 
104.03.17 企劃提案簡報力-炘世紀數位公司-詹翔霖教授
104.03.17 企劃提案簡報力-炘世紀數位公司-詹翔霖教授104.03.17 企劃提案簡報力-炘世紀數位公司-詹翔霖教授
104.03.17 企劃提案簡報力-炘世紀數位公司-詹翔霖教授文化大學
 
進擊的UX - rapid prototyping @ 新北市企業產經大學
進擊的UX - rapid prototyping @ 新北市企業產經大學進擊的UX - rapid prototyping @ 新北市企業產經大學
進擊的UX - rapid prototyping @ 新北市企業產經大學伯方 蘇
 
HearMe Design Report
HearMe Design ReportHearMe Design Report
HearMe Design ReportNTUST
 
專案設計流程 x Prott 蹦出新滋味
專案設計流程 x Prott 蹦出新滋味專案設計流程 x Prott 蹦出新滋味
專案設計流程 x Prott 蹦出新滋味Joy Tsai
 
Chp.3 contextual inquiry
Chp.3 contextual inquiryChp.3 contextual inquiry
Chp.3 contextual inquiryNTUST
 
應用設計思考1210 2
應用設計思考1210 2應用設計思考1210 2
應用設計思考1210 2Raymond Chang
 
環境知識的學習與創新-詹翔霖-文大
 環境知識的學習與創新-詹翔霖-文大 環境知識的學習與創新-詹翔霖-文大
環境知識的學習與創新-詹翔霖-文大文化大學
 
Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Justin Wu
 
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)悠識學院
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12John Woo
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworkstailrzq
 
UXer 未來式:共創工作坊 X Service Design Canvas
UXer 未來式:共創工作坊 X Service Design CanvasUXer 未來式:共創工作坊 X Service Design Canvas
UXer 未來式:共創工作坊 X Service Design Canvas俐絜 王
 
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)Ian Jang
 
20130728 AT-ONE服務創新國際研討會
20130728 AT-ONE服務創新國際研討會20130728 AT-ONE服務創新國際研討會
20130728 AT-ONE服務創新國際研討會CPCRDI
 
Our experience to start a startup
Our experience to start a startupOur experience to start a startup
Our experience to start a startupYenwen Feng
 

Semelhante a 从效率出发的设计思考 (20)

干 货
干 货干 货
干 货
 
DMS 20220520
DMS 20220520DMS 20220520
DMS 20220520
 
Chia-Hsin Chang's Portfolios
Chia-Hsin Chang's PortfoliosChia-Hsin Chang's Portfolios
Chia-Hsin Chang's Portfolios
 
104.03.17 企劃提案簡報力-炘世紀數位公司-詹翔霖教授
104.03.17 企劃提案簡報力-炘世紀數位公司-詹翔霖教授104.03.17 企劃提案簡報力-炘世紀數位公司-詹翔霖教授
104.03.17 企劃提案簡報力-炘世紀數位公司-詹翔霖教授
 
進擊的UX - rapid prototyping @ 新北市企業產經大學
進擊的UX - rapid prototyping @ 新北市企業產經大學進擊的UX - rapid prototyping @ 新北市企業產經大學
進擊的UX - rapid prototyping @ 新北市企業產經大學
 
HearMe Design Report
HearMe Design ReportHearMe Design Report
HearMe Design Report
 
專案設計流程 x Prott 蹦出新滋味
專案設計流程 x Prott 蹦出新滋味專案設計流程 x Prott 蹦出新滋味
專案設計流程 x Prott 蹦出新滋味
 
Chp.3 contextual inquiry
Chp.3 contextual inquiryChp.3 contextual inquiry
Chp.3 contextual inquiry
 
應用設計思考1210 2
應用設計思考1210 2應用設計思考1210 2
應用設計思考1210 2
 
環境知識的學習與創新-詹翔霖-文大
 環境知識的學習與創新-詹翔霖-文大 環境知識的學習與創新-詹翔霖-文大
環境知識的學習與創新-詹翔霖-文大
 
Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Change by design (設計思考改變世界)
Change by design (設計思考改變世界)
 
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks
 
進擊的UX
進擊的UX進擊的UX
進擊的UX
 
UXer 未來式:共創工作坊 X Service Design Canvas
UXer 未來式:共創工作坊 X Service Design CanvasUXer 未來式:共創工作坊 X Service Design Canvas
UXer 未來式:共創工作坊 X Service Design Canvas
 
thanks1
thanks1thanks1
thanks1
 
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
 
20130728 AT-ONE服務創新國際研討會
20130728 AT-ONE服務創新國際研討會20130728 AT-ONE服務創新國際研討會
20130728 AT-ONE服務創新國際研討會
 
Our experience to start a startup
Our experience to start a startupOur experience to start a startup
Our experience to start a startup
 

从效率出发的设计思考