UI设计界面中实战版式技巧分析
新闻来源：优漫教育
日期：2021-06-16
制作UI界面时，很多时候我们都需要看很多的产品竞品分析，市场调研，不管是交互逻辑还是设计细节，都非常占用了设计师的时间成本，在这里我就为大家分析整理了一些常用的实战设计小技巧，帮大家节省一些收集资料的时间，希望能帮助设计师提高设计质量和效率！
一、布局中的空间关系要素。
对于界面布局设计，可以运用平面设计中结构化的思维方法来理解UI界面空间结构的对应关系，下面以新闻类客户端页面元素分析为例。
二、过度内容处理方法。
为使阅读更有效率，可采用不同标题规格，不同编排比例，或不同色底的分层。
三、模块划分的方法。
线段分割与空间分割的区别，线段分割给人一种压抑感，空间分割给人更轻松阅读的感觉。
四、如何改变布局比例和视觉空间比重。
让我们看看qq音乐会员中心页面的设计，不同的等级对应不同的色彩搭配，利用色彩填充背景来吸引用户增加界面的专属比重，起到账户切换视觉的引导作用，是一种不错的设计思路。
五、根据主题选择图解和配图方案。
做设计时，我们常常会追求“高雅”、“高雅”，也就是“独特”，其实更重要的是要符合产品的调性和产品的目标人群，不能一味地追求“设计追求”，如下面两个例子，就很好地表达了产品的调性，明确地告诉用户我是做什么产品，又为什么样的人群服务。
六、画面焦点
呈现在画面中相对更突出的内容，使用户在浏览产品时能直观地捕捉到用户的眼球；对焦是相对的，在大页面中可以是对焦，在小模块中可以是对焦。
