UI 产品的基本概念 UI 产品可分为 PC 端与移动端。UI 产品首先需要对产品的一些基础控件有所了解，比如说：按钮、导航、弹窗、浮层、表单等等，当然这里的每一项其实都有各自的一套体系，完全可以单独拿出来学习。 字体 对于字体，我们需要了解各个系统使用的默认字体，还需要知道一些常用场景下的字体大小，比如说：导航栏一般使用 32、34、36px 的字体大小，底部标签栏的字体大小一般为 20px 等等。 当然对视觉设计，字体分为以下几种类型：衬线体、非衬线体、手写体、书法体，当然还可以自己去设计字体。 配色 色彩搭配是比较复杂的系统学科，单色、邻近色、分裂色、撞色等等。在小编之前的文章中很多关于配色的，这里不再赘述。实际项目中，我们应该如何选取颜色、如何制定颜色规范，需要不断的总结归纳。 标注与切图规范 标注和切图都已经趋于自动化，越来越便利，但是对我们的设计稿规范要求也越来越高。很多 PS 中有很多标注插件，例如像素大厨、Markman 等。sketch 软件更加智能。 排版 排版的要素：构图（视角）、颜色、字体、点缀。排版的原则：对齐、对比、亲密性、重复。 简单的动效设计 我一般会用 ps 做一些动态表情，用 AE 做一些加载动画，而页面之间的交互动效大家可以使用 flinto、principle 之类的软件。 走查规范 关于走查，不同的团队有不同的规范与形式，目的是为了检查我们设计稿的还原程度，是视觉设计师必须要经历的工作环节，小公司的话可以直接和开发进行沟通并修改，但是在大公司一定要将问题点梳理清楚后发邮件给项目组与开发哥哥，有些不清楚的地方也需要当面进行阐述。 基本的做法就是将手机上现实稿截屏与原版设计稿进行对比，列清楚所有问题点，并告知如何修改，至于用什么软件，可根据自己团队的需求统一规定。 交互常识 交互和视觉有很多交集的地方，比如控件的分类与定义、页面信息的布局方式等等，但是交互有很多值得视觉学习的地方，其中最重要的一点就是思维逻辑，对于产品的逻辑，他们要比我们思考的更加全面、透彻。 开发常识 全栈式 UI 设计师需要对代码的一些基本常识要了解，经常会和开发对接沟通，如果我们能了解一些关于开发的基础知识和他们的思维逻辑，一定可以避免很多不必要的时间浪费。 项目文件管理 每个项目的文件自己都要管理好，不然后期随着文件的增加、版本的迭代，如果没有一个分类规则，找文件时非常麻烦。 个人素材、资源库 定期要对自己的资源进行整理与分类，比如说你的网站资源进行收藏。