组成形式
当前批准的详细信息页面设计形式是分屏,它是基于手机的设计,并且是逐屏制作的。最后,它被集成到一个完整的详细信息页面中,这有助于提高视觉流畅度和内容。认可,因此我们可以将每个屏幕都作为海报。说到海报,这与设计构图是分不开的。
详细信息页面的组成与传统的PC侧海报不同,因为详细信息页面设计更加关注手机,因此一个屏幕的内容可以看作是手机的垂直海报。一张色彩丰富的海报不可避免地需要一个好的骨架。
例如:视觉流畅度、清洁度、识别度、用户接受度等,详细页面设计在组成和布局上不需要很复杂,但是干净整洁的图片更易于视觉表达,更有利于手机显示屏。
在详细页面的设计中,看似简单的组成非常实用。有了这三个组成部分,您可以制作出非常好的详细信息页面。
与图片下部的这种构图相比,副本小于、。很难控制其中的一些。当然,使用布局会破坏、的视觉效果。但是,这种组合物是不合适的。多功能,在完整详细信息页面上显示1-2次。地图和复制表格的左右类型比较常用
详细信息页面的组成不应太复杂。六种构图形式足以应付日常工作。只需选择1-3个组成形式之一即可交替使用。在上面的组成示例中标识的装饰元素可以是线条、英文、图标、编号、物理材料等,也可以选择不使用,具体取决于图片的空白区域和重心的灵活使用。因此,详细页面中每个屏幕的组成并不困难。完全有可能使用这六个组成形式作为公式。可以直接应用结构(结构类似,而不是要求1:1)。另外,图片格式可以分为三种类型:全屏、半屏、透明图片,具体的构成形式需要与图片的整体重心、结合起来,留下白色、的美感。较为流行的成分可以理解为填充空白,内容填充在空白处,注意适量的白色。
当将透明地图用作地图时,无论哪种形式的组合都可能显得为空,我们都可以使用一些装饰数字、英文、线、形状、文本等。
、情况下的文本数字和乘积的组合解决了空白问题。、增强了整体饱满度并使表格新颖。、是有创意的。组成形式与以前的一致。
合理的设计素材
说到设计素材,浮在脑海中的可能会很多种,而这次要说的主要是三类,即:手势、植物、肌理(在花瓣搜索关键词「手势」「植物」「材质」「肌理」就能找到对应素材),这三类素材在详情页设计中出现的频率也是很高的,如果运用得当会将详情页的出彩度提升一个档次,而且对于视觉表达也会更加生动、形象、富有说服力。
1. 手势素材
顾名思义,就是各种各样关于手方面的动作,比如:拿、托、指等等。
这些手势使得画面更加生动、有立体感、有层次感,让作品更饱满、更出彩。而对于用户而言,更加深刻地体会到产品是有温度的、可操作的、更真实、更容易理解,所以对于交易的达成以及加深用户对产品的了解也更具说服力。
影响详情页转化率的因素有很多种,视觉表达能否真正抓住用户心理也是很关键的一点。
2. 植物素材
这类素材相信大家都不陌生,在很多页面以及详情页出现的频率都很高,而且装饰性很强,寓意也很宽泛,比如:自然、清新、贴合现实、有生机等等。
植物的运用并不是随便使用的,而是与海报氛围、文案都紧密相关,形成了很好的呼应、装饰作用。
我们常用的植物元素可以是清晰的,也可以模糊处理,只要与画面整体气质相符,可以根据实际情况灵活使用。
3. 肌理素材
关于材质、肌理的妙用在前面很多文章中都有提到过,这里简单地说一下,肌理素材对于提升作品细节感、层次感、出彩度以及饱满度都有很大的帮助,如果作品碰到上述问题,不妨用肌理素材试试。
抽象名词具体化
单看标题可能很多人不太明白,什么叫做抽象名词具体化?其实简单理解就是:将一些比较抽象的名词通过设计手法表现出来,比如风、声音、温度、轻重、锋利等等。这样做的目的不仅可以提升用户体验、加快用户理解,而且在视觉上能生动形象的将抽象化名词表现出来,对于视觉出彩度的提升也很大。给人留下的印象也更加深刻,间接的提升了视觉传达的时效性。
通过案例我们不难发现:将抽象化的名词通过视觉手法表现出来,对于用户理解的难易程度以及视觉出彩度而言都有提升。如果一款产品详情页中能出现 1-2 次这样的处理手法,会使得详情页在视觉上更加生动、形象。
在详细信息页面设计中,如果副本中出现一些LOGO、数字、英文,请不要放开它,因为它具有装饰性,这对于活动页面布局和设计改进非常有帮助。形式主要是:水印、和产品散布着、作为主要信息用途,等等,一个详细页面可以使用2-3次。
总结一下
细节页面设计不可忽略的两点:视觉流畅性和复制识别能力。文章、元素中提到的某些合成方法使用、视觉表示是为了给大家提供指导,以便在工作中灵活使用、。在正常情况下,一个详细页面可以有2-4个屏幕来比较颜色,可以形成一定的对比度,而不会使视觉疲劳、均匀。
日期:2019年11月13日
标签: 详细信息页面设计不充分,如何进行改进?