跟大伙儿聊聊最近我捣鼓的一个事儿——给上海一家公司做网站页面设计。这活儿，说难不难，说简单也不简单，里头门道还挺多。今儿个我就把整个过程捋一捋，也算是个经验分享。

第一步：摸清底细，心里有数

我可不敢直接上手就画图。先跟那家公司的负责人碰个头，聊足足两小时。咱得搞清楚人家想要啥样的网站，对？这网站是用来干嘛的？展示产品？提供服务？还是分享信息？这可直接关系到后面的设计方向。

聊下来，我算是摸清：人家主要是想展示他们公司的产品，顺带介绍下服务。目标客户，主要是行业内的B端用户。得，这下我心里就有个大概的谱。

第二步：画个草图，搭个框架

我就开始琢磨页面的布局。这步我没直接用电脑，而是拿张纸，拿笔在上面涂涂画画。别小看这草图，它能帮我快速把脑子里的想法呈现出来。这块放产品图，那块写公司介绍，再来个联系方式……差不多就这样。

画完草图，我才打开电脑，用一个叫Pixso的工具（别问我哪儿找的，这不重要）把草图“搬”到电脑上。这工具用起来还挺顺手，拖拖拽拽就能把页面框架搭起来。这步主要是确定页面的基本结构，每个功能键大概放哪儿，点一下会跳转到哪个页面……

第三步：精雕细琢，抠抠细节

框架搭好，接下来就是往里头“填肉”。这步是最费时间的，也是最考验设计师功底的。我得考虑用啥样的颜色、字体，图片怎么排版，文字怎么写才能既吸引人又符合公司形象。这可不是随便弄弄就行的，得反复琢磨、反复修改。

• 颜色：我选蓝色和白色作为主色调，给人一种干净、专业的感觉。毕竟是B端用户嘛太花哨反而不合适。
• 字体：我选微软雅黑，这种字体比较正式，也比较容易辨认。
• 图片：产品图我让客户提供高清大图，保证清晰度。其他配图我也尽量选跟公司业务相关的，看着不突兀。
• 文字：文案这块我可没少费心思。产品介绍要写得专业、有吸引力，公司介绍要写得简洁明，联系方式要写得清楚明白……

这步就是不断地抠细节，力求把页面做得既美观又实用。

第四步：反复沟通，不断完善

设计稿出来后，我可没敢直接交给客户。我自己先看几遍，觉得没啥大问题，才发给客户那边。果不其然，客户提一些修改意见，比如这里颜色深点，那里文字多点……

这很正常，毕竟每个人的审美不一样。我根据客户的意见，又对设计稿进行几次修改。改完再发给客户看，直到客户满意为止。

第五步：交付成果，收工！

客户终于对设计稿点头。我也算松口气，把最终的设计稿打包发给客户。这活儿到这儿，就算告一段落。

网站页面设计只是网站建设的第一步，后面还有开发、测试、上线等一系列流程。不过对我来说，最费脑筋的这步已经完成，剩下的就交给其他同事去搞定！

这回的实践经历对我来说，又是一次自我提升与学习，实践过程中把控好每一步细节真的很重要，否则很容易做无用功，回头再修改起来更麻烦，希望这回的分享对大家有所帮助！