话说，前阵子我不是接个私活儿嘛帮一个朋友的公司搞网站。这年头，网站就跟人的脸面一样，得弄得漂亮点儿，才能吸引人不是？我就开始琢磨，咋样才能把这网页设计得又好看又实用？

第一步，我先是好好想想，这网站到底是用来干啥的。

我那朋友是做电商的，卖各种各样的小商品。这网站肯定得突出商品展示，还得方便大家伙儿买东西，对？我得把这网站的“骨架”搭让用户进来就能一眼看到想看的东西，能快速找到想买的商品。

然后，我就开始动手画“草图”。

我拿个本子，开始在本子上涂涂画画。这块儿放轮播图，展示一下新品和热门商品；那块儿放个商品分类，让大家能按类别找东西；再来个搜索框，方便大家直接搜想要的东西……反正就是把网站的各个部分都安排得明明白白。

就到“上色”的环节。

• 我这朋友的公司，主打的是年轻、时尚的风格，我选的颜色都比较鲜艳、活泼，但又不能太花哨，得让人看着舒服。
• 我还特意找一些高清大图，把那些商品拍得美美的，让人一看就有买的欲望！

文字部分我也仔细弄，标题要醒目，内容要简洁，不能让人看着费劲，重要的信息还得加粗强调一下！

然后是让网站“动”起来

为让网站更有趣，我还加点儿动画效果。比如，鼠标移到商品图片上，图片会放大，或者加个商品细节图展示；点击按钮时，按钮会变个颜色之类的。但是不能太多太杂，花里胡哨的让用户看着头晕，那就适得其反！

一步，也是最重要的一步，就是让网站“跑”得快！

你想，如果一个网站打开半天都加载不出来，那谁还有耐心等？图片和动画都必须安排的合理，能少则少。图片我都给它压缩一下，保证质量的尽量减小文件大小。我还特意测试一下网站的打开速度，确保在各种网络环境下都能流畅访问。

经过一番折腾，这网站终于是搞定！朋友看之后，那是相当满意，直夸我专业。嘿我也挺有成就感的。毕竟这可是我自己一点一点儿“捣鼓”出来的成果！