这才是真正的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，快速提升关键词排名  北京现代拟分批裁员 计划2025年一季度完成部分人员优化  晨光SEO导航  互鼎科技B2B裁员潮，线上营销破局关键  2021鄂消费盛宴券  热词速查站  启创SEO，高效优化专家  美工是指什么工作  开启智能对话新纪元，ChatGPT领航未来！  “高效点击助手，一触即达！”  河北百度霸屏推广  网络营销推广方案精要  《搜狗搜索加强版：揭秘小说内核，你猜是哪部？》,深圳住房和建设网站  元宇宙BIGANT六大技术支柱之四：综合智能网络技术  网络营销可以为企业提供相对较多的战略意义  恩施秘境，探秘土家风情  百度SEO黄埔精英营  视频号买流量端口怎么操作？  比较适合新手的项目，资源整合小白玩法，思路无私分享给你  干货！2018年你值得一看的网页设计作品集赏析  SEO自学可行，掌握核心技巧！  “百度论坛，一键登录，畅享社区！”  上海深坑酒店多少层？双塔设计，隐藏神秘秘密？,588seo  焕新博客，简约极致体验  智能SEO排名助手  淘宝能直接购买机票吗？  轮岗和调岗的区别有哪些  经销单是什么意思  为何微商分销系统会很受追捧  新百度解析：快搜新域  eol数据是什么意思  思维体验课怎么样  如何围绕用户做好网站产品运营?  “危机转机，真诚沟通，品牌重生”  常见的八种市场营销技巧  百度下载豌豆荚，安装后是啥效果？,无锡阳山镇seo推广  推广秘诀，一招制胜！  hr说电话联系但是没联系怎么问  响应式儿童用品玩具外贸企业网站模板  免费片源，一网打尽！  如何推动秀场直播快速发展？游戏运营思维值得借鉴！  原关键词歌词：“表达什么”新歌词：“心声传递”  权威大学排名哪家强？  SEO优化快速提升排名秘诀  如何挑选西宁顶级SEO优化公司？哪家值得信赖？,仙桃网站建设路成都  一键批量发布，流量翻倍，效率飙升！