提升产品UX体验的一些排版设计原则

提升产品UX体验的一些排版设计原则,第1张

提升产品UX体验的一些排版设计原则

本期大家聊UI创意,推广素材UX,感受一些排版设计思路,顶部进入正题(备注名称:以下例子说明照片均源于收藏)。

本期大家说说UI假设中一些排版设计的原理。作为一名UI/UX设计师,我们如何以一种更有组织性和纪律性的方式掌握排版设计思想?那样我们就可以在你已经想象的世界里做出应急反应,然后就可以达到一个长久不变的消防标准,而不是分分合合,到顶就题(注名:以下照片均来源于合集)。

UI排版设计设想的四个原则

视觉键

逻辑结构

目视净重

视觉目标

视觉键

视觉的关键是已经在世界上占据核心地位的视觉元素。它第一时间映入你的眼帘,你会情不自禁地夸大你所有假设中所有想象的成分。

图中世界的创客通过全流程图形夸大关键日期选择笔记本,可以消化吸收你的注意力,核心区域的主要元素突出显示。

其中选座和购票,管理中心的座位元素都是统一的,但选择的结果是突出的,构成了视觉键,左侧的提示按钮构成了键。

当时作为反面教材,左缺口里的所有元素似乎都很关键,有一个明确的视觉目标来引导,让一切看起来花花绿绿的东西都能打在脸上?

逻辑结构

在几秒钟之内,客户就可以弄清楚首页中关键元素之间的关系,并执行今天针对利润的重要任务。视觉逻辑结构的创造可以贯穿大小、对比、色彩、肌理效果、暗度、室内空、认知视觉键的全过程。一个好的想法是它的视觉逻辑结构清晰,符合客户拜访的习惯。

我把世界上的视觉关系都标出来了,你可以考虑别人的产品经过什么全过程来表达那种逻辑关系。你真的可以看到应用有颜色,有大小,有明暗对比(目录笔墨关系)。

顶部可视键也是导航条的关键单元。最上面的部分介绍了假想师和战的联系标志,左页最上面的部分有一个清晰的视觉键。墨线笔贯穿了明暗关系识别的全过程。

目视净重

视觉净重怎么测?危害视觉净重的水果有大小、对比度、颜色、变黑、外观设计和影响。那么如何把握一个世界的视觉净重比例呢?上面有很多例子:

大家看完有什么感想吗?都是120px大小。

第一个例子:为什么右边看起来比左边大?

例2:为什么黑视觉的净重较大?

第三个例子:为什么白蓝紫比右边的圆块更易消化,更醒目?

最后三场,大家都会在圈子中间,征兆预计会频繁出现。下图是协商后的尺寸。右环的尺寸是108px,左环的尺寸是120px。

右图:为什么我第一次能关注到管理中心的logo,而不是岁月累积的紫蓝色?如果它是黑色的,它周围有所有的元素。图片左侧的按钮第一时间消化吸收我,也ss="superseo">ss="superseo">就是通过颜色消化吸收的全过程,我需要密切关注我视觉的重要居所。

图片右侧,购买按钮得分,购买按钮先入眼。黑色背景上的净视觉重量相对较大。在图的左侧,选座和购票的区域都是圆形的,通过颜色的全过程来标识它们的层级关系。重点内容通过色彩的全过程夸张,重点内容通过明暗边界线关系的全过程表现。

视觉目标

视觉净重前面提到了,它能在第一时间把你送到一个特别关键的影响。那么视觉目标的目的就是特定制导的功能。设计师需要做的,就是经历视觉具体引导的全过程,让客户快速到达预计目的地,而不丢失使命。常用的可视化具体指导有Fpattern和Zpattern,上面的打每个人的实际方式。

右边的logo和左边的目录形成一个水平的后轴,所以会有有线电视,线会和原元素的目标目的地相邻。左边看Z型结构,是人人道的Z型方式。

图6:功能导入的标志层次较大,内部管理体系的建立与轴有关,所以视觉目标的目的比较明确。

总频道形成视觉目标的目的需要有线电视,那条线是看不见摸不着的,是通过全流程轴形成的。如何形成一个轴的想法,整个过程之后,两端对齐,设计元素是一样的。

总结

有四年的排版设计思路在UI排版设计中经常用到。综合应用可以给排版设计思路一个例外的提升,视觉关键、逻辑结构、视觉净重互为伤害。起初,视觉目标的目的是对前者和后者有害的结构。客户能否将你的材料利润反转,到达预计目的地,取决于视觉目标的引导。然后经过大小、对比、颜色、色彩的全过程,大家都要经历。

推荐参观

在APPimagination中,小图logo是用场景来说明的。

制片人:托尼,UX视觉幻想家,喜欢研究一切新事物,分享和发表文章。

文章由@托尼本创发布。我已经同意了,并劝阻拦截。

图片来自PEPEPEELS,据CC0和平谈判。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/777895.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存