这才是真正的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优化，专业报价，高效提升！  爱优腾 瀑布流设计杨幂代言防晒装备，把防晒衣穿出了战袍的感觉  今日头条的穿山甲和其他几大广告联盟平台有何区别？  百度推广关键词费用一览表  2020中国搜索霸主：百度稳居首位  网站SEO，专业优化，效果立竿见影  “拜猪”的牧原股份员工猝死20个月后，终于被认定为工伤  优化大师新升级版，一键下载！  微信小程序到底是不是微信的分发市场  NAS下搭建CMS系统，傻瓜式建站工具—JPress“听妻入狱”：古代死囚临死前的最后一项福利  如何快速开设淘宝快手店？  百度识图，识人像，揭秘你我之间，是巧合还是缘分？,黑河工业网站建设  日用品如何做网络营销推广,日用品b2b分类信息网  一天在快手关注多少人合适呢？  SEO策略，打造高转化率转化王网站  价格优化，如何提升产品竞争力？,找历史关键词排名软件  京东购物物流怎么快速查询？  博众精工：自主开发TSAMO工业互联网云平台，实现机加产品生产流程追溯及品质管控王菲有多嫌弃李亚鹏，采访时杨澜都看不下去了  老员工摆烂不做事怎么解决  全网营销主要的方式和途径有哪些？  优化策略，提升百度指数  蜘蛛侠决战邪恶势力，命运转折点在何方？,网站优化推广直播方案  衡阳SEO营销，如何精准锁定目标客户？,机械设备网站怎么做推广  SEO关键词优化：网站排名加速器  SEO服务，首选专业品牌  ChartGPTAI：AI数据助手新纪元  网站内容的增加和文章的原创度对网站推广来说意味着什么？  站排榷速，高效生活利器  “无界创作，高效自由行”  从零开始，打造全新网站！  湖北SEO伞力优化专家  制作微信小程序的必要性有哪些  关于完善员工个人信息的通知  电商运营，打造爆款利器  网站排名飞跃，流量倍增秘籍  顶级SEO解决方案提供商  摄影科技传媒网站模板  2023年度湖南65大职业领域薪资数据发布！  SEO知识速递，优化秘籍一网打尽  点击霸屏神器，流量曝光加速器  微信安装包，核心功能揭秘？,全球贸易通Seo  5个可以提升seo推广效果的网站运营策略分享！  利用今日头条快速引流精准用户的5个方法  全网营销，360助力品牌飞跃  SEO数据驱动，高效提升流量与排名  外媒：波音与罢工工会将继续谈判  离职前的7个注意事项，最后一个才是“删好友”