UI设计师工作的好帮手——Sketch工具简介

工欲善其事必先利其器,很多UI设计新手想知道怎样才能更快、更高效的设计出好的作品,其中的有两个关键点:扎实的技术和好的设计工具。接下来我就给大家介绍设计师工作的好帮手——Sketch。

Sketch是一款轻量、易用的矢量设计工具,它让我们尽可能少的设计,将UI放在了首位,让我们专注于响应式的设计而不是照片的编辑,关注于交互和动画而不是人造的材质,最终目的是让设计更简单、更高效。
在这里插入图片描述

Sketch便捷操作

1、Sketch等比缩放工具,轻松避免设计变形失真的问题。

在调整图层组尺寸时, 使用Sketch自带的缩放工具(Scale tool)。如此,即使批量调整图层或组件尺寸,也无需返回逐个重新设置,十分高效。而且,该工具操作起来也相当简单。只需选中单个图层或图层组,点击顶部导航栏的“缩放”或使用快捷键“CMD + K”, 即可快速设置其缩放百分比、宽、高等属性。

2、Sketch对齐和自动布局工具,快速对齐和布局界面组件。

制作界面网格或列表类组件时,此类对其工具能够轻松省去很多麻烦的操作。简单选中所需对齐的多个组件,点击右上角对齐选项,即可一键按需居中、向右或向左对齐。设计界面网格时,可通过固定宽高的方式,来达到响应式布局的效果。

3、Sketch Symbol功能, 轻松制作不同设计状态。

Symbol是Sketch中一个非常实用的新功能,具体操作过程很简单:制作一个需要不同状态的按钮,然后将按钮转化成符号,调整到需要的状态,无需修改整个按钮样式和填充方式。

有人说,“新的设计师上手PS比上手Sketch要难得多,这就意味着独立产品开发者,可以自己一个人用Sketch+Xcode5完成设计到开发的全过程。”足见Sketch的强大。

当然,Sketch只是一个工具,能否拿到高薪企业考察的是求职者的理论知识和实战经验。
如果你还有疑问,可以关注我,可以获取更多UI学习资料。

发布了693 篇原创文章 · 获赞 74 · 访问量 14万+

猜你喜欢

转载自blog.csdn.net/xiaoxijing/article/details/105118787
今日推荐