澳门威尼斯人线上下注

投注美东红包 五大模块,解析产品设计中的视觉走查

匿名 3255

投注美东红包 五大模块,解析产品设计中的视觉走查

投注美东红包,视觉穿越一般分为五个模块:形状、颜色、特征、结构和质量,本文还将讨论视觉穿越中的注意事项。

在我们的日常设计中,我们经常不由自主地应用过去的经验,把自己沉浸在自己的小世界里,这导致方案过于主观或理想化,与我们的目标不一致。这将导致审核失败,效果不理想的情况,因此需要按照一定的规则进行自检。

我们都去医院体检了。前台会给我们一份体检表。我们将根据体检表上的项目逐一检查,并记录结果的最终总结。设计演练类似于对该方案进行体检。根据一定的设计标准和规则,设计方案自始至终被发现和总结,便于修改和迭代。

设计预检是设计方案的检验方法,所以我们还需要一份“体检表”来确定检验项目。通常,设计演练分为交互式演练和视觉演练。本文介绍了可视化遍历方法,交互式遍历将在以下文章中介绍。

视觉穿越一般分为五个模块:形状、颜色、特征、结构和质量。

在确定项目后,我们如何知道“体检表”是否合格?

因此,我们需要有一定的标准来确定这个项目的标准。如果符合标准,他们就会通过。如果不符合标准,则需要进行调整。

(a)视觉步行形状

1.图片

由于图片通常是通过离开坑上传到操作中的,所以ugc应用图片是由用户上传的,因此有必要确保图片的大小和比例是合理和统一的。例如,如果同一商品图中的位置都是1:1,那么它们都应该是1:1。

但是,商品地图的具体比例需要根据实际情况确定。例如,对于像马蜂窝这样的旅行策略,用户通常会拍照并通过手机上传,所以比例是4:3或1.382: 1。像电子商务应用一样,商品的主要图片通常是正方形的。

下图显示了常见图片的比例和比例:

2.标签

标签可以从低到高大致分为纯文本标签、线框标签、浅色标签和实心/渐变标签。检查时,应注意标签是否使用均匀。例如,通常有更多的标签,如促销和卖点,因此可以使用线框标签。专营店和旗舰店等官方属性在更高层次上反映了正版产品的心理水平,出现频率可能相对较低。因此,使用固体/梯度标签。在这种情况下,有必要确定颜色是否一致。

3.按钮

根据从低到高的级别,按钮可以大致分为文本按钮、线框按钮、浅色按钮、纯色/渐变按钮。我们还需要注意按钮是否统一使用。例如,取消按钮都是线框按钮,你突然变成纯色/渐变按钮,这绝对是不合理的。

(二)视觉行走色彩

1.合理的等级制度

在上面的模块中,您可以一眼看出价格水平最高,其次是顶部标题部分,最低的是中间的小印刷部分。不同的颜色代表不同的层次。页面中的级别应该清晰合理。用通俗的话说,颜色越不显眼,层次就越低。哪种颜色不显眼:取决于背景颜色。在下图中,text1与背景颜色相似,不容易区分,不显眼,层次较低。文本2与背景颜色有一定的区别,容易区分,所以很显眼,层次高。

2.统一规范

顾名思义,统一的标准在颜色使用上应该是统一的。例如,在下图中,如果蓝色被用作文本链接,那么一般来说,所有文本链接都应该是蓝色的。当然,如果背景颜色导致蓝色识别率较低,则需要适当调整。

3.中等数量

太多的颜色会让人眼花缭乱,所以有必要控制使用的颜色数量。一般来说,除了黑色、白色和灰色,页面中的颜色不应超过3种,这需要根据页面的复杂性来确定。但是,如果有多种颜色,应给出原因,并且所有页面颜色的使用应保持一致。

(3)视觉行走词

1.合理的等级制度

