网站设计作业

凌晨两点，网站宿舍里只剩我的设计键盘还在响。屏幕上是作业改了第七遍的网页布局——导航栏终于对齐了，但背景图又显得太吵。网站这就是设计我做网站设计作业的常态：不是不会写代码，而是作业永远在跟“感觉”较劲。

最初拿到作业要求时，网站我挺不屑的设计。不就是作业几个HTML标签加CSS样式吗？大二上学期我们已经写过静态页面，这次无非多塞点JavaScript特效。网站真正动手才发现，设计问题根本不在技术。作业老师给的网站选题是“校园文化展示”，我决定做我们学院的设计社团页面。第一版花了一个下午，作业信息齐全，链接能跳，图片有alt属性。看起来完美，直到我自己点开，盯着首页看了十秒钟——然后关掉了。太无聊了。不是难看，是毫无吸引力，像一份打印出来的通讯录。

后来我换了思路。不去想“这该是个网页”，而是想“我该怎么跟人介绍我们社团”。我把页面设计成一张卡片墙，每张卡片代表一个社团，鼠标悬停时卡片会微微上浮，露出背后的活动照片。这个效果并不难实现，transform和transition两行代码的事。但就是这两行代码，让整个页面活了起来。操作它的时候，有种翻实体相册的感觉，而不是在冰冷的数据堆里点来点去。

当然，过程没那么顺利。第二版做完，我兴冲冲发给室友看，他第一句话是：“字能不能大点？”我瞪他，他补了句：“不是看不清，是看着累。你那个浅灰字体配白底，在手机屏幕上跟隐形了似的。”我这才意识到，自己一直用宿舍的27寸显示器调样式，根本没考虑过别人会用不同设备打开。后来我专门借了台旧笔记本，把浏览器窗口缩到一半，才发现那些在宽屏上舒服的留白，到了窄屏上全变成了拥挤的边距。

最让我抓狂的是配色。社团页面用了各社团自己的标识色，结果红绿蓝紫挤在一屏，活像颜料盘打翻了。我试过统一加白色半透明蒙版，效果是柔和了，但社团特色也没了。最后是导师一句话点醒我：“你想想，你第一眼会注意到哪个？”我盯着屏幕看了半天，发现视觉重心总落在颜色最重的那个社团上。于是干脆按活动热度排序，把最活跃的社团放在视觉中心，用大色块，其余的小面积出现。页面突然就有了主次，像一场有节奏的对话，而不是一群人同时开口。

交作业那天，我把文件打包上传，系统提示“提交成功”。我盯着那个绿色对勾，没有如释重负的感觉，反而有点怅然。这周我花在作业上的时间超过二十个小时，比写一门期末论文都长。但收获也实在——我学会了用开发者工具实时调试，学会了给CSS变量命名，更学会了在“技术达标”和“真正好用”之间，永远选择后者。

现在回头看，这份作业最大的价值不是那个分数。它逼着我去想：用户是谁？他们怎么用手机还是电脑？第一眼想看什么？这些问题跟代码无关，却决定着一行行代码最终排列成什么样子。网站设计作业，说到底不是设计网站，是设计一种体验。而我，才刚刚摸到门把手。

本文地址：http://www.79wt.cn/news/1356c1799847.html