这才是真正的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元❷ 添加柱子哥微信，暗号“投稿”

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

标签：

相关文章： 营销制胜，精准出击  “爆款秒杀，全场低至5折，抢购从速！🔥🛍️”  革新智能笔触，重塑未来文风  SEO关键词霸屏工具  百度转码新网址：快转码，一秒搞定！  信息发布平台分析：新视角，简析精要  SEO网站建设：网民为王，你准备好了吗？,山东定制网站建设费用  江门SEO双平台，如何提升网站排名？,侯马搜索引擎关键词排名  余额宝每日提现限额及手续费是多少？  提升网站竞争力，SEO助力业务腾飞  品牌推广，就找专业推广公司！  关键词优化，快速提升搜索引擎排名  博实股份：公司进行机器人系统的研发、设计、制造和系统集成应用，机器人核心控制算法程序为自主开发浙江男子在出租屋躺平不上班，妻子无奈去足浴店打工：他让我养他  周口SEO优化，助企业领跑行业！  响应式代理记账财政咨询服务网站模板  首都广播电视节目制作业协会年会在京举行《追风者》原定黄晓明饰沈图南被拒！后换王阳出演问起原因超搞笑  2021小说榜：热销佳作，前十瞩目！  净水设备水处理企业网站模板  ChatGPT code503？重启+清缓存，AI助手秒恢复！  专业网站定制，报价透明  如何带领好一个团队  全球流量，揭秘核心关键词，你猜对了多少？,如何操作网站推广  如何快速吸引抖音粉丝？  Chatexceel网页版，办公效率新飞跃！  百度SEO，高效推广利器  想了解网站推广方式吗？看看这篇文章怎么说  云南魔贝SEO核心技巧，如何提升网站排名？,会泽网站建设服务费  揭秘：互联网裂变营销，如何引爆用户增长？,南通seo公司联系13火星  abc岗位是什么意思  销售去化是什么意思  通过广告联盟赚钱的三大方法！简单轻松赚钱！  抖音运营助理是干什么的  三级分销系统平台的营销模式  南宁SEO高效提升，关键词优化专家  快速提升网站流量与排名秘诀  SEO小技巧，关键词优化，快速提升排名  抖音直播间如何轻松进入？  电商法出台，电商合规升级  SEO优化新策略，快速提升网站排名  全球十大工具，匠心独运之选  无形资产摊销是指什么  hr问有没有考公或者考研打算  核心关键词：数据采集神器下载：揭秘数据采集，你准备好了吗？,福建网站优化在线咨询  雅安有哪些公司擅长网站SEO？  SEO网站优化入门：关键词布局与内容策略，如何提升排名？,企业网站建设的提案  网站建设 | 精准获客，打造企业数字品牌本源地  搜狗微信的搜索排名受哪些因素的约束？  京东驾校口碑如何？  电商运营品类有哪些  网站优化培训，前半部分多少钱？后半部分如何提升排名？,正定标准网站优化商家