2021-10-15
潮流资讯

2022年你必须知道的网页设计4大趋势.


网站设计最迷人之处就是不断变动,技术的演进让设计师与工程师可以不停实验创新,带来更好、更流畅的使用体验。2022年网页又会有哪些有趣的风格将主宰我们的萤幕?根据设计行业多年经验加上一些行业大牛的指导,罗霉霉同学对2022年网页设计可能流行的趋势做一个大胆的预测,也欢迎大家来交流讨论。




1. 打破框架的版面设计


过去几年,一成不变的网页布局(layout)已开始令人疲乏,幸而Flexbox 以及CSS Grid!等技术的出现,让版面设计变得更灵活弹性,为设计师、工程师带来更宽广的挥洒空间,今年将可看到更多网站打破惯有的「对称」、「秩序」守则,形形色色,层层叠叠的网页布局肯定精彩。不过不变的大原则是,设计的重点是要烘托「内容」,内容才是骨肉、才是人们光临网站的主因,因此设计的尺度上也需斟酌,天马行空之余,别反客为主,夺走内容的风采。 




2. 极简out,色彩在跳舞! 

色彩作为表达个性的重要元素,在极简风蔚为风潮时却被剥除,不过去年开始,大面积渐层色块似有强势回归,Instagram、Asana、Stripe 都以饱和的渐层重塑品牌视觉主调,今年绚烂的色彩以及流动的渐层更将大行其道;此外,影像以双色调(duotone)后制,也可能会是今年的潮流。设计师,Sarah Hutto 预言,今年将会是很「funky」的一年,期待强烈的色彩刺激人们的视觉感官。 

与前两年的明亮轻盈、以及上述张扬的鲜艳浓烈色彩对比,以相对沉着冷静的黑色作为主色调也是愈来愈多网站的选择,只要「辅色」(accent color)搭配得宜,黑色一点也不沉闷,反而能在一片光彩的世界里脱颖而出。 




3. 华丽且实用的动态效果 

动态效果在当代的网页设计领域扮演举足轻重的角色,今年也丝毫没有退流行的迹象,反而应用会更广泛。适当的动态效果,具有突出重点、争取注意力的用处,今年以 SVG、CSS 创造的动态效果预料将大幅增加,滚动视差(Parallax Scrolling)也愈来愈华丽。但设计师应考量品牌或内容的内涵以及每个动态效果的意义,避免「为动而动」。




4. 创造小惊喜的「微互动


「微互动」在网页上也会愈来愈流行,比如鼠标滑过、点击各式网页零件如按钮,卷轴滑动过程中,适时出现细致变化,也能够有提示重点的作用。当然,就跟动态效果一样,设计师也要拿捏「动」的意义与幅度,才不致画蛇添足。




以上就是2022你必须知道的网页设计趋势。可以看出,大家越来越注重用户的体验,毕竟实用是王道,任何设计都是为了解决问题而开始的。










更多信息

官方网站:whrhode.com

微博--最新信息:罗德设计

站酷--作品展示:罗德设计
图虫--原创设计素材图片:罗德设计

抖音、b站、点评搜索「罗德设计」

分享更多有趣的事儿


-END-


扫码添加 罗唠唠 

一 起 唠 嗑



设计不止 / 不止设计 
合作微信:15927228044 / 15827569111
上一篇 返回列表页 下一篇

推荐阅读

在线咨询