我们国内的很多网站,不管是商业的还是官方的,看得我一肚子火。每次打开,不是弹窗就是满屏的广告,或者就是那花里胡哨的特效,功能区藏得跟捉迷藏似的。我这回就想看看,那些被夸上天的“日不落帝国”的官方网站,到底能有多“无聊”。
我为啥要折腾这个网站?
你可能觉得我傻乎乎地,放着好好的国内项目不看,跑去看人家外国政府的网站干这里面有个亲身经历的坎。去年,我为了办一个孩子的疫苗接种证明,登录了我们当地的一个官方服务网站。
- 我点击进去,先是找不到入口。
- 然后折腾了半小时,终于摸到了表格页面。
- 结果刚填完一半,页面一卡,告诉我“会话超时”,所有数据白费。
小编温馨提醒:本站只提供游戏介绍,下载游戏请前往89游戏主站,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
我当时真是气得够呛,心想,一个为人民服务的网站,能不能做得简单点,好用点?我一怒之下,就去网上翻,哪些国家的政府网站是公认的“好用”。结果,几乎所有人都指着英国的那个官方服务网站,说它“极简主义的典范”。
实战:我怎么拆解这个极简网站的?
我二话不说,直接就打开了它。第一眼看过去,我愣住了。不像国内那些花红柳绿的设计,它干干净净,首页就是黑白蓝,大块的文字,清晰的导航,没有一张图片是多余的,连个滚动播放的大Banner都没有,朴素得就像十几年前的网页。
我当时就做了个决定:我要把它“扒”下来,研究清楚,为啥它能这么快、这么好用。
我右键点开,直接去看它代码的“底裤”。我发现它下面用的都是最基础最扎实的东西。没有那些动不动就几十上百兆的“大框架”在后面支撑。它用的就是一套叫做 GDS (Government Digital Service) 的设计系统。这个系统,说白了,就是一些标准化的积木块:按钮长啥样,输入框长啥样,页面布局怎么分,全都定死了。
我的实践步骤很简单:
- 我挑选了它一个二级页面的布局,截了个图。
- 我打开了本地的编辑器,从零开始画。
- 我用最基础的`div`和CSS,开始模仿它的栅格系统,就是页面怎么分列的那个方法。
- 我惊讶地发现,我只用了不到一个小时,一个结构和样式几乎一模一样的页面框架就搭好了。这要是放在国内那些复杂的前端工程上,光是环境配置和依赖引入,我估计就得耗掉半天。
整个过程,我没有使用任何“高大上”的专业工具,就是最原始的“看、抄、改”。这让我明白了一个道理:真正好的设计,是把复杂藏在背后,把简单留给用户。他们把精力都放在了用户能不能一眼找到他想要的服务上,而不是页面好不好看、能不能炫技上。这回实践,真是给我上了一课,让我对自己以后做项目有了新的要求:能用最简单的方法实现的,绝不搞复杂。我打算以后就把这套极简的设计逻辑用起来,先从自己的博客开始改起。