不同的字体大小和不同的单词权重代表不同的级别。众所周知,字体越大,单词权重越大,级别越高。因此,合理使用它是必要的。例如,下图帮助小词选择半粗体,但主标题使用浅色,这显然是不合理的。

2.舒适的高度

单行文本的行高通常与字体大小相同,而多行文本的行高通常是字体大小的1.618倍(舍入和偶数)。行高太高,页面内容太分散,不利于阅读。行高太低,内容太紧凑,不利于阅读。1.618是黄金比例,间距适中,便于阅读。

3.中等数量

除了字体大以外,可能还有多种字体。通常,页面中的字体数量不会超过两种。一种是普通文本字体(通常是系统字体),另一种是数字字体。因为汉字很多,字体包很大,所以不建议嵌入第三方中文字体包。数字字体通常会删除多余的英文字体和符号,以简化字体包。

(四)视觉行走检查结构

这里的结构是一个页面结构,它主要分为两个部分:层次结构和间距:

1.合理的等级制度

不同的模块和不同的内容有不同的层次,不同的页面有不同的用途。合理的级别意味着该页面的级别排列合理。那你是怎么理解的呢?让我们看看下图:

这是一些商品信息,显示在商品列表页面上。在这个页面上,我们希望能够快速点击用户喜欢的商品,以便用户可以进入商品详细信息页面来完成转换。商品信息包括商品地图、价格、卖点和商品名称,那么如何区分优先级?

商品地图对用户来说是最直观和最有吸引力的地方,所以商品地图的优先级肯定是最高的,然后我们需要确定哪个优先级是卖点和标题?用户什么时候需要阅读文本?

当然,当图片无法识别并且用户不确定产品是什么时,在这种情况下,我们必须做的第一件事是帮助用户识别产品,第二件事是展示卖点。如果用户不能识别产品是什么,展示卖点有什么意义?

还有一个价格。用户在什么情况下看价格?

当然,我们在了解产品之前不会去看价格,所以我们会优先考虑:产品图表>产品名称>卖点>价格。但是,在大多数情况下,用户可以通过商品图表来识别商品,所以用户会立即查看价格,所以在这种情况下,优先级是:商品图表>价格>商品名称>卖点。

注:这里仅推断这不是实际的研究结果。正常的优先级排序需要一定的研究。

2.合理间距

在间距方面,我们需要充分利用格式塔原理来制定一定的规范,以保证内容之间的间距均匀合理。例如,主标题和副标题是对商品的描述。因此,对于一个组,我们将两者之间的间距设置为6pt,而商品地图和标题也属于一个组。我们将两者之间的间距设置为9pt,商品和商品之间的间距也是一组内容。我们可以将两者之间的间距设置为12pt。

注:这是一个例子。实际间距需要根据页面内容进行标准化和调整。

格式塔原则——接近

格式塔原则——相似性

格式塔原则——连续性

格式塔原则——封闭

格式塔原理——对称性

格式塔原则——主体/背景

格式塔原则——共同命运

(5)目视检查-质量

质量强调页面的整体感觉是否合理:

1.合理统一的风格

合理统一的风格主要是指整个页面风格相同,无论是图标、按钮还是整体,例如,如果图标是平面的,那么按钮就不现实。

2.合理统一的音调

合理统一的调性主要是指页面的整体感觉。例如,该产品是奢侈品,因此需要在高端环境中升级。结果,页面上的推广气氛很浓,这是不合理的。这部分主要取决于情绪板的生产和使用是否统一。如果情绪板在完成后没有实际使用,或多或少会有一些问题。

当我们发现不合标准的对象时,我们通过四象限方法对这些对象进行优先级排序,并根据优先级排序确定优化顺序:

一些图片来自互联网,被黑客攻击或删除。

作者:为什么很复杂?公共号码:为什么复杂(uxsimple)

这篇文章是由@为什么它是复杂和原创的?每个人都是产品经理。未经允许禁止复制。

主题地图来自unsplash,基于cc0协议。

全讯网导航