只要我们的岗位名称中涵盖“设计”这个词，如果我们却没有平面设计知识和技能储备的话，那么，在日常工作中，我们可能就会遇到让我们特别无奈和尴尬的状况。设友们可能就会问了，我们平时从事的是 UX 研究或 UX 文案和策略相关工作，需要了解平面设计知识和技能有什么必要性吗？好吧！你说的好像没有“设计”这个词。我们应该看一看外部的世界，他们却不这么理解设计师哟（包括将自己称之为 UX / UI 设计师，哪怕是产品设计师）。

有一点，我们能够达成一致，设计师并非艺术家，和客户互动交谈是必不可少的，解决他们所遇到的问题正是我们的口号，因此，我们不得不正视外部对设计师的认知，同时，我们作为买方身份，展示产品/商品功能和成效也算是理所应当！

我是在 2015 年才开始从事 UX 设计相关工作，在这之前，我仍然从事平面设计（不，创意设计，品牌设计，字体设计等等），自从加入阿里巴巴，在我耳边经常会听到有关转化率、留存率等等迭代设计的各种专业名词，我发现 UX 设计是我缺失的技能拼图之一（关键一点，UX 设计师的薪资会略高一些哟！）。因此，我开始行动，寻找相关课程，然而，我很快意识到，我可以通过结合我之前在平面设计（视觉传达）方面的知识和技能出发，不断衍生和拓展，从而设定开始点，就这样职业生涯的齿轮正在悄然发生变化（这也是面试官或人事总会提出的固定问题：“你为什么要转型“，老生常谈）。

我和社区的设友们经常组织线上的闭门交流会，我发现相比较那些没有任何平面设计或艺术背景的设计师而言。我感觉自己的从业生涯会顺利许多，至少我认为是这样的。（如果你对我的经历感兴趣，你可以在后台留言“召唤主理人”，查看我过往的经历）

10 年前，我第一次在站酷发布我的产品体验设计作品，我很高兴能得到许多设计爱好者的关注和评论，然而，在评论中更多是在谈论作品的 UI 部分和视觉表现。起初，我只是感到有些许疑惑和不解，我所展示的作品更深层次的体验部分为什么没有人关注呢？而是，总停留在视觉美学的问题上呢？

这个疑惑和不解一直在我的脑海里是不是出现。那时，我的 UX 设计之旅才刚刚开始，我误认为前面还有很漫长的学习之路。然而，随着，不断深入 UX 领域，我发现这并非是一次艰难的转变，所有的知识点都能“死记硬背”，同样，所有的技能也都是“熟能生巧”。以往的经验也能提供很多助力学习新技能（有时候很庆幸拥有平面设计相关知识和技能点）。坦率地说，如今“木桶能成多少水往往取决于那片最短的木板”。品牌、营销、产品相关知识和技能都应该有所掌握，最好能够串联起来，形成一个闭环，这个环越大，那么我们能选择的岗位也就越大（未来每个人一定是以个人为核心辐射，所谓的超级个体，在互联网和人工智能时代一一验证了）

好，回到主题……

如果我们的职位名称中带上“设计”这个词，那么，也就意味着需要我们有服务意识。无论你是否愿意，用户很容易会依赖你，你将会成为无敌全能设计专家，任何需要设计的地方都会找到你，需要你帮助。话说回来，你有没有经历过：需要你给公司装修、企业宣传片等提出一些专业修改建议或是中层干部团建需要你帮忙画一个小组 logo？不！不！不！我是体验设计师呀！他们会很吃惊，疑惑难道你不是设计师吗？

有时候过多解释，他们可能也无法理解。既然如此，和不让自己掌握这些知识和技能呢？又不是很难！（告诉你，之后成为产品或设计总监，还是开工作室做老板，平面设计的基本知识和技能都必不可少。我深感体会！）

接下来，我们一起了解一些基本的平面设计概念和术语。如果你是一个在 UX 成熟度较高的企业工作的 UX 研究员或 UX 文案人员，那么你可能不需要所有这些（如果你感兴趣也可以参与进来）。我们通过初步了解平面设计的存在，并知道如何处理这些技能发挥作用的情况，可以在工作中节省很多时间和麻烦。

准备好了吗？我们开始吧！

• 平衡：通过均匀分配元素确保视觉稳定性。类型包括对称平衡、不对称平衡和径向平衡。 

