每当我看到今年网页设计流行趋势之类的链接我都会特别激动点开来看,但没多久就失望的关掉窗口。这些趋势要么是去年的东西,要么就是插画、动效之类的一直没变过的元素。动效设计本身就是一个大趋势啊…讲真,如果你要是把视频背景全屏化写进2021年度趋势里,你最好先去上网看看再做决定。没人会喜欢这种吊人胃口但没有任何营养的东西。不说废话了,下面是2016上半年的五大真正的网页设计趋势。
1. 全屏化&固定式页面 (full screen & not scrollable)
不可滚动的网页设计终于越来越受欢迎了。一个导航栏固定在顶部、可以一直滚动的网页是标准的主页设计,按着导航栏的顺序访问网页也挺不错的,但是很多人对于 scroll-jacking(通过重新定义鼠标滚动速度、幅度达到控制可视区域视觉效果的方式 by李奇)都不是很喜欢,对网页进行一些限制会有别样的效果。键盘导航 (keyboard navigation) 在这类网页设计中最为常见。
案例:
facebook privacy basics
facebook.com/about/basics/get-to-know-facebook/working-together/
fantasy
fantasy.co/work
klm 50 travels
ifly50.com/en_se/50
2. 标题固定于一侧 (sticky headline to the side)
大部分网页都喜欢设计的看上去像是一个设计工作室或是设计研究所,不过最近滚动时把标题固定在段落一侧的设计挺受欢迎的。这个趋势只发生在桌面端,要是移动端访问这些链接的话就没这效果了。
案例:
code & theory
stack overflow
ddb sthlm
ddb.se/
3. 把logo作为页面加载时的过渡 (the logo is the loader)
这是一个明显的趋势,在很多设计机构网站在今年都用上了。这种设计让网页看上去非常棒,而且能够给用户一个非常直观的感觉:这个网页就是品牌的一部分。
案例:
instrument
2016网页设计趋势
instrument.com/
fubiz
this also
4. 可交互的背景图像 (disrupted background images)
背景全局化差不多流行于2013年的网页设计,现在来看并不是什么新鲜事了,但它被提升到一个新的高度:当鼠标进行操作时对背景图像添加一些效果。
案例:
make me pulse
makemepulse.com/
active theory
activetheory.net/
details
details.ch/
5. 夸张的动画效果 (over the top animations)
现在的技术完全能够实现,所以为什么不用?使用得当的话能带来一种视觉享受和奇妙的体验。如果使用不当的话这个网站就是一堆乱码,所以还是要合理使用。
案例:
waaark
waaark.com/
animocons
rally interactive beta
提高SEO优化效果需要了解哪些事情?免备案服务器会影响网站排名和权重吗?企业网站建设基本条件有哪些?海外直播服务器挑选考虑什么?这些不能忽视制作电子商务网站需要注意的事项云服务器与传统服务器有何不同如何防止企业网页设计的陷阱搜索引擎优化新站关键词排名多久能上首页?