首先我们要知道什么是商品详情页:
商品详情页是展示商品详细信息的一个页面,承载在网站的大部分流量和订单的入口。京东商城目前有通用版、全球购、**、易车、惠买车、服装、拼购、今日抄底等许多套模板。各套模板的元数据是一样的,只是展示方式不一样。
目前商品详情页个性化需求非常多,数据来源也是非常多的,而且许多基础服务做不了的都放我们这,因此我们需要一种架构能快速响应和优雅的解决这些需求问题。
因此我们重新设计了商品详情页的架构,主要包括三部分:商品详情页系统、商品详情页统一服务系统和商品详情页动态服务系统;商品详情页系统负责静的部分,而统一服务负责动的部分,而动态服务负责给内网其他系统提供一些数据服务。
常见详情页设计模式
形式一:采用竖屏的设计思维,分屏制作,更利于信息传递以及视觉效果的体现,这也是做电商详情页最常用的形式之一,这样做的目的更多的兼顾移动端,以移动端为主,提升视觉流畅度以及信息传达率。
形式二:善用图标元素,当画面出现数字时可以做特殊处理或者放大,因为大字号和数字能起到很好的装饰性且也能起到突出的作用,增加画面的设计感
形式三:当画面整体不需要完全深色的情况下,要尽量做到整体模块有深有浅,也就是视觉上有轻重之分,这样能形成很好的视觉节奏关系,但是尽量不要大面积的轻、重过于集中,要让整体中心偏向平稳
技巧一:将首屏设计画面做出光感,也就是不管画面有没有光源,要做出一种有光来的感觉,比如:
技巧二:并不是所有产品都适合简约的设计风格,也有一些偏炫酷、游戏风格的产品首屏就不适合这样做了,但是做出光感是共通的,只不过是在效果、材质的改变,但是作图思路还是如此,即:场景感、光感的体现: |