电商网站设计如何能留住用户脚步-把详情页做得足够出彩

Post 9 of 913

互联网兴起,引起“线上购物”的热潮。但网上商店的数量越来越多,要突围而出,除了网页设计要好看,详情页设计也是必修课之一。想要吸引更多用户愿意停留你的网上商店,首先就要给用户带来流畅的视觉体验、直观的产品信息和亮点等。那么,如何把详情页做得足够出彩?页面构图是非常重要的元素之一。

如何把详情页做得够出彩?

一. 详情页的构图形式

目前最被认可的详情页设计形式就是分屏式,这主要是按照手机端设计思维,以一屏为单位制作,最后整合成完整的详情页。其特点能帮助页面提升视觉流畅度和内容识别度,因此不少设计师都会将每屏设计当为海报来制作。

事实上,详情页的构图与传统PC端海报是存在很多不同的,这是由于目前越来越多用户选择手机端购物,因此详情页设计也会更偏向于手机端,以竖向构图形式来设计。

那么,常见的竖向构图形式有哪些?

 

电商网站设计如何能留住用户脚步-把详情页做得足够出彩

以上三种构图形式不仅在详情页中使用的频率特别高,而且还兼顾手机端很多必要点,如:视觉流畅度、整洁度、辨识度,以及用户的接受度等。设计详情页时,构图和版式方面不必特别复杂,干净整齐的画面反而更有利于视觉表达,及手机端的显示。

电商网站设计如何能留住用户脚步-把详情页做得足够出彩

除了上下构图形式,左右构图形式同样能够设计出优秀的详情页。一般来说,文案在配图下半部分的构图形式,在使用上较难控制,因此很少设计师会选择这种模式。当然,如果你想给用户有眼前一亮的视觉感受,这种构图形式无疑是不错的选择,但需要注意,这类构图不宜多用,在整个详情页中出现1-2个即可。相反,左右式配图+文案的形式会更为常用且更容易把控。

可以说,详情页设计的构图形式其实并不难,主要把握以上介绍的六种构图形式,装饰元素选材方面不必太多太复杂,只要选取其中1-3种交替使用,便足够应用于日常工作。此外,构图形式还可以分为:全屏、半屏、透明图,具体情况需根据配图的留白、重心、美观度等,灵活运用即可。

二. 合理选取设计素材

现实生活中,设计素材有很多,但这次主要说说常见的三种,包括:手势、植物、肌理。这三种元素如果运用得好,会让详情页变得更加出彩,视觉表达上也会更生动且有说服力。

1. 手势素材(如:拿、托、指等关于手方面的动作)

电商网站设计如何能留住用户脚步-把详情页做得足够出彩

在视觉上,手势能让画面变得更加生动,富有立体感和层次感,能让画面变得更加饱满;对用户来说,手势能让他们更能体会到产品的真实性和可操作性,对交易的达成和加深用户对产品的了解也极具说服力。

2. 植物素材(贴合自然、清新、现实及生机的主题)

电商网站设计如何能留住用户脚步-把详情页做得足够出彩

植物素材,相信大家都不陌生,而且在很多网页设计和详情页设计都会出现,装饰性也非常强。注重植物与主体的层次关系,能让画面变得更饱满,但需注意植物的运用不能胡乱使用,而是根据画面的氛围和文案紧密相连,形成很好的呼应和装饰作用。

3. 材质素材

关于材质素材,小编就不多说,因为在很多关于网页设计的内容上,都会有提及到。材质素材对提升作品细节感、层次感、出彩度以及饱满度都有很大的帮助,如果想让详情页更富有质感,不妨试试材质素材。

三. 抽象名词具体化

最后,我们一起来看看“如何通过设计手法表现出抽象”,例如:风、声音、温度等。

电商网站设计如何能留住用户脚步-把详情页做得足够出彩

利用装饰性元素,通过视觉手法将抽象化名词表现出来,这对于用户理解的难易程度及视觉出彩度都有很大的提升。如果产品详情页出现1-2次这样的处理手法,会让画面变得更加生动且形象。

电商网站设计如何能留住用户脚步-把详情页做得足够出彩

另外,若文案中出现LOGO、数字和英文等,也可以通过视觉手法表现出来,这会让详情页版式变得更加活跃,同时对提升设计感也有很大的帮助。

详情页设计中最主要的两点就是视觉的流畅度以及文案辨识度,若想提升设计详情页的能力,不妨多找些不错的详情页,按照文中尝试分析,并落实到工作中灵活运用。

记住,详情页设计构图及文字排版不宜太过复杂,一款详情页一般有2-4屏出彩即可,最好能形成一定的对比,让画面带有一定的冲击力,减少用户对详情页出现视觉疲劳之感。

This article was written by admin

MENU
網頁設計公司