设计准则必备：学习UI设计规范的五大黄金法则

看到好看的设计，随手保存起来，这是设计师的基本习惯。但是如果只是好看，并不能驱使受众真正去了解产品。如果想要用户动心，还是需要了解一些设计心理学，从用户心理去引导用户行为。今天给大家分享一些常用的设计法则帮助你在做设计的时候，更能从用户的角度思考！

连续性法则

将连续性的元素排列起来形成组织关系，能够让用户在阅读时，更加连贯和清晰。目的是为了驱动用户完成操作。比如左滑可以看到更多的卡片，通过连续性的方式进行引导告知用户隐藏的部分。

例如：导航分类、列表、轮播图、卡片都有运用到这种法则。这一设计法则能够提示用户查看更多信息。

⬇⬇⬇复制下方链接获取设计素材

https://js.design/community?category=explore&source=csdn&plan=bbqcsdn764

 

相似原则

我们的视觉感官会把相似的元素联系在一起，主观认为这些元素有同样的意图，所以在设计相同状态或相同功能的元素时，需要保持视觉的统一性，让用户认为是一样的功能按钮或模块。当看到导航栏下方的图标，因为形状大小相似，用户会认为它们的功能属于同一类型，并且能够点击。

 

邻近性原则

我们的眼睛会把相邻的内容组成一组，从而减少内容带来的阅读压力。这是设计中必不可少的排版方式，特别是

面对复杂的信息流页面，经常会运用邻近性方法进行设计，以保证信息传递的更加有条理性。在设计的时候，利用间距将元素组合在一起，这种方法通常会使用在内容信息、卡片、横幅中。在app评论页面中，元素一般较多。通过大间隔来区分不同人发的内容，再用小间距细分内容的关系。

 

对称性原则

对称的图形会让受众感觉稳定可靠。在界面设计中为了提高稳定性通常会运用对称法则进行设计。但是过度的使用对称也会让人感觉单调和乏味，所以需要合理地运用对称性法则。

这个法则通常会使用在焦点图、产品展示、列表、导航中。这款app的主屏幕布局讲究对称，用户在打开时可以迅速准确地找到自己所寻找的信息，同时画面协调且对称。app对角线设置了圆形元素和文字布局，让视觉更加平衡。

焦点性原则

通过增加对比度或放大元素来引起注意。目标是让用户关注到页面的信息，从而引导用户关注关键信息。特别是，焦点用于细节页面或者提示框。视觉焦点就是在界面中占主导地位的视觉元素，第一时间进入你的眼睛。该界面中作者通过色块来强调重要的日期选项记事，这样能吸引用户的注意力，关键的重要元素高亮显示。

 

这些设计原则都是通过设计指导帮助用户。通过规则影响用户的行为，控制用户的使用路径以达到设计的目的。一个好的设计来自细节，也来自用户的想法。设计过程要关注用户反馈，避免不良体验，积极引导用户情绪，打造更好的产品。