童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

如何让想法结合工具,提升效率?

3月27日 不星湖投稿
  工欲善其事必先利其器,在日常工作中,怎么样提高自己及团队的工作效率应该是很多设计师和团队在思考的问题。Sketch作为UI设计师的必备工具,我们已经相当熟悉,如何结合Sketch来提高自己以及团队的工作效率呢?
  我从下图所示的几个方面结合自己的经验做个简单分享:
  Tips:本文不对Sketch的使用操作做讲解,教程可以在Sketch官网、Youtube、或者国内外的Sketch论坛等途径都可以找到,希望文章对你有帮助,或者您有合理建议或其他内容补充也可以提出来。
  Symbol
  1。Symbol介绍
  Symbol是Sketch中一个强大且实用的功能,可以让你轻松的在画板和页面以及多个文件中复用重复元素。Symbol的存在类似智能对象在PS中的存在,但Symbol比智能对象更加灵活实用。那么如何高效合理的利用Symbol进行工作呢,下面我介绍下Symbol的使用方法。
  2。Symbol使用方法
  Symbol的使用场景主要集中在模块化设计,如何合理的利用模块化思维进行设计工作,是现在的设计师需要思考的一个问题。
  那么什么是模块化设计呢?
  对于产品体验设计而言,模块化设计就是将产品流程、产品结构、交互方式、表现形式等产品的组成主要要素模块化。通过模块化设计可以让我们在差异化跟高效之间找到一个合适的平衡点。
  模块化设计主要分为以下步骤:模块划分模块设计模块组合,这里主要针对模块的划分以及模块的设计进行重点说明。首先模块是由控件组成,主要包括字体,按钮,图标,列表等。而模块又由控件组成,模块跟控件的存在父子关系的。
  在模块划分标准上要遵循:单一性(模块颗粒度要小,一个模块解决一个需求)、完整性(内部流程可打通,形成闭环)、独立性(每个模块和其他模块的依存关系要低,以便跟其他模块组合适配)。
  在模块设计的部分遵循:复用性(尽可能的提高复用模块占比);延展性(考虑一定的模块控件可拓展性,以便处理在一定范围内的差异性处理);互换性(需要主意对外信息结构一致,保证全局信息结构快速互换)三大原则。
  在产品的设计过程中,根据产品的实际情况,我们使用Symbol对模块进行控件化,已下图为例:
  我们可以看到上图导航栏模块,分别由背景、图标、文字、分割线、状态栏组成。依照模块化设计的标准,我们依次对他们创建Symbol(文字除外),这时候控件元素已经创建好,对他们进行对应的排列组合就这个模块就已经完成了,在日常基本工作中,这部分工作已经完成了。
  但是做到这些是不够的,我们需要更深层思考,例如适配其他端应该怎么处理,有没有其他情况下会跟现在的控件重复或者冲突等等,这都是要思考的问题。那么如何合理的创建Symbol,避免控件样式的重复呢。
  我们继续以导航栏模块为例:
  根据上一部分我们知道导航模块第一种类型已经完成了,但是在实际项目中我们知道导航栏样式不会只有这么一种类型,根据产品实际情况我们想到会出现以上几种情况,所以我们也对他们进行模块化,可以复用的元素就可以调用之前模块里面的控件,例如:状态栏、返回按钮、背景色,这样做可以最大化的避免模块控件的重复,也可以在产品设计早期完善模块,做到未雨绸缪!为以后的设计工作做准备。
  看到这里,大家可以看到,我并没有讲Symbol的任何具体使用方法,工具只是实现想法的一种媒介,我们应该多思考,举一反三,将工具跟想法结合起来才能达到效率和质量的的最大化。
  library
  1。library介绍
  Library其实只是一个普通的Sketch文件,其中包含Symbol,你可以在其他Sketch文件中使用此Symbol。如果您更新Library文件中的任何一个Symbol,你都会收到更新通知,利用Library,团队成员们可以在Sketch文件之间共享Symbol,并使其更新以始终保持同步。
  2。Library使用方法
  在设计团队中,多人协作是必然情况,那么如何保持通用模块和控件始终保持一致呢?
  我们只需将Librar文件存放在一个固定的地方,例如云盘,公司内部网盘等位置,将通用的控件以及模块存放在其中,然后其他设计师就可以轻松调用啦。然后当这个Librariy件有任何修改,你就可以接收到更新通知。
  通常情况下,我们会将公司产品的设计规范、通用模块和控件做成Library文件,让团队内的其他设计师进行调用。一般里面包括颜色、图标、文字还有其他模块控件等。
  团队的设计师可以充分利用Library来让自己文件里面的Symbol始终保持最新以及和团队成员保持一致,但是由于Library文件任何设计师都可以进行编辑,所以我们要将Library进行安全的分离,对Library的编辑只能在特定的位置,特定的文件甚至特定的人进行。
  因此一般不会有不相关的编辑,如果一旦不小心无意进行了修改一定要及时修改回来,不然团队内的其他设计师的文件就会出问题。
  下面就分享下如何简单的创建一个Library文件。这里我们以Apple官方的Library文件为例进行讲解,这里我们选择将文件存放在坚果云里面。
  详细看下图:
  我们将文件存放好之后,打开Library添加弹层如下图:
  选择添AddLibrary按钮选择存放在坚果云的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个软件。
  Runner使用命令行来提高你的工作效率
  Cfaft帮你提高效率的自动填充神器
  Renameit快速批量重命名你的图层
  RemoveUnusedSymbols一键删除未使用的Symbol
  ArtboardstoPDF批量导出选定画板为多页PDF
  ImageOptim一键导出所有切片资源并自动优化体积
  SketchMeasure快速创建规范为开发者和团队协作提供方便
  Midnight增加替换主题功能及小工具
  Flavor给你的设计加点料
  Sketch2AE轻松导出Sketch资源至AE并自动定位
  Anima可以实现自动布局
  AbstractSketch文件版本管理软件
  写在最后,分享的一点想法希望对诸位有所帮助,如果诸位有好的想法或者意见可以跟我探讨。工具只是帮助我们实现想法的一个媒介,我们应该丰富自己的想法,独立思考,与君共勉。
