这才是真正的2016网页设计趋势

每当我看到今年网页设计流行趋势之类的链接我都会特别激动点开来看，但没多久就失望的关掉窗口。这些趋势要么是去年的东西，要么就是插画、动效之类的一直没变过的元素。动效设计本身就是一个大趋势啊…讲真，如果你要是把视频背景全屏化写进2016年度趋势里，你最好先去上网看看再做决定。没人会喜欢这种吊人胃口但没有任何营养的东西。不说废话了，下面是2016上半年的五大真正的网页设计趋势。

1. 全屏化&固定式页面 (Full screen & not scrollable)

不可滚动的网页设计终于越来越受欢迎了。一个导航栏固定在顶部、可以一直滚动的网页是标准的主页设计，按着导航栏的顺序访问网页也挺不错的，但是很多人对于 scroll-jacking（通过重新定义鼠标滚动速度、幅度达到控制可视区域视觉效果的方式 by李奇）都不是很喜欢，对网页进行一些限制会有别样的效果。键盘导航 (Keyboard nigation) 在这类网页设计中最为常见。

案例：

Facebook Privacy Basics

https://www.facebook.com/about/basics/get-to-know-facebook/working-together/

Fantasy

http://fantasy.co/work

KLM 50 Trels

https://www.ifly50.com/en_se/50

2. 标题固定于一侧 (Sticky headline to the side)

大部分网页都喜欢设计的看上去像是一个设计工作室或是设计研究所，不过最近滚动时把标题固定在段落一侧的设计挺受欢迎的。这个趋势只发生在桌面端，要是移动端访问这些链接的话就没这效果了。

案例：

Code & Theory

http://www.codeandtheory.com/about-us

Stack Overflow

http://stackoverflow.com/research/developer-survey-2016#work-salary

DDB Sthlm

http://www.ddb.se/

3. 把logo作为页面加载时的过渡 (The logo is the loader)

这是一个明显的趋势，在很多设计机构网站在今年都用上了。这种设计让网页看上去非常棒，而且能够给用户一个非常直观的感觉：这个网页就是品牌的一部分。

案例：

Instrument

http://www.instrument.com/

Fubiz

http://www.fubiz.net/category/motion/

This Also

http://thisalso.com/projects/google-identity

4. 可交互的背景图像 (Disrupted background images)

背景全局化差不多流行于2013年的网页设计，现在来看并不是什么新鲜事了，但它被提升到一个新的高度：当鼠标进行操作时对背景图像添加一些效果。

案例：

Make me pulse

http://www.makemepulse.com/

Active Theory

https://activetheory.net/

Details

http://www.details.ch/

5. 夸张的动画效果 (Over the top animations)

现在的技术完全能够实现，所以为什么不用？使用得当的话能带来一种视觉享受和奇妙的体验。如果使用不当的话这个网站就是一堆乱码，所以还是要合理使用。

案例：

Waaark

http://waaark.com/

Animocons

http://tympanus.net/Development/Animocons/

Rally Interactive Beta

http://beta.rallyinteractive.com/national-parks/

优设原创征稿计划

扫描添加柱子哥投稿

❶ 稿件一经录用奖励稿酬200元❷ 添加柱子哥微信，暗号“投稿”

❸ 点击阅读原文查看投稿细则

标签：

相关文章： “优化升级，焕新体验”  网站推广人员怎样合理设计网站功能和布局？  电商客服外包加盟，如何提升服务质量？,张家口营销网站推广选择  孝感有哪些公司擅长网站SEO？  深圳前海微众银行申请大数据业务报表的开发方法、设备、介质以及程序产品专利，有效避免大数据报表开发完成后出现频繁返工的现象“姑娘，不是什么照片都能随便发的！”哈哈哈亮点都看到了:)  京东怎么做？秘诀何在？  年轻人正在流行“县漂”：回县城发展，现实吗？  SEO优化师薪资可观吗？  刑天SEO：高效优化，助力网站腾飞  利用长尾关键词SEO，高效提升网站流量与排名  江门SEO关键词提升  广西SEO公司，助你网站排名飙升，如何快速提升？,南宁伪静态seo  劳动聘用意思是什么  响应式家居床垫家纺产品网站模板  高效创作必备，改写软件一网打尽  “快搜一搜”  湖北科技职院：二本院校，实力派！  视频号改写后还有痕迹吗？  绍兴SEO排名如何操作？费用如何收取？  特色美食，你尝过吗？#探店新发现#,政府网站优化 意义  it是指什么工作  股票什么是杠杆资金  指数蛙双，百度权重提升秘诀？,莆田seo标准  图标广告是网络广告的形式吗  文投控股9.85%涨停，总市值55.27亿元韩素希柳俊烈分手！女方亲口曝分手原因，网友：开始立厌男人设了  如何将快手屏幕投射出去？  站长大典，字体秘境  高级筛选失败：条件设置错误或数据异常  SEM服务，突破壁垒，收益无限  网络营销已成中小企业“商机引擎”  营销管理是什么意思  SEO优化10问，掌握网站排名秘诀  大二SEO学习，技能提升显著  常州SEO优化，关键词堆砌真的有效吗？,洛阳互联网seo规则  cpa广告联盟存在的意义以及发展的前景是怎样的？  阿里电商，连接全球，交易无界  网站日志监控与分析，快速提升百度收录效率  智企助手，一键掌握商机！  精准付费推广，快速触达目标客群  李守洪贵州双，贵州发展前景如何？,太原平台推广营销公司排名  面试最后提问hr该问些什么问题呢  全网营销所涵盖的范围  华为公司申请网络安全技术专利，能够避免挖矿病毒从目标终端扩散至局域网中的其他终端王菲有多嫌弃李亚鹏，采访时杨澜都看不下去了  员工外出旅游通知  舟山企业SEO，影响力加速器  pop广告分为几类  苹果将允许开发者直接从其网站向欧盟用户发布应用程序女星的身份证才是真实长相，谁最美？  全职上班什么意思  湖北暴雨致多地受灾，救援进展如何？,大连网站推广办理流程图  “智能快照，秒懂内容精华”