UI设计之方法总结

掌握方法，就掌握了解决问题的能力。关于做UI设计的方法，在这里我总结为三步：

：产品层面。先弄清楚产品的核心功能是什么？产品定位是什么？用户画像是什么？产品目标，商业目标又是什么？将这些弄明白之后，便于我们确定整个产品基调以及风格。

第二，交互层面。使用互联网产品的过程，就是人机交互的过程。做页面之前弄清楚页面交互的逻辑，视觉会发起某种交互的行为，从而指引用户视觉的走向与聚焦点，帮助用户顺利完成任务。

第三，视觉层面。好的UI设计，不仅能从视觉上提升产品的个性和品味，还能让产品从操作层面变得舒适简单，充分体现产品的定位和特点。那么如何在视觉层面作出好的设计呢？我总结了一下几点：

多看，多玩，正确借鉴！

我们平时在浏览作品的时候，一定要边看边思考边总结！！！从配色，版式，信息处理，风格上去思考，从而能够更好的运用在我们的设计表现上。没事的时候，多玩一些海量级的产品，借鉴的设计样式，体会流畅的交互方式，能够让自己积累更多的视觉“经验”。面对众多的参考，我们要懂得筛选，找到符合自身产品设计的风格，正确参考！

选择正确的页面元素！

打个比方：一件衣服再好看，但是不符合穿衣人的气质，就体现不出穿衣人的美。我们在做页面设计的时候，要充分结合产品的调性，选择合适的页面元素。在这里举个案例：图一列表导航区的icon色彩与细节都比较丰富细腻，图二则是简单的绿色线性图标，但是图二从视觉来看页面更加清晰简洁，凸显医疗的氛围，与主色相呼应，让整个页面看上去更加和谐，不突兀。

层次分明，有主有次！

通过字重，字号，字体颜色的区分，对信息进行分层，帮助用户快速获取主要信息，了解次要信息。通过对亲密性原则的运用，把握好间距的设置，能更好的区分信息模块，使页面内容看上去更加清晰，增加用户体验。通过对卡片样式的运用，能够很好的将信息进行整合，对层级进行明显的区分。

确保内容的可读性！

页面服务与内容，内容服务于用户，那么我们在呈现页面视觉时，一定要让用户清晰直观的把握信息内容。做页面时，除了合理把握文字的大小，字间距，行间距，此外要注意文字背景颜色的使用，保证文字的可读性，尽可能清晰直观的展示文字内容，便于用户获取信息。在这里给大家看一个案例，图一卡片的颜色饱和度更高，更加凸显白色文字；图二卡片颜色明度过高，白色文字内容不明显，影响用户的视觉识别。合理把握页面的色彩，让页面更加清晰直观！

合理留白，减少与页面无关的装饰元素！

留白不仅能调节界面的视觉审美效果，更能凸显主体，使页面内容更加清晰直观，增加整体页面的呼吸感。一个好的页面，一定是内容清晰的，页面的元素都是围绕功能，内容去设计的，减少不必要的装饰元素，让页面更简洁。