• 对比：通过颜色、大小或形状的差异，突出关键元素。 

• 强调：使用大小、颜色或位置使设计中的某一部分突出（焦点）。 

• 运动：通过线条、形状或路径引导用户的视线。 

• 比例：保持元素之间的大小关系，获得整体感。 

• 节奏：重复图案或元素，创造流动感。 

• 统一：确保所有元素和谐地协作，实现设计目标。

• 字体结构：包括上升部、下降部、衬线和x高度等部分。 

• 字体搭配：组合互补的字体（例如，无衬线与衬线对比）。 

• 层级结构：使用大小、粗细和间距组织文本，引导用户视线。 

• 可读性：通过适当的间距（字距、行距、字间距）确保文本易读，并避免过度装饰的字体。 

• 语气和信息：字体传达情绪和情感（例如，粗体无衬线代表现代，手写体代表优雅）。

• 色彩模型： RGB：用于数字屏幕（加色模型）。CMYK：用于印刷（减色模型）。 

• 色彩和谐：使用互补色、类似色或三色等方案组合颜色。 

• 色彩心理学：颜色如何影响情绪、行为和情感（例如，红色代表激情，蓝色代表信任）。 

• 实际应用：选择与品牌身份和目的相符的颜色，同时保持可访问性（例如，确保对比度以提高可读性）。

• 网格：用于一致地对齐元素的框架。 

• 对齐：确保元素视觉连接（左对齐、居中、右对齐）。 

• 间距：有效使用空白，获得清晰度和焦点。 

• 构图技巧：使用三分法、黄金分割或引导线等规则创造平衡且动态布局。

三分法则

使用两条垂直线和两条水平线将设计或图像分为九个相等部分的指导线。 将关键元素放置在这些线条上或交点处，以创造平衡和视觉趣味。 它自然将用户的视线吸引到焦点上，而不是所有元素都集中在一起，从而增加动态构图。

黄金比例

一种在自然和艺术中发现的数学比率（约为1:1.618），通常表现为螺旋形。 使用该比例来确定布局、标志或设计元素的比例。 它创造出令人愉悦且和谐的设计，对用户感觉很自然。

引导线

设计或图像中的线条，引导用户的视线朝向焦点。 使用道路、路径或形状“引导”用户的视线到主体或穿过构图。它增加深度，引导注意力，使设计更具吸引力和条理性。

• 清晰度和影响力：排列元素以减少杂乱，自然地引导用户的视线。

增强：调整亮度、对比度或饱和度以改善图像质量。 

修饰：去除瑕疵或斑点，同时保持自然纹理。 

创建效果：添加滤镜、混合模式或叠加以创造独特视觉效果。 

工具：Adobe Photoshop、GIMP 或 Affinity Photo 提供丰富的专业编辑功能。 

实用性：针对特定平台优化图像（例如，网络压缩）。

• 可扩展性：创建在任何尺寸下都保持清晰的图形。 

• 标志设计：构建适用于各个平台的多功能标志。 

• 图标创建：设计简单、易识别的符号。 

• 技术：有效使用路径、填充、描边和图层以实现精确的设计。

• 标志：品牌的基石，通过视觉方式代表公司。 

• 品牌指南：定义字体、颜色和图像，确保一致的使用。 

• 视觉识别：打造整体外观和感觉（名片、包装、网站）。 

• 品牌心理学：将设计元素与品牌的使命和受众期望对齐。 

• 客户合作：确保设计反映他们的愿景和目标。

• 实体媒介：设计宣传册、传单、海报和包装。 

• 文件格式：以 CMYK 格式准备文件，并使用合适的分辨率（例如，印刷时为 300 DPI）。 

• 制作注意事项：在设计中添加出血和裁切标记以便于修剪。（例如，设计名片或相册时） 

• 实用知识：了解纸张类型、印刷技术（例如，胶印与数码印）和表面处理（例如，哑光、光面）。 

• 印前校样：在最终生产之前检查样稿以确保质量。

以下是一个示例：

术语：断点

设计适应特定屏幕宽度以确保响应性（例如，移动设备、平板电脑、桌面）。 

开发人员需要这些来正确实施响应式设计。 

 “在 768px 断点调整导航栏布局，从水平切换到可折叠的垂直菜单。”

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。