首屏的设计尺寸
Web 的首屏是指进入到一个网站内，不拖动滚动条就能直接看到的内容。首屏是用户对网站的第一印象，也会直接影响用户在该网站的停留时长和最终的转化情况。所以首屏要展示哪些内容，以及整个页面的尺寸和布局就显得尤为重要。
我们最常用的电脑屏幕分辨率为：1920 X 1080px、1366 X 768px、1440 X 900px。如果去掉默认的浏览器高度（菜单栏、页面 Tab 等约为 130px）、底部状态栏（约为 30px）等内容，可以得出首屏高度 ≤ 600px 为安全区，设计师在此区域内进行设计，可以确保大部分用户对首屏内容一目了然。600px 的高度并非固定值，根据设计需求和运营目的等因素可以对页面高度进行灵活调整。
接下来我们将从视觉、导航和内容三个方面，总结首屏的设计技巧。
视觉层面：提升吸引力
优秀的 Web 页面可以在第一时间吸引用户的注意力，在视觉层面通过对图文和产品内容的亮点展示、触发点设计、场景氛围的营造等方法，提升用户的点击和浏览欲望。
标题和文案是对页面内容的高度概括。对重点文案进行图形化设计，文字大而有力，背景颜色纯粹，形成视觉焦点，能够强化用户对文案的理解和感知。
在进行产品推广时，首页常会上加入特色标语、优惠折扣标签等，形成触发点（Trigger），吸引用户点击，完成转化和交互。
3. 沉浸式氛围营造
通过精美的图片、视频、动态效果、全屏背景元素等设计营造出沉浸式的设计体验，将首屏作为叙事场景展现，让用户有角色代入感，增加品牌感知力。
导航层面：有效引导
导航系统是网站内容和功能的缩影，是网站页面的重要组成部分。首屏可见的导航分为：主导航、卡片导航和搜索导航。有效的导航设计可以帮助用户更好的了解网站内容架构，找到下一步行动的方向。
内容层面：提升易读性
首屏页面需要更快的捕捉用户注意力，内容不仅要具有可读性，更需要易读性。使用符合用户视觉习惯的排版方式、通过视觉设计对信息层级进行优化，都能够让用户快速感知页面的整体内容。
淘宝的首屏，可以看出用户的视线会形成 “品牌盛宴” banner（主内容）— 顶端导航（必要内容）— 左侧导航（重要内容）— 右侧个人信息栏（必要但非重要内容）的浏览顺序：
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實(shí)的服務(wù)了近萬家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機(jī)站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
