小男

pk10赛车走势图怎么看:想法结合工具,让你的效率翻十倍

小男 SKetch 4773浏览

pk10技巧 冠亚和稳赚 www.581n8.cn 如何将想法和工具结合起来,让自己的工作效率翻倍,这篇文章为你答疑解惑。

 

工欲善其事必先利其器,在日常工作中,怎么样提高自己及团队的工作效率应该是很多设计师和团队在思考的问题。Sketch作为UI设计师的必备工具,我们已经相当熟悉,如何结合Sketch来提高自己以及团队的工作效率呢,我从下图所示的几个方面结合自己的经验做个简单分享。

 

Tips:本文不对Sketch的使用操作做讲解,教程可以在Sketch官网、Youtube、或者国内外的Sketch论坛等途径都可以找到,希望文章对你有帮助,或者您有合理建议或其他内容补充也可以提出来。

 

Symbol介绍

Symbol是Sketch中一个强大且实用的功能,可以让你轻松的在画板和页面以及多个文件中复用重复元素。Symbol的存在类似智能对象在PS中的存在,但Symbol比智能对象更加灵活实用。那么如何高效合理的利用Symbol进行工作呢,下面我介绍下Symbol的使用方法。

 

Symbol使用方法

Symbol的使用场景主要集中在??榛杓?,如何合理的利用??榛嘉猩杓乒ぷ?,是现在的设计师需要思考的一个问题。那么什么是??榛杓颇?,对于产品体验设计而言,??榛杓凭褪墙妨鞒?、产品结构、交互方式、表现形式等产品的主要组成要素??榛?。通过??榛杓瓶梢匀梦颐窃诓钜旎咝е湔业揭桓龊鲜实钠胶獾?。

??榛杓浦饕治韵虏街瑁耗?榛帧?樯杓啤?樽楹?,这里主要针对??榈幕忠约澳?榈纳杓平兄氐闼得?。首先??槭怯煽丶槌?,主要包括字体,按钮,图标,列表等。而??橛钟煽丶槌?,??楦丶拇嬖诟缸庸叵档?。

