昨晚改稿子,改到凌晨两点。
眼睛酸得想滴眼药水,手还在抖。
看着屏幕上那个该死的按钮,总觉得它没对齐。
其实对齐了。
是我心里没对齐。
很多刚入行的同学,或者正在做网页设计作业笔记的学生,容易陷入一个误区。
觉得网页设计就是画图。
把背景调得绚丽多彩,字体选得花里胡哨。
然后觉得自己就是设计师了。
扯淡。
真正的网页设计,是克制。
是忍住不乱用颜色的冲动。
是忍住不把标题放大的欲望。
我有个朋友,叫阿强。
他是做前端开发的,以前也搞过设计。
有一次他接了个私单,给一个卖茶叶的老板做官网。
老板说,要大气,要高端,要那种一眼看上去就很贵的感觉。
阿强没听老板的。
他没搞什么金灿灿的背景,也没用那种俗气的红色。
他用了大面积的留白。
只用了两种颜色:黑和白。
还有茶叶本身的绿色,作为点缀。
结果呢?
老板看了直拍大腿。
说这才是我要的感觉。
简单,干净,让人想坐下来喝杯茶。
这就是网页设计作业笔记里常忽略的一点。
留白不是浪费空间。
留白是给眼睛呼吸的地方。
你想想,如果你走进一个房间,到处都是家具,连下脚的地方都没有。
你会觉得压抑吗?
肯定会。
网页也是。
密密麻麻的文字,挤在一起的图片。
用户看一眼就想关掉。
除非他是来找特定信息的,否则没人有耐心去翻找。
所以,层级很重要。
什么是层级?
就是告诉用户,哪里重要,哪里不重要。
标题要大,正文要小。
主要按钮要显眼,次要链接要低调。
这听起来像废话。
但真做起来,难着呢。
我见过太多作业,标题和正文差不多大。
重点和次要信息混在一起。
用户根本不知道先看哪里。
这就好比你在街上被人推了一把,你还没反应过来,又被推了一把。
最后你只想骂人。
用户骂的不是你,是这个糟糕的体验。
再说说字体。
别乱用字体。
真的。
除非你是玩艺术设计的,否则老老实实用系统默认字体。
Arial, Helvetica, Roboto。
这些字体经过了几十年的考验。
它们在屏幕上显示的效果,是经过无数人测试的。
你非要搞个什么手写体,还是带花边的。
用户看着累,你也累。
因为你要考虑兼容性。
考虑加载速度。
考虑不同设备上的显示效果。
得不偿失。
还有颜色。
颜色不是越多越好。
整个页面,主色不要超过三种。
辅助色也不要超过三种。
剩下的,就是黑白灰。
黑白灰是万能的。
它们能衬托出任何颜色。
如果什么都想突出,那就什么都突出不了。
就像你说话,一直大声,别人就听不见重点了。
你得有轻有重,有快有慢。
网页设计也是一样的。
节奏感。
这个很难量化。
但你可以感受一下。
当你浏览一个网页时,你的视线是怎么流动的?
是从上到下,从左到右?
还是被某个图片吸引,然后跳转到其他地方?
好的设计,是引导用户的视线。
像导游一样,带着用户走。
而不是让用户自己在迷宫里乱撞。
我做网页设计作业笔记的时候,喜欢先画草图。
不用电脑。
就用纸和笔。
随便画几个框框。
看看布局合不合理。
看看内容放哪里合适。
这个过程很快。
可能只要十分钟。
但能帮你省下后面好几个小时的修改时间。
因为你在电脑上改,成本太高了。
拖一下像素,保存,刷新,再看。
循环往复。
心都碎了。
在纸上改,擦掉重写。
轻松自在。
而且,在纸上思考,更自由。
不会被软件的界面限制住。
你可以画得歪歪扭扭。
没关系。
只要逻辑通顺就行。
最后,我想说。
网页设计没有标准答案。
只有更好的选择。
不要迷信教程。
不要照搬模板。
去观察生活。
观察那些让你感到舒适的界面。
观察那些让你想离开的界面。
为什么?
因为你的感受,就是用户的感受。
真诚一点。
把用户当成你的朋友。
你想让朋友看什么样的网页?
简单,清晰,有用。
这就够了。
别整那些花里胡哨的。
把基础打牢。
比什么都强。
今天的笔记就写到这。
我要去睡觉了。
眼睛真的睁不开了。
希望明天的稿子,能少改几遍。
阿弥陀佛。