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

相关文章

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

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

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

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

BT天堂网站挂马事件后续:“大灰狼”远控木马分析及幕后真凶调查

9月初安全团队披露bt天堂网站挂马事件,该网站被利用IE神洞CVE-2014-6332挂马,如果用户没有打补丁或开启安全软件防护,电脑会自动下载执行大灰狼远控木马程序。 鉴于bt天堂电影下载网站访问量巨大,此次挂马事件受害者甚众,安全团队专门针对该木马进行严密监控,并对其幕后真凶进行了深入调查。 一、“大灰狼”的伪装 以下是10月30日一天内大灰狼远控的木马样本截图,可以看到该木马变种数量不

PHP抓取网站图片脚本

方法一: <?phpheader("Content-type:image/jpeg"); class download_image{function read_url($str) { $file=fopen($str,"r");$result = ''; while(!feof($file)) { $result.=fgets($file,9999); } fclose($file); re

Weex入门教程之4,获取当前全局环境变量和配置信息(屏幕高度、宽度等)

$getConfig() 获取当前全局环境变量和配置信息。 Returns: config (object): 配置对象;bundleUrl (string): bundle 的 url;debug (boolean): 是否是调试模式;env (object): 环境对象; weexVersion (string): Weex sdk 版本;appName (string): 应用名字;

使用WebP解决网站加载速度问题,这些细节你需要了解

说到网页的图片格式,大家最常想到的可能是JPEG、PNG,毕竟这些老牌格式陪伴我们这么多年。然而,近几年,有一个格式悄悄崭露头角,那就是WebP。很多人可能听说过,但到底它好在哪?你的网站或者项目是不是也应该用WebP呢?别着急,今天咱们就来好好聊聊WebP这个图片格式的前世今生,以及它值不值得你花时间去用。 为什么会有WebP? 你有没有遇到过这样的情况?网页加载特别慢,尤其是那

黑客为什么不黑赌博网站来搞米?

攻击了,只是你不知道而已! 同样,对方也不会通知你,告诉你他黑了赌博网站。 攻击赌博网站的不一定是正义的黑客,也可能是因赌博输钱而误入歧途的法外狂徒。之前看过一个警方破获的真实案件:28岁小伙因赌博无法提款自学成为黑客,攻击境外博彩网站日进万元,最终因涉嫌非法控制计算机信息系统罪被捕。 我见过很多因赌博输钱想请黑客帮忙渗透网站的人,在被拒后,同样也有人生出极端心理,问我怎么学习黑客,想学成之

提升PrestaShop外贸电商网站安全的几款行业必备工具

提升PrestaShop外贸电商网站安全的几款行业必备工具 PrestaShop发展历程 PrestaShop是一款优秀且强大的外贸开源电商软件,我们开始使用PrestaShop始于2009年,那时PrestaShop还是0.9版本:界面清新,性能强悍,扩展友好等特性,既没有Magento的笨重,也没有ZenCart的古老,更没有OpenCart的脆弱,因此PrestaShop如雨后春笋,迅速

推荐练习键盘盲打的网站

对于初学者来说,以下是一些推荐的在线打字练习网站: 打字侠:这是一个专业的在线打字练习平台,提供科学合理的课程设置和个性化学习计划,适合各个水平的用户。它还提供实时反馈和数据分析,帮助你提升打字速度和准确度。 dazidazi.com:这个网站提供了基础的打字练习,适合初学者从零开始学习打字。 Type.fun打字星球:提供了丰富的盲打课程和科学的打字课程设计,还有诗词歌赋、经典名著等多样

在 Qt Creator 中,输入 /** 并按下Enter可以自动生成 Doxygen 风格的注释

在 Qt Creator 中,当你输入 /** 时,确实会自动补全标准的 Doxygen 风格注释。这是因为 Qt Creator 支持 Doxygen 以及类似的文档注释风格,并且提供了代码自动补全功能。 以下是如何在 Qt Creator 中使用和显示这些注释标记的步骤: 1. 自动补全 Doxygen 风格注释 在 Qt Creator 中,你可以这样操作: 在你的代码中,将光标放在