网页美工设计的流程有那些?以及网页美工案例分享-----答题赚钱小程序项目UI设计

　　导语：很多人经常会把网页美工和UI设计搞混，今天我们就一起来了解一下网页美工与UI设计的区别是什么?网页美工设计的流程有那些?以及网页美工案例分享-----答题赚钱小程序项目UI设计

　　网页美工与UI设计的区别是什么?

　　很多人经常会把网页美工和UI设计搞混，今天我们就一起来了解一下网页美工与UI设计的区别是什么?

　　什么是UI设计?

　　UI其实是用户界面(User interface)的简称 ，而用户界面是指人和机器互动过程中的界面。UI设计就是设计人机交互过程中所需的元素和步骤。以移动端的手机为例，手机上的界面都属于用户界面。用户通过这个界面向手机发出指令，手机根据这些指令产生相对应的反馈。

　　什么是网页美工?

　　一般是指对平面，色彩 ，基调，创意等进行堆砌的技术人才，分为平面美工、网页美工和三维美工。一般需要精通Photoshop等设计软件。网页美工专业大部分因为电子商务的兴起而发展的职业，主要负责公司形象包装、网站优化、产品宣传画册、电子商务专题设计等工作。

　　网页美工设计的流程有那些?

　　1.首先了解你要做的是什么东西，并且进行分析，选用主色调和基本设计思路

　　2.按照你所想的进行素材的收集

　　3.配合上面的进行初稿设计

　　4.再回过头看看有没有要修改的地方，然后确认完成

　　5.将设计稿发给客户，如果客户认同则进行网页制作，如果没认同则继续进行修改，知道客户满意为止!

　　6.切片前也要先观察好，哪些是自己需要的，哪些东西能重复使用，哪些是需要越小越好的，哪些文字是必须用图片的!考虑好这些就进行切片，记住精确精确再精确!如果有必要将类型相同的图片做成一张图片!

　　7.网页编码，按照切片时思路将网页进行编码，一般都是分为头部、主体内容、底部，主体内容有1栏的 2栏的，3栏的，现在软件中把DIV架构好框架，再进行样式的编写!!!

　　补充一点，设计的时候要考虑到以后编码的方便来设计!能用文字的地方尽量用文字，还有一般的行业网站和大一点的参照一下一栅格系统，无非是网页内容在950-960这个范围!

　　工作周期在7天以内 包括与客户沟通时间! 当然一般只需要三天就好，快的一天也行! 要看网站的大小程度和客户的刁钻程度!

　　网页美工案例分享-----答题赚钱小程序项目UI设计

　　案例背景

　　这是一款答题赚钱的益智小程序，有丰富的答题形式，比如个人答题，pk答题等等，按答题对错的多少获得奖励。以互动游戏、知识竞答、游戏进行知识宣传为核心。以海量的题库为选手提供个性化的知识传播，以游戏的形式进行互动，还能在学习知识的过程中赚一些零花钱。

　　案例详情

　　整体风格基于卡通、微质感的设计，让用户沉浸答题游戏中的知识类型的赚钱小程序