UI设计师必须会的基础平面知识有哪些
新闻来源：优漫教育
日期：2021-08-13
作为一名UI设计从业人员，我们在进入这个行业时，一定要了解一些图形设计的基本原理。好吧，今天UI设计培训学校小编就跟大家谈谈平面设计中的那些事儿。
一、信息的组织方式。
判断信息的优先级，区分重要信息与次要信息，消除无用信息，是组织网页信息的首要任务。化繁为简，减少视觉干扰。举例来说，从一份简历中可以看出，一位应聘UI设计师的基本图形设计能力略有了解。
先判断无用的信息。第二，组织安排关键信息，清楚表达；个人资料：姓名，年龄，相片，联系方式；基本信息：工作经历，教育背景，职业技能，其它：兴趣，等等。成堆的简历堆积如山，有效地传递信息是第一步，再加上一点自己的小个性。
二、怎样对齐。
在日常工作中，经常会遇到PK对齐问题，总是各持己见，各持己见。先达成信息优先主次的共识，可以提高排版的效率。
1、资料分类。
首先从一个酒店预订成功通知消息案例来看，通知信息文字平铺直叙，不合理分组(左图)。图中的酒店评价、信息地址和电话操作按钮“对齐”，酒店名称变成了一个小标题。进行适当的调整(右图)，使主体通知、价格和时间字段组合起来。手机按钮与酒店信息组对齐，使图片区域的文字和操作信息更加完整。
2、居中对齐or左对齐。
对信息进行分组后，对每一组信息的小标题居中排列，增强了模块感，使阅读标题和每一组信息都产生视觉上的跳跃。更适合快速浏览和操作，每组信息均居左对齐。例如，在网页上要完成注册任务，标题居左比较有利于视线快速向下流动，使运行路径更加顺畅。
3.重点是什么。
a.尺寸对比。
前面的采访是如何组织信息的，那么如何使主要的信息更有重点？第一种方法就是按比例拉开，拿活动海报举例说明。五公尺能看见什么？招贴画图案渲染气氛的整体感觉；3米以内可以看到什么？事件主题曲；1米近距离能发现什么？详细资料和时间等。主信息展开大小对比，从空间距离上看，使观众接受信息传递有了先后。听众在近距离阅读时，信息有效传达的次序一致。
b.不是平均分配的。
看起来毫无差错的信息布局(左图)，为什么总是差些什么？因为详细信息并不能理解信息主次。初始设计稿追求绝对均衡性，导致信息比较分散，没有“群集”的紧凑感。
页中左和右的间隔也经常被忽略，例如(左图)中的帐号头像和页面的左侧空格=帐号名称之间的间隔，使中间区域的信息分散到页面边界。通过设计软件的居中对齐功能，标题和发行时间也得到了快速的调整，具有平面设计意识的排版不仅是设计软件中文本框绝对居中对齐，要求对信息的分组与主次深入思考，避免机械的均匀性。
三、UI设计中的平面基础能力测试。
UserInterface界面设计原则：简洁、一致性、用户习惯、人性化等等。遵照UI设计原则，提高图形设计能力，可使界面更优雅。可在UI设计中对设计师的平面基础能力进行快速检验，下面通过一些具体的case设计过程来简单分析。
1.简化和连贯性。
在手Q公众号图文信息优化中，我们发现线上的老图文消息边距较粗，在大图+1小图的情况下，由于代码的模块化拼接，始终达不到理想的像素间距。综合考虑多种纯文本、单图片、多图文模版拼接，尽量减少间距规则和字体大小，达到拼版的统一规则。在保证一致性的前提下，还提供了灵活多样的拼接。
2.操作的轻量化。
在某电台app概念设计中，共享功能支持获取歌词，同时拉取专辑封面配图，让用户可以上传照片、当时的心情，或者用语音表达。初始设计时界面交互框架(左图)默认功能是“写心情”，“添加图片”和“录制语音”功能并排，感受到一个功能强大的分享界面，告诉用户你有三种选择的方式来选择。
在讨论后优化框架(右图)，默认拉取专辑封面图，上传图片入口置于右上角，默认歌词展示在封面图上可点击编辑，整个页面可视化，最终共享出的样式可视化。经过设计优化，使整个操作有重点。可对共享预览图进行直接操作，缩短共享路径，最重要的是为用户带来轻量化的操作感受。
四、图形注入界面设计灵感设计。
良好的UI设计可以使软件变得更有个性和品味，同时操作简单舒适。图形设计灵感，UI设计培训学校往往会使界面设计跳出线框和控件的束缚，充分体现软件的定位和特性，在使用过程中变得更有情趣。
