想学ui设计网站设计？这几个实用技巧送给你！

最近接个活儿，给一个客户做网站，顺便还得把UI设计给包。这事儿说起来简单，做起来还真是有点费劲。不过咱也不是第一天干这行，摸爬滚打这么些年，经验还是攒点儿的。今天就来跟大家分享一下我这回的实践过程，也算是给自己做个

摸清客户的底细

我可没急着动手设计。我干啥？我先跟客户好好聊聊。这客户是做什么的呀？他们想要个什么样的网站？目标用户都是些什么人呀？这些问题我都得一一搞清楚。就跟相亲一样，你不得先解对方的情况嘛

跟客户聊完，我心里大概就有数。这客户是做电商的，卖一些手工艺品。他们想要一个简洁、大气，又能突出产品特色的网站。目标用户嘛主要是喜欢手工艺品的年轻人。

找找灵感，看看别人家咋做的

解客户的需求，接下来我就开始找灵感。这可不是瞎找，我专门去找一些类似的手工艺品网站，看看人家是怎么设计的。这叫这叫“站在巨人的肩膀上”！

我把这些网站的设计风格、配色、布局等等都仔细研究一遍。还别说，真发现不少好东西。有些网站的配色特别舒服，有些网站的布局特别巧妙，还有些网站的交互设计特别人性化。我把这些都一一记下来，准备用到自己的设计里。

另外我这有个小习惯，就是我会把我看到的好设计都截图保存下来，然后分门别类地整理这样以后再做设计的时候，就可以直接拿来参考，省不少事儿。

动手画草图，把想法落实到纸上

有灵感，我就开始动手画草图。这草图可不是随便画的，我是按照网站的结构，一页一页地画出来的。首页、产品列表页、产品详情页、购物车、个人中心……一个都不能少。

画草图的时候，我就开始琢磨每个页面的布局。哪些地方放图片，哪些地方放文字，哪些地方放按钮……我都得考虑清楚。这就像盖房子一样，你得先有个图纸，才能开始施工。

我发现一个事儿，就是尽量用单列布局。为因为单列布局看起来更清楚！用户一眼就能看明白你要表达要是弄个多列布局，用户的注意力就分散，反而不

开始设计，把草图变成“真家伙”

草图画好，我就开始用设计软件进行设计。我用的是一个叫什么...（此处省略具体软件名）的软件，反正挺好用的。我把草图导入到软件里，然后按照草图的布局，一点一点地把网站设计出来。

设计的时候，我特别注意几个地方：

• 颜色：我选一种比较柔和的颜色作为主色调，这样看起来比较舒服，也符合手工艺品的调性。
• 字体：我选一种比较清晰的字体，这样用户看起来不费劲。
• 图片：我选一些高质量的产品图片，这样能更好地展示产品的特点。
• 留白：我在页面上留一些空白，这样看起来不拥挤，也更透气。

给客户看效果，听听他们的意见

设计好，我把效果图发给客户看。客户看之后，提一些修改意见。比如，他们觉得某个地方的颜色不太合适，某个地方的字体太小……

我根据客户的意见，又对设计稿进行一些修改。改完之后，我又发给客户看。这回客户终于满意。

交付成果，大功告成

客户满意，我就把设计稿交付给他们。这事儿就算告一段落。看着自己辛辛苦苦做出来的东西，心里还是挺有成就感的。

这回的实践经历，让我又学到不少东西。以后再做类似的项目，我就更有经验。好，今天的分享就到这里，希望能对大家有所帮助。下次有机会，再跟大家聊聊别的。

上一篇：北京网页设计制作公司，到底该选哪家

下一篇：暂无