B2C网站宽度和风格的探讨

2024-03-25 12:58
文章标签 网站 风格 探讨 宽度 b2c

本文主要是介绍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网站宽度和风格的探讨的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/845084

相关文章

python编写朋克风格的天气查询程序

《python编写朋克风格的天气查询程序》这篇文章主要为大家详细介绍了一个基于Python的桌面应用程序,使用了tkinter库来创建图形用户界面并通过requests库调用Open-MeteoAPI... 目录工具介绍工具使用说明python脚本内容如何运行脚本工具介绍这个天气查询工具是一个基于 Pyt

如何关闭Mac的Safari通知? 3招教你关闭Safari浏览器网站通知的技巧

《如何关闭Mac的Safari通知?3招教你关闭Safari浏览器网站通知的技巧》当我们在使用Mac电脑专注做一件事情的时候,总是会被一些消息推送通知所打扰,这时候,我们就希望关闭这些烦人的Mac通... Safari 浏览器的「通知」功能本意是为了方便用户及时获取最新资讯,但很容易被一些网站滥用,导致我们

Web技术与Nginx网站环境部署教程

《Web技术与Nginx网站环境部署教程》:本文主要介绍Web技术与Nginx网站环境部署教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、Web基础1.域名系统DNS2.Hosts文件3.DNS4.域名注册二.网页与html1.网页概述2.HTML概述3.

Java内存区域与内存溢出异常的详细探讨

《Java内存区域与内存溢出异常的详细探讨》:本文主要介绍Java内存区域与内存溢出异常的相关资料,分析异常原因并提供解决策略,如参数调整、代码优化等,帮助开发者排查内存问题,需要的朋友可以参考下... 目录一、引言二、Java 运行时数据区域(一)程序计数器(二)Java 虚拟机栈(三)本地方法栈(四)J

使用Python创建一个功能完整的Windows风格计算器程序

《使用Python创建一个功能完整的Windows风格计算器程序》:本文主要介绍如何使用Python和Tkinter创建一个功能完整的Windows风格计算器程序,包括基本运算、高级科学计算(如三... 目录python实现Windows系统计算器程序(含高级功能)1. 使用Tkinter实现基础计算器2.

使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)

《使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)》PPT是一种高效的信息展示工具,广泛应用于教育、商务和设计等多个领域,PPT文档中常常包含丰富的图片内容,这些图片不仅提升了... 目录一、引言二、环境与工具三、python 提取PPT背景图片3.1 提取幻灯片背景图片3.2 提取

nginx部署https网站的实现步骤(亲测)

《nginx部署https网站的实现步骤(亲测)》本文详细介绍了使用Nginx在保持与http服务兼容的情况下部署HTTPS,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值... 目录步骤 1:安装 Nginx步骤 2:获取 SSL 证书步骤 3:手动配置 Nginx步骤 4:测

java获取图片的大小、宽度、高度方式

《java获取图片的大小、宽度、高度方式》文章介绍了如何将File对象转换为MultipartFile对象的过程,并分享了个人经验,希望能为读者提供参考... 目China编程录Java获取图片的大小、宽度、高度File对象(该对象里面是图片)MultipartFile对象(该对象里面是图片)总结java获取图片

速盾高防cdn是怎么解决网站攻击的?

速盾高防CDN是一种基于云计算技术的网络安全解决方案,可以有效地保护网站免受各种网络攻击的威胁。它通过在全球多个节点部署服务器,将网站内容缓存到这些服务器上,并通过智能路由技术将用户的请求引导到最近的服务器上,以提供更快的访问速度和更好的网络性能。 速盾高防CDN主要采用以下几种方式来解决网站攻击: 分布式拒绝服务攻击(DDoS)防护:DDoS攻击是一种常见的网络攻击手段,攻击者通过向目标网

49个权威的网上学习资源网站

艺术与音乐 Dave Conservatoire — 一个完全免费的音乐学习网站,口号是“让每一个人都可以接受世界级的音乐教育”,有视频,有练习。 Drawspace — 如果你想学习绘画,或者提高自己的绘画技能,就来Drawspace吧。 Justin Guitar — 超过800节免费的吉他课程,有自己的app,还有电子书、DVD等实用内容。 数学,数据科学与工程 Codecad