【图】平面设计有哪些基础知识需要学习

如何组织信息

　　组织页面信息的首要任务是判断信息优先级，分清重要信息与次要信息，删除无用信息。化繁为简，降低视觉干扰。举个小例子，从一份简历，就可对一名应聘UI设计师的平面设计基础能力略知一二。首先对无用信息的判断(讲真，曾看到简历中还有体重信息)。其次是关键信息的组织排列、清晰表达。个人信息：姓名、年龄、照片、联系方式;基本信息：工作经历、教育背景、职业技能;其他信息:兴趣爱好等。数份简历扎堆时，信息有效快速传达是第一步，再者才是加入一点点自己的小个性。

如何对齐

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

　　a. 信息分组

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

b. 居中对齐or左对齐

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

如何有重点

　　a. 大小对比

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

b. 并非均分

　　看似没有什么差错的信息布局(左图)，为什么始终差了一些什么?由于细节之处并非理解信息主次。最初设计稿追求绝对的均分，导致信息较散，没有“组”的紧凑感。

精简与一致性

　　在手Q公众号图文消息优化中，我们发现线上旧的图文消息边距较为肥厚，在大图+1小图的情况下由于代码的模块化拼接，始终无法达到完美的像素间距。在考虑多种纯文字、单图、多图文模版拼接后，尽量减少间距规则和字号种类，达到拼接模版的统一规则。保证一致性为前提，也提供灵活拼接的多样性。

　　大图+1的情况下，定义1条小图的上下间距相等等于一个单位，而不是单个模块中小图距离上方的1/2单位，在+n小图的时候使得两个小图之间的间距相加后等于一个单位(见下图)。这个小小的视觉细节在和技术同学耐心联调后是可以完美实现的。

操作的轻量化

　　在某电台app概念设计中，分享功能支持获取歌词并同时拉取专辑封面配图，允许用户上传照片、写下当时的心情或是用语音表达。最初设计时的界面交互框架(左图)默认功能在“写下心情”，“加图片”和“录语音”的功能重要性并列，感受上是个功能强大的分享界面，告诉用户你有三种选择配心情内容的方式。讨论后优化框架(右图)，默认拉取专辑封面图，支持上传图片入口置于右上角，默认歌词展示在封面图上可点击编辑，整个页面可视化了最终分享出去的样式，所见即所得。设计优化后，让整个操作有了重点。可以直接在分享预览图上操作，缩短了分享路径，最重要带给用户轻量化的操作感受。