屏（above the fold）是指不滚动web网页屏幕就能被用户看到的画面。
世界著名的网页易用性专家尼尔森曾经有报告显现，首屏以上的关注度为80.3%，首屏以下的关注度仅有19.7%。这两个数据足以标明，首屏对每一个需求转化率的网站都很重要，特别是电商网站。
相关阅读：电子商务网站设计剖析系列之一：首页导航
在电子商务网站中，用户急切需求取得的不外乎两点：吸收人的商品或店铺，以及网站能够给予他的信任感。信任需求积聚，因而，各类宣传推行信息就成了电商首屏展示的不二之选。
一个能引人驻足停留的首屏一定会为网站带来更多的客户和利益，笔者会通知你如何谋划设计出一个美观好用的电商首屏。
1.肯定可视范围
依据统计报告显现，2014年运用率高的Internet用户屏幕分辨率为1366px*768px。以此为例，阅读器边框宽度普遍在21左右，所以网页首屏宽度在无干扰要素的状况下能够肯定为1345；而屏幕总高度为768，除去任务栏高度40、店铺页头106、阅读器（工具栏、边框等）160和位置工具栏30，初步预算首屏高度控制在432较为适合。因而我们能够得出，契合时下趋向的首屏设计宽高基本范围是1345*432，重要的内容能够尽量放在这个区间里。
2.展示吸收用户的信息
首页的首屏位置在整个网站中都称得上寸土寸金，正由于如此，此处展示的文字应该短小精悍，尽可能用少的篇幅就把信息表达分明。标题性文字更应该把商家的商业诉求明晰直接的表达出来，在这类文字的谋划上需留意契合网站的整体作风。
一号店的banner文案就能很好的抓住阅读者的眼球，有趣的标题文字加上“0元领”这样的醒目的字眼，让用户充溢了猎奇心。
Gap的首屏固然没有将广告的下半部分很完好的展示出来，但是这似乎并没有影响到用户想要继续点击的心情，真正吸收用户的信息点都被划一的陈列在首屏中，供用户逐一了解。
3.视觉焦点要显眼
大多数用户的阅读习气是走马观花式的，以往常国内电商网站普遍的规划来看，用户在屏中的视觉焦点基本上以Banner和导航为主。因而，其中所表现的无论是文字还是大图，都应该让用户一眼看清内容，减少其思索时间。设计师在设计时能够用“去色”的办法来检验实践效果。
去色前：
去色后：
易迅首屏算是个背面教材。首屏原图会令人觉得太过繁复，所以视觉焦点自然会分散开来。
经过去色前后的对比图我们能够发现，去色后，导航上的文字内容会变得不够明晰，因而我们能够得出，颜色是锁定用户视觉焦点的主要问题。
去色前：
去色后：
唯品会首屏去色后的效果就截然不同了。去色后，Banner上的内容依然能够很容易的辨认出来，文字和背景都很明晰。
4.图片让内容更利于了解
要让用户在短短的几秒钟之内就了解网站或商家发布的一系列信息，单凭简短的文字是不够的，还需借力于图片的辅佐。图片的运用能从侧面坦率的烘托主题，因而，在图片素材的选择上应该保证对宗旨的表达有辅佐，并且在视觉上坚持作风分歧。
凡客诚品的首屏走的是极简道路，没有什么修饰，让用户能够专注于商品自身。配图没有把商品全貌都展示出来，但在极简的作风下，也能增强用户的点击欲。
5.用作风强调主题
网站首屏的作风是依据目的来决议的，在设计之前，必需求了解这个首屏究竟在整个网站中会起到什么样的作用。普通来说，电子商务网站的首页首屏会用来中止推行宣传，比如单品推行、店铺推行和活动宣传等。
单品：
以单品推行作为主题的首屏普通会用卖点组成文案，再配上简单的图片。
店铺：
店铺的推行其实并不需求用很大的篇幅来细致阐明，只需将一些用户在意的关键点表现出来即可，例如优惠信息，活动方式范围等。
活动：
一项活动的宣传很难用简单的文案在首屏中描画分明，所以要尽量用有冲击力的字词来吸收用户点击到详情页。
6.锁定用户的视觉重点
当用户对网站还不太熟习的时分，进入首页必然会一头雾水，此时，给予用户视觉上的引导变得格外重要。引导的办法多种多样，比如醒目的大字或图片，吸收人的标题、或是条理明晰整体规划等。所谓引导，并不只是代表让顾客置办商品，更意味着让用户点击进入其他页面，产生更多的消费。
很少有电商网站的首屏像好乐买一样洁净整洁、分类明白，明晰的规划让用户一眼就能找到自己的需求。
7.动画吸收用户视野
在网站用户体验比较流利的基础上，在首屏中能够恰当的参与一些鼠标互动效果，或是Flash动画效果会让页面看起来愈加生动有趣，这种做法也能增加一定数量的点击，并且吸收用户的留意力。但这些效果只能作为装点，大面积的运用反而会适得其反。
淘宝网在右上角有一个小小的鼠标交互效果，点击后进入的是一个活动专区，翻页效果在心理学上被以为更容易触发用户想要点击的激动。
8.契合视觉习气的图文混排
大片单一的文字或图片会让用户产生厌倦感，而图文混排很好的补偿了这一点。图文混排的方式有很多，比如颜色上的对比、文字或图片的放大等等，在规划上尽量做到参差有致，让用户的视野顺畅的转移。无论用哪一种方式，都必需确保的是主要内容的可读性。
一淘网的首屏不太契合大多数人的运用习气。当用户进入一个电商网站，首先一定会被图片吸收，很少有人会愿意逐字逐句的看完大段文字，所以细致的描画并不合适放在首屏的位置。
聚美优品首屏的图文搭配恰如其分，简单的大图和一些短句，两者之间相辅相成，图片便于用户了解，文字很精简，重点分明。
总结：
笔者以为，首屏是吸收用户至关重要的通道，很多网站由于对首屏的忽视，从而产生了一些用户体验上的问题。电商网站相比较普通的官方网站在性质上更特殊一些，电商首屏应该带着商家的目的性去迎合用户的常规运用习气，而不是漫无目的地把首屏变成公告栏。
设计师在做一个设计项目之前，无妨多从用户的角度思索，或许会有意想不到的收获。
SDFHYJYUKIUFGFD
