对于UI设计师来说,素描充满了新鲜空气。
我想说:感谢sketch让Photoshop不再是UI设计师的必备软件。这个时候,很多初学UI设计师对素描充满了兴趣,甚至跃跃欲试。下面胡老师就在UI设计-入门篇分享一些用户对素描的指导。
1.标志
Sketch有大量的内置功能,可以让你尽快从A到B。但是,如果你不懂这些功能呢?别担心,胡先生在这里。
如果你在素描中看到“符号”这个词,你有没有考虑过“什么是符号,我该如何使用它?”符号其实是素描上最强大的省时功能之一。如果你不用它们,那么你就无法完成今天的工作!
符号只是可以重复使用的图层。如果更改该符号,该符号的每个实例都将更新。所以不再需要调整一个画板,只需要用同样的方法调整另外10个画板!
2个命名层和画板
一旦涉足设计,你所要担心的就是图层和画板的命名!
但是许多初学者低估了保持逻辑和描述性命名方案的重要性。
首先,一个好的命名方案可以让文档更容易浏览。想象一下,当你正在处理一个文件,然后过了一个月再打开它是什么感觉,所以命名也是好习惯的一部分。
如果没有正确命名的图层和画板,几乎不可能记住位置。忘记搜索特定的层!
拥有一个正确命名的文件也意味着其他设计者可以很容易地打开和使用它,并从上次停止的地方提取它,而不用浪费时间去搜索。
正确命名的作用
一个好的命名方案不仅可以使文件易于浏览,还可以使导出过程更容易!您知道吗?如果您将层、组或画板命名为“资产/图标”,然后导出该层,它可以智能地将图片导入到相应的文件夹中。
3.不要使用参考线、网格和布局
Sketch附带了许多工具来帮助你快速有效地设计你的UI。包括辅助线、网格和布局,所有这些都以不同的方式工作,但这里可以帮助您保持您的设计对称和对齐。
辅助线
参考线允许您创建设计元素可以与之对齐的结构。辅助线在最终设计中不会导出,可以根据需要拉。
您可以通过简单地点击标尺并将其拖到画布的顶部和左侧来创建参考线。如果您没有看到任何标尺,请转到画布显示标尺来启用它们。
Sketch还有一个功能叫“智能导游”。这些都不是你自己创造的,而是Sketch试图在你移动物体的时候智能判断距离和路线。
尝试自己创建两个形状,然后移动其中一个。你会看到这些红色的虚线帮助你调整形状。
ketch使用指南—入门篇” inline=”0″>
Smart Guides可以节省大量时间,但有时可能会妨碍您的工作,或者有些麻烦。如果您不喜欢它们,可以通过单击查看>>画布>>显示智能向导来关闭它们。
网格
网格由覆盖整个画板的线条组成,以便为您提供使事物保持一致的作用
您可以通过转到布局>>网格设置来调整网格的间距和颜色。
版面
布局的工作方式与网格相似。他们的目的是帮助您保持一致。但是,布局不是传统的网格线,而是提供了垂直和水平列,可用于使元素在整个设计中保持一致的对齐和正确的大小。
布局对于视口大小可能会根据浏览器或设备尺寸而变化的Web和移动布局特别有用
4.不使用画板模板
在Sketch中节省大量时间和麻烦的另一种方法是使用软件附带的预制画板模板。
您只需单击画板工具(插入>>画板)即可查看这些模板,然后您将在右侧的检查器中看到可用的模板。
Sketch提供了适用于iOS,Android,图标和其他内容的有用的入门模板,这有助于避免猜测创建和不清楚尺寸。
5.使用插件
Sketch当然是用于设计UI的功能强大的程序,但它不能完成所有工作!
这就是插件的来源:插件通过添加额外的功能来扩展Sketch的功能。
我建议做的第一件事是下载Sketch Toolbox,它可以帮助您搜索和管理插件。
完成此操作后,花一些时间学习使用插件,看看那里有什么样的功能!
我建议您使用Icon Font插件可以轻松地将图标添加到Sketch设计中,并建议使用Magic Mirror插件,可以设计漂亮的UI设计稿。
总结
在表面上看来sketch很简单,但是隐藏在背后的快捷,强大的功能更是数不胜数。学到精髓之后可以节省很多时间,并且可以提升您的设计水平。
相关推荐:
UI设计入门指南
UI设计起源及发展
UI设计师到底有多重要?
五个常见的UI设计坑你踩过几次?