最近接个活儿，是给一个主要在北京做生意的公司设计网站首页。这活儿说难不难，说简单也不简单，毕竟北京这地界儿，要求不一样。

开始琢磨

我得明白，这网站是给谁看的，主要是北京本地的客户还是全国的？他们公司是干嘛的？是卖产品的还是做服务的？这些都得先搞清楚，不然设计出来就是个空壳子，不好用。

我跟那边沟通好几次，基本确定他们的目标客户主要还是在北京，公司是做企业服务的，希望能显得专业、靠谱，同时又不能太老气，得有点现代感。

找感觉阶段

然后我就开始在网上瞎转悠。我专门搜一堆北京的公司网站，不管是大公司还是小作坊，都点进去看看。特别是跟他们业务沾点边的，更是仔细研究。

• 看看排版布局，是规规矩矩的，还是比较活泼的。
• 看看颜色搭配，北京这边好像用蓝色、灰色的比较多，显得稳重。当然也有用亮色的，看行业。
• 看看图片选择，好多都喜欢放北京的地标，或者是一些现代化的办公场景图。

这个阶段就是大量地看，吸收各种信息，不是说要抄袭，主要是找找感觉，看看现在北京这边的网站大概流行啥风格，有哪些坑要避开。

动手设计

心里大概有谱之后，我就开始动手画草图。我习惯先用纸笔，大概勾勒出几个不同的布局方案。比如导航放上面还是侧面，主要内容区域怎么划分，图片和文字怎么结合。

画几版草图，选个感觉最合适的，然后就在电脑上用设计软件开始细化。这个过程就比较花时间。

我先确定整体色调。根据之前沟通的和看的案例，选个比较稳重的深蓝色作为主色，搭配灰色和白色，然后用一个稍微亮点的颜色，比如金色或者橙色，做点缀和强调，突出重点信息。

内容布局上，首页嘛最重要的信息肯定要放最显眼的地方。比如头图（Banner），我选张能体现北京现代化都市感又不失商务气息的图片，叠加上公司的核心口号和主要业务入口。

接着往下，我安排公司简介、核心服务介绍、优势展示、客户案例（特别挑几个北京本地的案例）、联系方式等几个板块。每个板块都注意留白，不想让页面显得太拥挤，看着累。

字体选择也挺重要。选个比较方正、清晰的无衬线字体，保证在各种屏幕上阅读都比较舒服。

反复修改

初稿出来后，我发给那边看看。果然，反馈来。有些地方他们觉得颜色可以再调整下，有些板块的顺序希望换一换，还有些文字描述觉得不够精准。

我就根据反馈进行修改。调整颜色饱和度、修改板块顺序、替换图片、优化文字排版。这个过程来来回回搞好几轮。有时候自己觉得挺好的设计，客户不一定买账，就得耐心沟通和修改。

特别注意响应式设计，确保在手机、平板上看效果也得现在用手机上网的人太多，这个不能忽视。反复在不同尺寸的屏幕上预览、调整。

最终实现

经过几轮修改打磨，总算是敲定最终版。整体看起来比较简洁、专业，重点信息突出，也带点北京本地的调调，但又不会太刻意。我把设计稿，包括颜色规范、字体规范、各模块的尺寸标注等等，整理好交给前端开发那边。

这回北京网站首页设计的实践过程，就是从理解需求开始，然后大量调研找感觉，接着动手设计和细化，根据反馈反复修改，直到最终落地。感觉每一步都挺重要，也挺磨人的，但看到成品出来，还是挺有成就感的。