投诉 评论 转载

2019年值得关注的UI和UX设计趋势对于设计趋势,我们一直都在定期总结和梳理。但是以往的设计趋势总结通常只会聚焦在某个很小的、特定的点上。实际上,在设计越来越现代的今天,其实当下的语境是塑造各种设计趋势的根源,而……产品需求文档写作实例:好奇阅读PRD产品需求说明文档(PRD)可以将产品设计思路清晰的展现给团队人员,便于他们快速理解产品。产品需求说明文档如何写呢?整个项目独自一人完成,虽累,但有成就感,感谢一路点拨我的……新产品开发的完整流程之产品设计该篇文章是承接上一篇《新产品开发的完整流程之产品评估》,主要介绍新产品开发流程中的产品设计部分。新产品开发流程:产品评估产品设计开发上线迭代……如何合理地设计APP登录页视觉篇本文主要是关于app登录页的设计合理性的相关思考,希望对大家帮助!一、怎么理解登录页?每一产品app都会有一个登录页面,它是产品第一次接触用户的页面,也是第一个传递……金融产品设计:还款我在之前的文章中讲了账户体系充值提现发标投资放款等内容,下面讲下还款流程阶段的设计该如何做。还款也是整个交易流程中关键环节之一。项目(最终或每月)到期后,借款人在前台(或……Web端设计组件篇:导航类导航系统相当于整个网站的主架构,导航系统起着组织内容和功能的作用,让它们按照产品的信息架构图进行连接,展现在在用户面前,导航将零散的内容和功能组织成了一个完成的有结构的系统。……账务产品经理:公寓SaaS产品账务模块介绍本文从参与账务的角色、账务业务以及账务子模块这三个方面,对账务模块进行了详细介绍。在公寓管理SaaS产品中,虽然最重要的模块是客房和租客管理,但是随着支付、充值、提现等操……金融产品设计:投资放款投资是流程比较复杂的一个环节。广义的投标包含了用户主动投标与自动投标,狭义的投标指用户主动投标,这里说的投标是指主动投标。一、投资(出借)投资kennel是前端涉及……超全面设计指南:如何做大屏数据可视化设计?数据可视化是一门庞大系统的科学,本文所有讨论仅针对大屏数据可视化这一特定领域。管中窥豹,如有遗漏或不足之处欢迎大家讨论交流。文章结构及思维导图:一、基础概念1……提炼归纳:好的用户体验应该满足哪些条件市面上讲用户体验的书和文章非常多,但是大家大多都没时间看吧;所以,我把那些书里面的理论知识提炼出来,并结合自己多年的工作经验,将“好的用户体验应该满足哪些条件”,总结归纳为文中……如何让想法结合工具,提升效率?工欲善其事必先利其器,在日常工作中,怎么样提高自己及团队的工作效率应该是很多设计师和团队在思考的问题。Sketch作为UI设计师的必备工具,我们已经相当熟悉,如何结合Sketc……关于卡片圆角的思考和应用现在在各类产品中,圆角的设计越来越多,而本文是关于卡片圆角的思考和应用,一起来看看引言我们最熟悉的苹果公司在使用圆角卡片最早卡已追溯到1981年,当时Apple的天……
为什么很多互联网公司在开曼群岛注册?春天来了?工商总局:今后创业注册公司将零门槛创业公司如何鉴定名字的好坏与否创业难:注册一家网络公司要填40多张表数码港:香港式的互联网创业梦新加坡公司注册的优势、流程、规则简介北京注册公司详细流程解读创业借鉴:10个最酷的适合协作办公的地方解读在上海注册公司的优势与程序创业者如何注册公司?开公司的流程及费用在深圳如何注册公司?需要哪些手续?个人注册公司的流程和费用65岁张丰毅和55岁李若彤健身合体,自律运动,才是最好的保养乔家的儿女凭什么乔二强和马素芹的幸福要感谢这个小三?从头甜到尾的电视剧未结婚孩子抚养权归谁?遇见了就不要离去都喜欢娇滴滴的女生么赵老师喝中药后,溃疡好了,胃炎痊愈了,一位胃炎患者的看诊历程我爱蝴蝶兰命运,应自己改变听清华大学宋立滨博士励志报告会有感奉公守法老人秋季锻炼有哪些需要注意脾气最差的星座十二星座谁的脾气最差,这些星座真不好惹啊!

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界