Clippp的第51篇文章分享
做设计需要讲究各种平衡：体验与技术、时间与成本、企业与用户…实际上一个简单的页面也需要把握平衡才能让用户满意。
1.对称平衡
页面设计中平衡最常见的例子是对称。对称给用户带来一目了然的感觉，并使页面具有条理性。
对称平衡通过水平和垂直方向的划分，帮助构图更加规范，用户使用起来也很方便。
▲这个页面采用标准的对称式构图，将两支球队的信息左右分布，以一种简单的方式呈现给用户，还能实时更新比赛得分情况。
2.动态平衡
两侧重量不相等的构图具有不对称性，动态平衡看起来比对称平衡更有趣。
在页面没有平衡的情况下，我们的视线会反射性地寻找平衡点，这是吸引用户注意页面上未被注意到的元素的好机会。
▲页面中的插图背景占据了很大的空间，造成了明显的不对称性。除了插图我们会发现页面中的标题、按钮、卡片成为画面中重要的平衡点。
3.径向平衡
径向构图是把视觉元素从一个共同的中心点放射出来，以主要功能点为中心，将其他元素或内容径向编排起来。
优点是能轻松地将用户注意力引导到画面的主要功能点上。
▲两个页面的设计相似，都采用了径向平衡的构图。通过中心点突出最重要的功能，然后在排布其他功能或数据。径向构图也让整个界面看起来更饱满。
4.视觉平衡的关键点
好的构图平衡能够让用户获得舒适的阅读体验，减轻用户的使用负担。
这里提供一些基本的视觉观察方法，帮助大家快速着手设计：
尺寸：大物体看起来更重。
形式：不规则的元素看起来比规则的元素轻。
颜色：暖色比冷色重。
色调：深色物体比浅色物体重。
纹理：具有纹理的对象看起来更重。
3D：具有纹理的立体对象看起来更重。
位置：物体离中心越远，视觉重量就越大。
方向：垂直元素看起来比水平元素重。
密度：许多小元素抵消一个大元素。
最后
学会透过表面看逻辑，例如不仅要思考按钮放左边还是右边，更要思考按钮的位置与页面整体的关系以及对信息传达的效率。
通过这样不断的思考我们会对页面设计有更深层次的理解～
最后为大家整理了一套设计感十足的体育类UI界面，后台回复： 体育 即可获取高清大图！
Tips：Clip设计夹的视频号也在更新创意作品，一起来提升灵感，期待你的关注！
文章链接：https://www.uied.cn/20735.html
更新时间：2023年06月09日
本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
