UI设计师需要掌握哪些平面设计的基础

UI设计师考虑用户习惯和易用体验，平面设计师专注于更具吸引力的信息传达。两者侧重不同但专业上有非常大的交集，信息传达的核心基础技能其实都是相通的。本文将为大家介绍UI设计师需要掌握哪些平面设计的基础。

UI设计师需要掌握的平面设计基础

平面设计的基础设计理论包括: 色彩构成、平面构成、字体设计、图案设计、版式设计等。平面设计基础能力可以概括为视觉化处理与传达信息的能力。UI设计在视觉化界面操作的阶段，与平面设计的交集是如何组织和处理每个界面的信息。平面设计中俗称的排版，把文字、表格、图形、图片等进行合理的排列调整，有效传达信息，并达到美观的视觉效果。

1. 如何组织信息

组织页面信息的首要任务是判断信息优先级，分清重要信息与次要信息，删除无用信息。化繁为简，降低视觉干扰。举个小例子，从一份简历，就可对一名应聘UI设计师的平面设计基础能力略知一二。首先对无用信息的判断。其次是关键信息的组织排列、清晰表达。

2. 如何对齐

日常工作中，经常会遇到有关如何对齐问题的PK，始终争论不休各说各理。首先达成信息优先级主次的共识，可以提升排版的效率。

a. 信息分组

先从一个酒店预定成功通知消息案例来看，通知信息文字平铺直叙，并未合理分组。图片部分上方酒店评价、信息地址和电话操作按钮剧中对齐，酒店名成为了一个小标题。做适当调整后，使得正文通知、价格和时间字段分组明确。电话按钮同酒店信息组对齐，使得图片区域的文字和操作信息更为整体。

b. 居中对齐or左对齐

信息分组后，居中排列每组信息的小标题，模块感增强，使得阅读标题和每个组信息中产生视线的跳跃。小标题和每组信息统一居左对齐，更符合快速浏览和操作。比如在需要完成注册任务的网页中，标题居左更有利于视线快速向下流动，使得操作路径更顺畅。

3. 如何有重点

a. 大小对比

前面谈了如何组织信息，那如何使主要信息更为有重点？首先可以通过拉开大小比例，拿一张活动海报来举例。5米处能看到什么？海报的大图案渲染气氛的整体感受；3米处能看到什么？活动主标题；1米近距离又能发现什么？具体信息和时间等。拉开主次信息的尺寸大小对比，从空间距离上，使得观众接受信息传达有了先后。观众近距离阅读，信息有效传达的顺序同理适用。

b. 并非均分

页面元素中的左右间隔往往也会被忽视，如中帐号头像与页面的左边距=帐号名称之间间隔，使得页面中间区域的信息散于页面边界。标题和发布时间也是通过设计软件的居中对齐功能快速对齐，具有平面设计意识的排版不仅是设计软件中的文本框绝对居中对齐，需要对信息分组与主次深入思考，避免机械的均分对齐。

平面设计灵感注入UI设计

好的UI设计可以让软件变得有个性和品位，同时操作上是简单舒适的。平面设计的灵感，往往可以使得界面设计跳出线框与控件的束缚，充分体现软件的定位和特点，使用过程中变得更有趣味。

1. 更具吸引力的点击

关注一个账号、小站的通常app的做法是：头像加关注按钮。在 V 的频道界面中，点击头像即关注，按下后头像成为星形遮罩，表示已关注，点击操作反馈超乎预期又在情理之中。

2. 更优雅的操作

在手机app上后期处理一张照片时，通常是操作区域和照片分开。Black 的处理照片主界面的操作有趣而直观，再调整曲线或加暗角操作都在图片层上，整个界面的导航也突破了传统控件模块，使得整个app在直观又易操作的基础上，彰显独特的态度和个性。

以上便是关于UI设计师需要掌握哪些平面设计的基础的介绍。提升平面设计基础能力，在生活中有意识的观察设计、思考分析、养成视觉洁癖。逛商场，导视系统是否能起到不迷失目的地的作用；地铁广告，重点信息是否能瞬间吸引过客的注意力。