设计被批,逼着我开始扒网站
我得承认,最近这一年我有点飘了。接活儿都是挑三拣四,总觉得自己的设计水平已经稳定在金字塔尖了。结果前段时间,一个老客户找我做品牌官网升级,我把第一版设计稿兴冲冲地丢过去,本以为能听到几句夸赞,结果他直接一个电话把我给骂醒了。
“老哥,你这个设计稿是十年前的吗?配色老气,交互迟钝,一看就是老炮儿的手笔,跟我们品牌的调性完全不搭!”
我当时脸都绿了,在圈子里混了这么久,头一次被人说设计稿是“十年前的”。挂了电话,我坐在电脑前气得半天没动。但我知道,抱怨解决不了问题。我承认,这几年我只顾着完成项目,根本没时间系统性地去研究最新的设计趋势。我的知识库已经严重老化了。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
我立马下定决心,必须把这个亏给补回来。这个客户的单子我必须拿下,而且要做得让他心服口服。我的实践过程,就从“年度最佳官网”开始。
动手实践:我把全球前100的网站都拆了一遍
我没有漫无目的地去刷设计网站。我的目标非常明确:每年各种专业机构评选的“年度最佳”和“月度之星”的官网,那代表了工业界最顶级的水平。我直接杀向了几个权威平台,把过去12个月,甚至更早一些,总共超过一百个获奖网站的链接全部整理了出来。
这活儿比我想象中要累得多。我不是光看个热闹,我得深入研究他们是怎么实现的。我给自己定了三个核心观察点:
- 视觉语言(Visual Language):他们在用什么颜色?字体大小和排版是不是有规律?
- 交互模式(Interaction Patterns):导航栏去哪了?滚动条有什么变化?鼠标悬停的动效有什么新花样?
- 技术堆栈(Technical Stack):他们是不是都在用WebGL搞全沉浸式体验?还是有更轻量化的方案?
我每天晚上都熬到凌晨两三点,一张张截图,一段段录屏,然后把这些素材全部扔进了一个巨大的看板里进行分类。整整四天,我几乎没怎么合眼,但成果是惊人的。我发现,真正顶尖的官网,跟我们平时做的项目,已经完全是两个世界的产物了。
我总结出来的三个新方向,赶紧掌握
经过我的地毯式轰炸和分类,我终于提炼出了未来几年,官网设计上一定会大火的三个方向。如果你的网站现在还是传统模块化布局,那真的要改了。
1. 沉浸式叙事,模糊了网站和游戏的界限。
几乎所有“年度最佳”的网站,都放弃了传统的上下滚动,而是引入了强烈的空间感。你不再是简单地阅读内容,你是在一个三维空间里穿梭。他们用大量的视差滚动、基于物理的动效,甚至直接用3D模型构建了一个虚拟场景。现在做官网,你得把自己当成一个游戏设计师,思考用户在“空间”里的探索路径。
2. 动态排版取代静态美感。
以前我们追求静态排版的对称和平衡。现在流行的是“动”起来的文字。标题不再是死板地放在那里,它会根据用户的滚动速度、鼠标位置,甚至时间变化而产生形变、位移或者抖动。这不是为了炫技,而是为了让信息传递更具冲击力。很多网站甚至把文字做成了背景的纹理,而不是孤立的内容模块。
3. 导航去中心化,打破传统菜单栏。
你现在很少能看到那种传统的、顶在最上方的横条菜单栏了。顶尖设计都藏起了导航,用更隐晦的方式,比如:侧边栏的汉堡菜单、屏幕边缘的图标提示、或者干脆把下一个页面的提示融入到当前页面的主体视觉里。这强迫用户去探索,去点击,从而提高用户的沉浸度。
这回死磕,让我想起了当年
我为什么对这种趋势分析如此“死磕”?是被当年的一件事给吓怕了。
那是我刚毕业没多久,在一个小公司做设计。当时我为了赶一个宣传手册的印刷稿,连续加班了两个通宵。稿子交上去后,客户发现我们用错了印刷色谱,导致成品出来颜色完全不对。我被领导拉出来,当着全公司人的面,骂得狗血淋头,说我浪费了公司几万块的印刷费,直接扣光了我三个月的工资。
那天晚上我都没回公司,直接跑去网坐了一夜,第二天一早就把离职申请摔在了领导桌上。从那以后我就发誓,只要是我负责的项目,我绝对不允许出现任何因为“功课没做足”导致的低级失误。要做,就必须做到行业最顶尖的水平。不然,宁可不接!
这回我把这一百多个网站拆解出的趋势应用到那个被我客户嫌弃的设计稿上,他看了新版本,二话没说,直接通过了。并且,他还介绍了一个更大的项目给我。事实证明,只有不断地逼着自己去吸收最前沿的实践,你才能真正掌握未来方向,才能不被这个行业淘汰。这回的“逼迫”自己,值了!
