对于UI设计师而言,Sketch充满了新鲜空气。
我想说:感谢sketch让Photoshop不再是UI设计师必备软件。这时候很多初学者的UI设计师对sketch充满了兴趣,甚至踊跃学习。下面胡老师给大家分享一些UI设计中sketch使用指南—入门篇。
1.符号
Sketch具有大量的内置功能,可让您尽快从A转到B。但是,如果您不了解这些功能怎么办?甭着急胡老师来了。
如果您在Sketch中看到“符号”一词,有没有考虑过“什么是符号,我该如何使用它?”符号实际上是Sketch上最强大的省时功能之一。如果您不使用它们,那么您可以也就完不成今天的工作!
符号只是可以反复使用的图层。如果更改符号,则该符号的每个实例都会更新。因此,不再需要对一个画板进行调整,而只需要对其他10个画板进行相同的调整即可!
2命名图层和画板
一旦开始涉足设计,您要担心的就是图层和画板的命名!
但是许多初学者低估了保持逻辑和描述性命名方案的重要性。
首先,一个好的命名方案可以使文档更容易浏览。想象一下您正在处理文件,然后过了一个月才再次打开它是什么样,所以命名也是良好习惯的一部分。
如果没有正确命名的图层和画板,几乎不可能记住什么地方。忘记搜索特定的图层!
拥有正确命名的文件还意味着其他设计人员可以方便打开和使用,并在您上次停下来的地方进行提取,而不必浪费时间进行搜索。
正确命名的作用
好的命名方案不仅可以使文件易于浏览,而且还可以使导出过程更轻松!您是否知道,如果您将图层,组或画板命名为“assets/图标”,然后导出该图层,它可以智能地将图片导入适当的文件夹中。
3.不使用参考线,网格和布局
Sketch附带了大量工具,可帮助您快速有效地设计UI。其中包括辅助线,网格和布局,所有这些都以不同的方式工作,但是在这里可以帮助您使设计保持对称和对齐。
辅助线
辅助线可以将您创建设计元素可以捕捉到的结构。辅助线不会在最终设计中导出,它们可以随用随拉。
您可以通过简单地从标尺上单击并将其拖到画布的顶部和左侧来创建辅助线。如果您没有看到任何标尺,转到“画布显示标尺”以启用它们。
Sketch还具有称为“智能辅助线”的功能。这些并不是您自己创建的,而是Sketch在您移动对象时尝试智能判断距离和路线。UI设计中sketch使用指南—入门篇
转载请注明地址:http://www.1xbbk.net/jwbys/8020.html