2017年，电子商务网站将彻底迈向移动化。设计师或将确立“移动端优先”的设计原则，再适配至桌面端；同时，Google Material Design的影响力预计将持续扩大。
网页设计是渐进演变的过程。行业巨头（如Google、Apple、Amazon）引入的新理念常被迅速采纳，或随用户行为变化而迭代优化。因此，预测2017年趋势，本质是捕捉现状并研判其增长潜力。
核心变革在于设计思维的转变：过去以桌面端为基准进行响应式适配，如今网站的“真实身份”正逐渐回归移动端形态。
1. 网页设计即移动设计
电商设计已从早期的“响应式/自适应”演进为真正的“移动优先”。尽管此前已有移动端CSS前置的尝试，但本质上仍基于桌面版思维。2017年，这一逻辑将被颠覆：鉴于多数访客使用移动设备购物，设计将原生面向移动端，再向上适配大屏。
该趋势在桌面端的具体表现包括：
- 隐藏式（汉堡包）菜单普及：延续数年趋势，应用愈发广泛。
- 全屏宽度利用：继承移动端窄边距、宽内容的特点，减少传统居中留白布局。
注：此产品页左右边距极小，内容几乎填满屏幕，是移动端模式影响桌面版的典型案例。
- 大尺寸交互元素：源自移动端触控需求的大图标与按钮，在桌面端视觉上更为显著。
2. Material Design影响力扩大
自2014年发布以来，Material Design不仅是Android的品牌标识手段，更是直观的移动端及电商网站布局范式。卡片式布局、响应式动画与过渡效果已被众多在线商店采用，2017年这一趋势将进一步深化。
3. 长滚动与懒加载
从性能与体验出发，移动端更倾向于在当前视图动态加载对象，而非跳转新页面。2017年，电商类目页将普遍采用“无限滚动+懒加载”模式：初始仅加载少量商品（如10款），随用户滑动持续追加，单页展示量可达50-100款以上，避免频繁翻页打断浏览流。
4. 汉堡菜单左置
受Bootstrap 3等框架影响，汉堡菜单曾多置于右侧。但Google等头部站点已将其移至左侧，使其成为用户（含辅助工具使用者）的首要视觉焦点。这一细微调整正逐渐成为新规范。
Google已在多款应用界面中将汉堡菜单置于左侧。
5. Cinemagraphs：GIF的精致回归
动态GIF将以更含蓄的形式——Cinemagraphs（局部动态照片）复兴。它在静态图中嵌入微循环动画，兼具视频感与克制美学，适用于背景、标题、横幅或产品展示。其能否有效提升转化尚待验证，但吸睛能力毋庸置疑。
高级适配与鲜艳色彩
除上述趋势外，两点值得特别关注：
其一，高级个性化适配：超越基础响应式，未来网站或将依据用户年龄、视力、惯用手等特征动态调整布局。
其二，色彩爆发：作为对极简主义的反拨，2017年网页设计有望迎来高饱和度色彩的集中运用。