提升设计质量:运用五大黄金法则打造卓越的UI界面

发布时间 2023-07-17 20:52:59作者: 设计芝士波波球
看到好看的设计,随手保存起来,这是设计师的基本习惯。但是如果只是好看,并不能驱使受众真正去了解产品。如果想要用户动心,还是需要了解一些设计心理学,从用户心理去引导用户行为。今天给大家分享一些常用的设计法则帮助你在做设计的时候,更能从用户的角度思考
 
 
连续性法则
 
 
连续性的元素排列起来形成组织关系,能够让用户在阅读时,更加连贯和清晰。目的是为了驱动用户完成操作。比如左滑可以看到更多的卡片,通过连续性的方式进行引导告知用户隐藏的部分。
例如:导航分类、列表、轮播图、卡片都有运用到这种法则。这一设计法则能够提示用户查看更多信息
 
⬇⬇⬇复制下方链接获取设计素材
https://js.design/community?category=explore&source=bky&plan=bbqbky764
 
 
 
 
相似性原则
 
 
我们的视觉感官会把相似的元素联系在一起,主观认为这些元素有同样的意图,所以在设计相同状态或相同功能的元素时,需要保持视觉的统一性,让用户认为是一样的功能按钮或模块。当看到导航栏下方的图标,因为形状大小相似,用户会认为它们的功能属于同一类型,并且能够点击。
 
 
 
邻近性原则
 
 
我们的眼睛会把相邻的内容组成一组,从而减少内容带来的阅读压力。这是设计中必不可少的排版方式,特别是
面对复杂的信息流页面,经常会运用邻近性方法进行设计,以保证信息传递的更加有条理性。在设计的时候,利用间距将元素组合在一起,这种方法通常会使用在内容信息、卡片、横幅中。在app评论页面中,元素一般较多。通过大间隔来区分不同人发的内容,再用小间距细分内容的关系。
 
 
 
 
 
 
对称性原则
对称的图形会让受众感觉稳定可靠。在界面设计中为了提高稳定性通常会运用对称法则进行设计。但是过度的使用对称也会让人感觉单调和乏味,所以需要合理地运用对称性法则。
 
这个法则通常会使用在焦点图、产品展示、列表、导航中。这款app的主屏幕布局讲究对称,用户在打开时可以迅速准确地找到自己所寻找的信息,同时画面协调且对称。app对角线设置了圆形元素和文字布局,让视觉更加平衡。
 
 
焦点性原则
 
通过增加对比度放大元素来引起注意。目标是让用户关注到页面的信息,从而引导用户关注关键信息。特别是,焦点用于细节页面或者提示框。视觉焦点就是在界面中占主导地位的视觉元素,第一时间进入你的眼睛。该界面中作者通过色块来强调重要的日期选项记事,这样能吸引用户的注意力,关键的重要元素高亮显示。
 
 
这些设计原则都是通过设计指导帮助用户。通过规则影响用户的行为,控制用户的使用路径以达到设计的目的。一个好的设计来自细节,也来自用户的想法。设计过程要关注用户反馈,避免不良体验,积极引导用户情绪,打造更好的产品。