合肥UI设计培训

发布时间:2020-07-04 12:53:00

作为一个UI设计器,您是否正确地使用了s ketch的五个关键功能?

作为一个UI设计器,您是否正确地使用了s ketch的五个关键功能?

前段时间,一位工作了几年的UI设计师打算利用金三银和四个跳槽机会,所以他让我对他的简历和面试笔记进行评论。这个设计师的主要设计工具是素描,每个人都必须使用素描。

目前,国内许多网络设计团队都以草图为主要设计工具。丰富的插件生态、方便的注释和导出,以及轻量级的设计体验,使得草图成为UI设计师必备的工具。除了“只在Mac平台上运行”的缺点外,它在用户界面设计领域比PS要高得多。

根据2018年国外uxtools网站统计,sketch在UI设计工具排行榜上排名_,比figma高出很大一部分,显示出其受欢迎程度。

草图的强大功能主要集中在以下五个方面:符号组件、文本样式、图层样式、库组件库、缩放智能缩放。

符号是素描基本、重要的功能。没有符号,素描就没有灵魂。

它的功能也很容易理解,比如一个蓝色按钮和几十个接口调用。现在老板故意问:蓝色不好看,我们换成红色吧。如果我们使用符号,很容易做到。我们不仅可以一键改变按钮,还可以通过两三次操作改变整个界面的颜色。

此外,我们还可以通过符号组件来实现许多快捷的功能,例如可以快速改变图标的符号嵌套。

对于界面中的文字,很多设计师并没有全局性的思考。他们一想到课文就直接用。字体大小、颜色、对齐方式、粗体没有统一规划,造成细节混乱。如果前期管理不好,后期遇到改造,就会发现自己挖了个大洞,也会给技术开发带来麻烦。

面对杂乱无章的文本,我们需要运用文本风格来统一管理,建立项目的文本规范。其实,在技术类学生发展之前,他们也会提前组织好文字的风格,而我们的UI设计师也需要运用技术思维来设计界面。

与TextStyle类似,layerstyle主要管理UI项目中的各种层样式。如笔划、阴影、常用颜色等。

例如,图标需要不同的状态颜色。按照传统的做法,我们需要制作图标1、图标2、图标3等符号,这样会造成组件重复和维护不便。

使用layerstyle后,颜色将成为一种全局调用样式。我们只需要制作一个图标符号,直接调用哪个颜色,大大减少了工作量,降低了风格紊乱的风险。

上述符号、TextStyle和layerstyle构成了库组件库。实际上,库可以简单地理解为一个UI规范。这个UI规范定义了项目的颜色、文本、图标和各种组件。我们在设计时要严格遵守和调用,确保一个项目的视觉语言完整统一。

同时,库中还包含了原子化的设计思想。原子分子组织模板页面的五个部分构成了一个项目的基础。

此外,该库还可以通过某些方式与其他设计师共享。也许你的公司需要很多设计师一起设计一个项目。在如何保持风格统一、如何调用组件、如何同步更新等方面,可以使用库的共享功能来构建自己团队的库。

调整大小不同于上述四个面向组件样式的功能。主要解决了响应式设计中的一些问题。通过pintoedge和fixsize的结合,我们可以实现各种响应式布局,使界面设计更加灵活。

在前一个PS时代,拉伸是一种破坏性的操作。当我们遇到具有相同样式和不同宽度的组件时,我们只能重新创建一个新组件,这会导致样式重复。这在前端不是问题。只有改变宽度,内部使用float、position等属性才能对构件的重用起到响应作用。调整大小实际上会产生组件响应效果。

如果不调整尺寸,拉伸后会损坏内部组件。

调整尺寸功能完成后,可以达到以下无损拉伸效果。


下一篇: 学习平面设计