最近接个活儿，给一家小公司设计网站首页。这事儿说大不大，说小也不小，毕竟是人家公司的门面嘛咱也得好好捯饬捯饬，把这些天折腾的过程都给记录下来。

客户那边就甩给我几句话，说想要个“大气、简洁、突出产品”的首页。这说跟没说一样，还得我自己琢磨。我先翻翻他们之前那个老掉牙的网站，又看看他们给的一些产品资料，心里大概有个底。

第一步：摸清底细，找感觉

光看自己家的东西还不行，我还得看看人家做得好的网站都是啥样的。于是我泡在各种设计网站上，浏览大量的案例，特别是跟这家公司业务有点相关的。这一步主要是找感觉，看看现在都流行啥样的设计风格，哪些元素用得多。

第二步：画草图，定结构

有感觉之后，我就开始动手画草图。先用笔在纸上随便画，把想到的各种布局、模块都画出来。这一步不用太细致，主要是把脑子里的想法快速呈现出来。画好几版，挑一个比较满意的，然后用电脑软件画个线框图，把首页的结构基本定下来。

• 头部：公司Logo、导航栏（公司介绍、产品中心、新闻动态、联系我们）
• Banner：大图轮播，展示公司主打产品
• 产品展示区：用卡片式布局展示几个重点产品，点击可以跳转到详情页
• 公司优势：简单列几条公司的优势，增加信任感
• 新闻动态：展示最新的几条公司新闻
• 底部：版权信息、联系方式、备案号

第三步：设计视觉稿，加细节

结构定下来，接下来就是设计视觉稿。我选几个跟他们公司产品相关的颜色作为主色调，然后开始往线框图里填充内容。这一步是最花时间的，要考虑很多细节，比如字体、字号、图片、图标等等。设计过程中，我还不断地调整，力求做到最好看、最舒服。

第四步：反复修改，最终定稿

视觉稿设计好之后，我发给客户看，让他们提意见。来来回回改好几版，有些是根据客户的要求改的，有些是我自己觉得不够好主动改的。终于敲定最终版。

整个过程下来，虽然有点累，但还是挺有成就感的。看着自己设计的首页，感觉就像看着自己的孩子一样。希望这个新首页能给他们公司带来更多生意！