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

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

标签：

相关文章： 美图3964万美元收购设计网站站酷曾与刘德华翻脸，打吴京吐血，跟随成龙29年8万被开除，后靠打工维持生计  太湖SEO，优化一网打尽  三个适合长期做的正规、靠谱、安全的网赚项目分享！  马鞍山SEO顾问，如何快速提升网站排名？,美业店营销推广方案范文  特效酷炫！UP主自制小米SU7动态互动演示网页 网友以为官方出品王鸥包场杨幂新电影，两人冰释前嫌，曾因“月光剧本”结下梁子！  创新运营，用户增长加速器  运营策略有哪些内容  《绯闻女王漫画全集下载》  广告营销策略与技巧有哪些？最常见的9种广告营销策略盘点！  cpa引流推广赚钱如何实现一劳永逸？  企业腾飞，推广利器！  不建站也不投资，你还不知道有台保约家用直流快充桩就能赚钱这回事？王菲有多嫌弃李亚鹏，采访时杨澜都看不下去了  精选网站推荐，一网打尽好资源  数据透视表是什么意思  cpd数据是什么意思  客户至上的服务理念  抖音快速涨粉到1000之逆向引流大法  AI智能助手，无限潜能解锁。  怎么做用户增长  关键词推广：精准引流，高效提升流量  iOS 17.5第一个测试版 支持从欧盟开发者网站下载应用39岁文章头发灰白，与女儿合照略显落魄，这几年他经历了什么  焕新体验，轻快生活——新微小程序  岳阳SEO专家，优化一网打尽  ChatGPT免费吗？AI对话无限，疑问重生。  关键词嵌入：优化网站结构，如何提升用户体验？,网站优化易变因素  高效推广网站，品牌曝光翻倍增长！  电商操盘手什么意思  掌握基础技能，选择合适平台，即可建站  SEO优化，营商新引擎  双教资普通话，如何轻松通过？,资兴网站建设公司招聘  网站流量高效变现，SEO优化新策略  AI引领，创作未来，何时不开启新时代？  宜宾有哪些知名客服外包公司？  产品运营与其他运营的区别在哪里？  产品运营中需要哪些思维？  传统企业为什么要进行全网营销推广，选择什么品牌平台比较好？  建站资讯：买完域名后要怎么做？浙江富豪沈国军，创立银泰集团，娶小21岁女星，如今身价超570亿  融资阶段什么意思  如何快速在闲鱼取消地址？  网站文章SEO发布，高效优化秘籍  SEO客服推广，如何助力企业品牌影响力与市场竞争力？,网站运营推广价值分析  创新网站推广，精准触达用户  独创新意，百度收录加速器  互鼎科技：医疗器械新宠，双管齐下推广！  拼多多商品真伪如何保障？  淘宝能售卖避孕套吗？  如何从头开始开发一个微信小程序  “季节”英读及含义新解：Season英读/ˈsiːzən/，意指不同气候时期  文旅行业的探索与思考  徐州SEO双日套餐，关键词优化，效果如何？,成都企业网站优化推广