在??榛直曜忌弦裱旱ヒ恍裕?榭帕6纫?,一个??榻饩鲆桓鲂枨螅?、完整性(内部流程可打通,形成闭环)、独立性(每个??楹推渌?榈囊来婀叵狄?,以便跟其他??樽楹鲜逝洌?。

 

在??樯杓频牟糠肿裱焊从眯裕ň】赡艿奶岣吒从媚?檎急龋?,延展性(考虑一定的??榭丶赏卣剐?,以便处理在一定范围内的差异性处理),互换性(需要主意对外信息结构一致,保证全局信息结构快速互换)三大原则。

 

在产品的设计过程中,根据产品的实际情况,我们使用Symbol对??榻锌丶?,已下图为例:

 

我们可以看到上图导航栏???,分别由背景,图标,文字,分割线,状态栏组成。依照??榛杓频谋曜?,我们依次对他们创建Symbol(文字除外),这时候控件元素已经创建好,对他们进行对应的排列组合就这个??榫鸵丫瓿闪?,在日?;竟ぷ髦?,这部分工作已经完成了。但是做到这些是不够的,我们需要更深层思考,例如适配其他端应该怎么处理,有没有其他情况下会跟现在的控件重复或者冲突等等,这都是要思考的问题。那么如何合理的创建Symbol,避免控件样式的重复呢。我们继续以导航栏??槲?/p>

 

根据上一部分我们知道导航??榈谝恢掷嘈鸵丫瓿闪?,但是在实际项目中我们知道导航栏样式不会只有这么一种类型,根据产品实际情况我们想到会出现以上几种情况,所以我们也对他们进行??榛?,可以复用的元素就可以调用之前??槔锩娴目丶?,例如状态栏,返回按钮,背景色,这样做可以最大化的避免??榭丶闹馗?,也可以在产品设计早期完善???,做到未雨绸缪!为以后的设计工作做准备。

看到这里,大家可以看到,我并没有讲Symbol的任何具体使用方法,工具只是实现想法的一种媒介,我们应该多思考,举一反三,将工具跟想法结合起来才能达到效率和质量的的最大化。

 

library介绍

Library其实只是一个普通的Sketch文件,其中包含Symbol,你可以在其他Sketch文件中使用此Symbol。如果您更新Library文件中的任何一个Symbol,你都会收到更新通知,利用Library,团队成员们可以在Sketch文件之间共享Symbol,并使其更新以始终保持同步。

 

Library使用方法

在设计团队中,多人协作是必然情况,那么如何保持通用??楹涂丶贾毡3忠恢履??我们只需将Librar文件存放在一个固定的地方,例如云盘,公司内部网盘等位置,将通用的控件以及??榇娣旁谄渲?,然后其他设计师就可以轻松调用啦。然后当这个Librariy件有任何修改,你就可以接收到更新通知。

通常情况下,我们会将公司产品的设计规范、通用??楹涂丶龀蒐ibrary文件,让团队内的其他设计师进行调用。一般里面包括颜色,图标,文字,还有其他??榭丶?。团队的设计师可以充分利用Library来让自己文件里面的Symbol始终保持最新以及和团队成员保持一致。但是由于Library文件任何设计师都可以进行编辑,所以我们要将Library进行安全的分离,对Library的编辑只能在特定的位置,特定的文件甚至特定的人进行,因此一般不会有不相关的编辑,如果一旦不小心无意进行了修改一定要及时修改回来,不然团队内的其他设计师的文件就会出问题。

下面就分享下如何简单的创建一个Library文件。这里我们以Apple官方的Library文件为例进行讲解,这里我们选择将文件存放在坚果云里面。详细看下图:

 

我们将文件存放好之后,打开Library添加弹层如下图:

 

选择添Add Library按钮选择存放在坚果云的sketch文件,如下图:

 

这样Library文件已经添加成功,我们已经可以轻松的访问我们Library里面的控件了。如果我们的Librar文件有人进行了编辑,那我们会在自己使用Librari文件中收到如下图一样的更新提示,我们根可以据自己的需求选择是否更新Symbol,如下图所示:

 

是不是很方便高效,这里只写了最简单的用法,详细的方法呢有兴趣的朋友可以私信问我或者在官方网站查找,这里不做过多赘述。另外如何制作一个相对合理Library文件,这也是属于比较重要的内容,今天在这里不展开讲解,有兴趣的朋友可以私信我。

通过上面的流程讲解,我们可以看到Library的使用很简单,通过Library可以让我们团队协作的更加顺畅,工作效率和工作质量会有很大的提升。设计师们如果有机会一定要尝试构建Library文件,不论是为个人还是为团队都对自己的整体把控能力有很大的提升。

 

使用技巧

使用了这么久的sketch,有几个好用的小技巧分享给大家:

1、Sketch支持简单的数学计算,再也不用在用计算器了,直接在输入框内就可以计算,用途广泛,如下图所示:

 

2、在一倍图0.5px的分割线让很多设计师头疼,这里利用内阴影教大家制作,如下图所示:

 

3、默认的图形样式是可以设置的,这样可以更加个性化,如下图所示:

 

4、如何利用圆周率进行Loading制作,如下图所示:

 

5、如何利用内阴影快速制作可复用表格,如下图所示:

 

6、如何测量组内跟组外间距,组内量组外间距快捷键为:option 上档键 鼠标悬浮,如下图所示:

7、如何快速查到历史用色记录,如下图所示:

 

效率拓展

下图是给大家推荐的11款常用sketch插件和一个Sketc文件版本管理工具,下面我就依次介绍下这11款插件和1个软件。

 

插件&软件下载链接

1、Runner
使用命令行来提高你的工作效率——//sketch.cm/plugins/12
2、Cfaft
帮你提高效率的自动填充神器——//sketch.cm/plugins/16
3、Rename it
快速批量重命名你的图层——//sketch.cm/plugins/17
4、Remove Unused Symbols
一键删除未使用的 Symbol——//sketch.cm/plugins/48
5、Artboards to PDF
批量导出选定画板为多页 PDF——//sketch.cm/plugins/52
6、cmageOptcm
一键导出所有切片资源并自动优化体积——//sketch.cm/plugins/94
7、Sketch Measure
快速创建规范为开发者和团队协作提供方便——//sketch.cm/plugins/1
8、Midnight
增加替换主题功能及小工具——//sketch.cm/plugins/129
9、Flavor
给你的设计加点料——//sketch.cm/plugins/89
10、Sketch2AE
轻松导出 Sketch 资源至 AE 并自动定位——//sketch.cm/plugins/61
11、Ancma
可以实现自动布局,——https://www.ancmaapp.com/#sketchtocode
12、Abstract
Sketch文件版本管理软件——https://www.goabstract.com/

 

写在最后,分享的一点想法希望对诸位有所帮助,如果诸位有好的想法或者意见可以跟我探讨。工具只是帮助我们实现想法的一个媒介,我们应该丰富自己的想法,独立思考,与君共勉。

 

原文地址:站酷

作者:Kane_D

 

转载请注明:pk10技巧 冠亚和稳赚 » 想法结合工具,让你的效率翻十倍

登录收藏
 
你可能喜欢的:
设计师进阶笔记|Sketch遇上劲敌XD?这是一份体验报告设计师进阶笔记|Sketch遇上劲敌XD?这是一份体验报告
史上最全Sketch App设计资源合集:模板、UI套件、插件、线框图史上最全Sketch App设计资源合集:模板、UI套件、插件、线框图
Vera Block极品全套模板【干货下载】Vera Block极品全套模板【干货下载】
超全面的sketch基础知识汇总,带你入门超全面的sketch基础知识汇总,带你入门
硅谷大神教Sketch三??挽趴嵘杓?/span>
【神器推荐】教你Sketch一键转成PSD!【神器推荐】教你Sketch一键转成PSD!
sketch秘技:如何利用symbol一秒更换配色sketch秘技:如何利用symbol一秒更换配色
倾囊相授 Sketch 使用的小技巧倾囊相授 Sketch 使用的小技巧
Sketch 52版本重磅发布!为你揭秘最新的实用技巧!Sketch 52版本重磅发布!为你揭秘最新的实用技巧!
教你一个技巧,用 Sketch 一天出数百张 Banner 图教你一个技巧,用 Sketch 一天出数百张 Banner 图
?
  • 第十二届中国(南宁)国际园林博览会吉祥物正式发布 2019-01-16
  • 重庆高校湖中捞起千斤超大号鱼 校方:端午给师生加菜 2019-01-16
  • 【十九大·理论新视野】动漫:文化自信为何关乎伟大复兴 2019-01-15
  • 网友自嘲工资拖后腿 专家:衡量个人收入需更多数据 2019-01-15
  • 养老保险基金中央调剂制度应防“少交多得” 2019-01-14
  • 不只广东有爱情故事,新疆也有,还刷爆抖音! 2019-01-14
  • 县名解析:大同阳高县县名来历 2019-01-13
  • 山阴:痴呆老人迷路 交警热心救助 2019-01-13
  • 龙船礼 有讲究 百岁龙 抖精神 2019-01-12
  • 美国发起贸易战,我们要让世界知道美元、美债并不可靠 2019-01-12
  • 【我是援藏教师】这一次,带上女儿去支教 2019-01-11
  • 居文君夺冠 中国智慧贡献第六位世界棋后 2019-01-10
  • 端午小长假 游人“醉”西湖 2019-01-10
  • 哦。对了,那些成天嚷嚷“亲不亲,阶级亲”的人应该把这些货真价实的“无铲阶级”接回家去。[哈哈] 2019-01-09
  • 湖北菜果茶监测合格率98% 2019-01-09
  • 389| 694| 191| 346| 318| 470| 586| 813| 929| 594|