本文主要是介绍B2C网站宽度和风格的探讨,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.宽屏:
很多网站是宽屏,譬如amazon,还有一些国外http://www.walmart.com/,http://www.hm.com/au/等,
宽屏的好处:
、更宽阔的视觉效果,尤其是宽屏显示器,图片可以做的很大,有很强的视觉效果,譬如产品图片,首页广告图片等。
、更多的展示信息,在宽屏中可以三栏展示产品信息,而且不显得拥挤。
、除了信息的展示和视觉效果,个人没有发现出来其它的比较明显的优势。
宽屏的坏处:
、作为宽屏,需要适用各种宽度的浏览器,因此,对于前段的css开发比较有难度,里面的各个区段,都必须有一个自适应宽度的div,来适用宽度,有的地方甚至需要图片来做自适应,譬如首页大图。这些对应前段设计,提高了难度
、图片过大,导致页面加载的体积过大,本来1.5MB的页面,做成自适应后可能要3MB。
、驾驭不好,会让页面变的更乱,内容展示的拥挤,div的百分比展示,可能让一些div的宽度必须自使用,而导致设计上的布局吃力
、太宽的屏幕,客户鼠标操作起来需要两次移动,信息过多,会让客户的注意力不集中,信息查看起来比较吃力。
、各种设备的自适应更加吃力,而且css需要做多份,增加页面体积
总之,电商网站要求的是快速加载,简洁,一目了然,清爽,针对客户心理部署信息等,宽屏不乏优秀的网站,但是驾驭起来,无论是设计,还是网页加载的东西过多导致加载速度变慢,还是页面清爽的设计,营销的页面部署,都会显得很吃力,对于中型B2C,建议用960-1200的固定宽度。
设计风格:颜色块VS线条
线条:
、使用的图片小,页面加载的东西少,页面刷新快
、简约,直观,尽最大量的让客户的眼球集中于产品图片和信息上面
、适应的产品类型多,也就是杂货类的B2C的各种产品,放到线条的模板中,都会很舒服
、提高转化率,这个有点牵强,转化率的影响因素很多。
个人推荐:线条设计风格+1200宽度屏幕。包括logo也尽量线条化。
这篇关于B2C网站宽度和风格的探讨的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!