资深设计师是如何设置快捷键的?备受好评的 Sketch 的库该怎么用?听说有人可以用Sketch 搞定设计版本控制,还可以用来绘制数据图和复杂表格?这个专题收集了Sketch 最新的功能介绍和那些不为人知的高阶使用技巧,帮你从新手进化成高手!
2021-03-08更新
今天,我们来讲解下组件的动态响应式,这是组件库搭建的重中之重,也是 Sketch 搭建组件库系列的终篇!
本文来看看如何使用Sketch搭建组件库。整个讲解过程我秉承着知行合一的精神亲自实践,但愿这种深入浅出的表达能为你带来收获。
我在亲自使用 Anima 这款工具小半年后,意识到它是一款真正优秀的提效工具,尤其是 Stack(堆栈)这个功能,用「逆天」二字形容丝毫不为过。
用Sketch做界面设计也有些年头了,从工具人到才真正开始工业化生产页面,其中一项就是Sketch自带的 Symbol 功能。今天就总结一下我使用Symbol的一些经验分享给胖友们。
本文会以落地项目、实际案例和大家分享组件的逻辑以及制作思路。
本文为大家介绍一个能提高设计师团队协作效率的 Sketch 插件——Versions,该插件不仅能理解你的设计内容,还能保证你拿到手的永远是最新的设计源文件,更多强大功能介绍皆在本篇文章中(附下载地址)。
学会动态布局能极大提高 UI 设计的效率,本文主要通过介绍 Kitchen、Anima 和 Sketch 的布局功能,整合它们各自的优势来做一系列的动态布局。
如何能让大家的协作更高效,设计的输出质量更好,体验更一致呢?本文将从分析现有设计协同工作方式的问题出发,然后提供一种新的思路和方式。
如何让你每天都在用的 Sketch,提高 80% 的使用效率?本文总结了 24 个常用的高效技巧,附上超多快捷键和设置方法,帮你事半功倍做设计!
对于大部分UI设计师来说,每天的工作都充实且富有挑战性。比如:界面设计、工具运用、动效制作、代码切图、前后端协作等等,但是偶尔也要面对一些非常费时间的设计需求。尤其是大批量文字排版,看起来简单,但是总会让很多设计师头疼。
前段时间发现蓝湖的同步盘从官网下线了,问了客服,说是维护中,具体开放日期不明(目前已正常)。当时我们的设计团队要用这个同步盘来维护 Sketch 的设计组件 Libraries,看来现在要换个思路来解决。网上有 Dropbox 和 GitHub 解决方案,但是对于设计师来说还是难以理解,部署复杂,关键是 Dropbox 的速度在国内堪忧,严重影响效率。
这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。文章目录写在前面基础规范图标规范组件规范写在后面为保证更好地理解文章内容,你需要对以下知识点有一定的了解(部分内容已附注释)。1. Text style ¹△ 图片来自Sketch手册在设计包含大量文本的界面时,许多图层拥有相同的文本属性。
@烧炖:在上一篇文章《帮你大幅提高设计效率的Sketch Symbol 深度指南》中,我与大家分享了自己使用 Sketch Symbol 的心得。那时我用的 Sketch 版本还是 51.3,在文章收尾准备发布的那天早上, Sketch 52 Beta 来了,在机场的我只来得及让朋友截了几张图,匆忙放在了文章的结尾……24小时前,Sketch 52 正式版终于发布了。
@烧炖:2018年的七夕是个星期五。晚上7点,设计师小王正在收拾东西,他和隔壁组的小姐姐约好了去看电影,打算7:30下班。正收拾着,收到了 Leader 发的消息:时间只剩半小时了,小王该怎么办?
Sketch49 交互原型新功能,对于 UI 设计师们来说是不是新福利呢?我们一起看看!看到2月28日 Sketch49 新版本发布的消息,打开了官网看到了最新的版本更新视频,确实还是挺激动的。
@C7210 :Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将一些稍许费力耗时的方式一路沿用下去。这篇内容所针对的便是这样的情况。几乎没有进阶的要点,只针对初学的同学培养正确习惯,还望各位老司机们见谅。
@C7210 : 本期是一篇很长的译文,Using Sketch Libraries to build better design systems,从理论方法到实践演示,一应俱全。看完本文你会学到:如何解决Symbols同步共用问题?使用Sketch Libraries创建组件库 对核心Libraries中的元素进行更新另外说,Sketch 48 Beta已经开始提供Colors Management方面的功能,又是一次体系化角度的重要更新。
在 Sketch 47 中引人的库(Library)功能,这次更新改变了设计团队工作方式和流程。库在设计团队维护一个设计系统或风格指南上,起到非常重要的作用,可以给团队带来更加高效工作体验。越来越多的设计师和团队使用 Sketch 作为主要的设计工具,得益于众多插件和第三方应用,即使在没有技术支持的情况下也能解决一些常见问题。
这一部分主要是针对设计团队中库管理者或设计系统维护者,介绍一些库组件命名建议、组件管理、样式管理和库文件管理方面的信息,读者只需要有这方法管理经验,不需要一些编程开发的经验。一、组件命名建议1. 组件命名库文件会分发给团队内部设计师,甚至是外部设计师,所以库组件的分组结构需要尽量清晰。组件名称使用 「/」 符号分组,建议分组在 1 – 4 之间,「/」 前后加入一个空格,名称使用 Title Case 或 lower case 方式命名,如果你的组件跟某个界面框架相应,也可以根据这个界面...
Sketch作为一个新生的设计工具,虽然在功能上没有Photoshop那么完备,但是胜在其轻量级,完美告别PS的卡顿和无处不在的加载条,再有画布和多倍切图等功能加持,成功上位成为UI设计师的首选制图工具。更重要的是Sketch中还有个很便捷的操作功能,能在工作中极大的提高工作效率,那就是Symbol符号功能。Symbol可以让你在多个页面和画布上重复使用一组内容文本或样式,但是它们只能保存在一个Sketch文件内,不能多个文件共享(下文再介绍一个插件即可在多个文件中共享Symbol内容)。
袁晨皓:对每一个设计师来说,如何管理文件版本是令人很头痛的。本次教程使用Sketch的 Git 插件帮助你记录每一次的更改、处理好混乱的版本迭代,教程超详细,建议收藏!设计师的版本控制:Sketch的 Git 插件使用案例温馨提示:本次案例的项目已经公开啦,http://cloud.yuanchenhao.com:30000/stevenyuan/sketch Git . Git,各位可以前往我的自建 Gitlab查看每一步的对比,不过服务器建在我香港学校的寝室里,访问速度可能较为一般,还请海涵。
编者按:今年很多UI 设计师甚至整个团队已经彻底抛弃PS,完全用Sketch 做设计了,不过由于Sketch 的界面布局原因,使用起来并不太方便。今天教你一个逆天的自定义快捷键方法,保证让你早下班一个小时!大概需要 2 – 4 分钟阅读,欢迎关注作者的知乎专栏:Sketch 中文教程Sketch有多赞就不需要我赘述了,它既能做线框原型,又擅长做视觉设计,如果结合交互原型软件,更能实现可实时交互的高保真原型!
虽然我们都知道 Sketch + Zeplin 是各种好使,但有时你还是会发现,和开发团队沟通依然有不少障碍。以下分享10点小心得,确保你可以和程序员高效而愉快地玩耍。欢迎关注作者的知乎专栏:Sketch 中文教程曾几何时,你刚把新出炉的设计上传到了Zeplin,不一会就收到开发同学的艾特了——“请把素材文件打包发我谢谢”。
大家都知道sketch是UI Designer, Material Design的新宠。但是用了这个软件的人你们有没有发现,你们电脑的硬盘根本不够用!根本不够用!
如何从零开始高效建立一个App 设计项目?今天这篇好文总结了一套高效的工作流程,教你如何把项目拆分成可执行的方案,实例演示,建议收藏。建立一个新的设计项目真的很难。
编者按:今天这篇好文,@Alpha_Lynnn 手把手教你用Skecth 生成数据图的坐标轴、实现数据节点、制作波峰波谷,绘制散点图等等,都是动图演示,简单易懂,赶紧来学。不瞒你说,我可是设计过很多图表的人了。甚至我都觉得该拿个数据科学荣誉博士学位~或者,至少在胳膊上纹一个对数散点图什么的。
徐小马:笔者之前去华润置地东北大区做用户调研,需要现场理解需求,快速搭建用于用户测试的可交互原型。由于方案中涉及大量的表格,有点措手不及。回来后,我构思做一个 Sketch 模版沉淀,以防下次再遇到这种情况。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
商业动画制作技术与项目精粹
已累计诞生 129 位幸运星
发表评论 已发布1条
Wo~本文的评论还空着,快来抢沙发
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