你的设计真的“够好”了？UI设计实操改稿全过程！

今天针对同学们在设计中碰到一些问题，给大家进行相关的讲解与点评。希望在以后的学习过程中，能够发现类似的错误和问题。

在今天的讲解过程中，将以往同学的练习案例，进行了相应的调整，那么就让我们通过观察修改前后的对比，从中学到界面设计的重点内容。通过今天的学习，相信大家在以后的工作中对于设计会更加有条理，并且能够找到自身问题的所在。在下面的修改中老王会尽量保留原来的风格来修改，这样能更仔细的体现出设计的变化。

   案例改稿一  

让我们先看一下修改前后的效果：

对于设计新手来说，整体效果还是可以的，在色调上也使用了暖色调。那么让我们先来看看原图中出现的问题。

1）大面积的暖色会造成视觉疲劳，会带给用户不舒适的感受，而此时我们可以将其调整为冷暖搭配或进行添加辅助色。

2）文字搭配上，要尽可能的简洁规范；文字的大小也没有合理的进行规划，没有抓住重点内容。

3）再来说说图标的设计，我们能够发现图标有圆润也有尖锐的，这样造成了整体不够统一。其中“超标报警”与“短传报警”图标的设计过于相似，无法给用户明显的区分。

4）“总热单耗”的圆圈使用了投影效果，整体的效果过于凸显，破坏了整体的统一性。

5）在“我的任务”列表中，左侧的时间与右侧的任务设置占据的位置是相同的，变得非常突出，那么我们就要分析哪一个内容比较重要，要有层次的进行设计。

（6）最后整体的效果，层次性比较弱，图标颜色的设计也过于花哨，没有统一性。

分析到这7条问题后，接着我们将依次去修改：

1）修改后的界面我们将冷色设置为底色，但是在重点内容上搭配了暖色，而在图标的设计上也进行了相应的统一，更好让用户进行区分。

2）文字上也将大小进行了区分，加强了层次感的设计。

3）在“总热单耗”区域，去掉圆形的投影效果，使其更加简洁大方。

4）在“我的任务”列表中，将次要信息时间放在了右侧，加强了左侧任务的文字，在视觉上更加舒适。

当我们碰到首页比较复杂或任务信息比较多样的情况下，需要把控好主次的设计，以及调整颜色冷暖的区分，让界面的视觉效果更加有节奏感。

   案例改稿二  

这是一款保险类的APP界面设计，我们还是先来看一下修改前后的对比效果。

从原图中，我们能够看出界面中存在以下几个问题：

1）上方的banner过于花哨，而图中的矢量人物也不是那么符合主题内容，而在文字设计上，将内容全部规划在左侧，给人一种不平衡的视觉感受，更没有凸显出“免费保障”的设计氛围。

2）在分类区域，图标的设计没有明显的区分，而在图标的颜色搭配上，也过于弱化，整体给人灰蒙蒙的效果，而图标上的投影效果，更是起到了反作用。

3）在内容信息区域，文字的设计与规划过于相似，用户不能很好的找到相应的内容，可以在信息前端加上相应的符号，以起到区分的作用。

4）主标题与副标题的不合理搭配，造成页面整体极为不协调，可以将主标题与副标题设计在一排，这样既能解决页面空旷的问题，还能更好的调节视觉上的平衡。

5）在“精选产品”区域，板式设计上不够协调，视觉效果也不够明显。

6）大咖出“品”区域中卡片的设计与背景色相同，无法进行明显区分，只能通过投影效果进行区分，这样的设计方式是不合理的。

分析到这6条问题后，接着我们将依次去修改：

1）去掉花哨的人物元素，将重要的文字信息进行放大，主标题与副标题增强了层次感，视觉效果上一目了然，而背景元素选择了一个“盾牌”的图形，更加凸显保障的含义。

2）在图标的设计中，更换了相应的图标，使人更加明确图标的功能。

整体的颜色也进行了相应调整，提高了饱和度与亮度，并进行了冷暖搭配。

3）在信息内容区域，标题的前端添加了不同颜色的线段图形，更加容易进行识别，而副标题则移动到主标题的旁边，使层次更加清晰。

5）在“精选产品”中，将文字进行“左对齐”的设置，更加符合用户的阅读习惯，其次将“主标题”与“副标题”的透明度降低了50%，加强了视觉的层次感；价格上使用了黄色进行相应的强调。

6）在大咖出 “品”区域中，将投影的特效进行了删除，使用了灰色为背景色，将整体风格调整成扁平清亮化的视觉效果，从而带给用户轻松的体验感受。

好了！今天的界面案例改稿就讲到这里，希望大家能够从这两个案例中有所收获，在以后的日子中，带给大家更加精彩的案例讲解。

另外最近有不少学员问到我同样的一个问题，自学UI设计和报班学UI设计有什么区别？自学能学好UI设计吗？

先来回答第二个问题，自学能学好UI设计吗？

从专业的角度来说，UI设计是比较专业的技能，自学几乎不可能学好UI设计，及时你付出了一年、两年、甚至更长时间，你也不一定能做好UI设计这份工作。很多同学自学UI一段时间，天天就是学PS特效、PS案例操作等等，却连最基本的UI设计规范和技法都不了解。这是挺可悲的一件事情。浪费了不少时间、精力，但是却没有学到真正的东西。

所以，我不建议大家自学UI设计，要么就踏踏实实系统学习，要么就不学。这是对大家负责任的一个建议。

1、什么是自学呢？

自学就是完全依靠自己花大量时间去摸索与研究，在网上到处寻找免费资源或者观看书籍等。

当然网上的一些资源别人不是吃了饭没事做，就分享给你学习，你想一想别人分享给你的东西其中一定有别的目的所在。

所以自学UI设计想学好是非常难的，毕竟UI设计是一门技术性职业，薪资待遇是很高，但是你没有足够的能力，你也是一样拿不到。

比如学UI设计，需要学PS软件，那么你就会去网上找一些PS视频教程来学，或者到处加UI学习群，在里面不懂的能不能交流获得解答。

当你遇到问题需要自己解决或求人解答时，有时会很无助，一直徘徊在哪里得不到解决。

自学一般需要有较强的学习力，如果你没有这方面的天赋，那么就建议你花点钱进行系统学习。

报班系统学习学的比较实用和专业，其实很多时候，能用钱解决的事尽量用钱，而不是每天去浪费年轻的宝贵时间。

有些钱不能省，当作投资自己，学习让自己变得更有价值，因为你学会以后工作了，后期回报是无限的。

因为自学的话，没有方向和学习规划，你也不知道要学到何时才能找到一份工作。

2、什么是报班学呢？

报班学习就是花钱报名系统学习UI设计培训班，来进行系统化学习，享受资深专业老师指导授课，在课堂传授丰富的设计经验和技巧给你。

在学习过程中遇到不懂的可以及时找到老师解决问题，还能让你不走弯路，学到当今企业需求的UI设计知识。

报班培训学习的话一般4-5个月就可以学会UI设计，学习效果自然比自学好很多倍，学习时间也是比自学短很多倍。

UI设计这个行业，一个零基础的学员要想进入这个行业，一共有三个过程，分别是：技法层，思维层，还有作品层。

技法层要到的水平就是在UI设计中，所看到的界面，图标，这些都要能绘制出来，这个过程叫做技法实现层。

比如一个图标是用PS怎么画出来的，用了多少种运算法则，用了多少种图层样式，这些都是需要知道的。

思维层要到的水平就是随便找一个APP出来，都要知道里面的版式为什么这么布局，颜色为什么这样搭配，设计规范为什么那样用等。

作品层要达到的水平就是原创，只有优秀原创作品才能找到一份高薪UI设计的工作。

有些自学UI设计的人去找工作，作品都是临摹别人的，所以经常会被公司拒绝不要，所以原创作品必须要有。

技法层考验的是一个UI设计师的软件水平

思维层考验的是一个UI设计师的理论水平

作品层考验的是一个UI设计师的设计水平

当有一天，3个水平你都达到了要求后，那么找一份UI设计的工作就不难了。

那么如果只会其中的一个，比如只会用软件技能，那么这样你是很难从事UI设计的。

使用PS虽然可以画出UI设计的界面和图标，但是如果没有学习美术和理论知识，你画出来的图标也是不够好的。

不知道这个界面为什么这样画，为什么用这个颜色，只知道跟着画，这样就只能临摹，别人怎么画你就怎么画。

当让你自己不看别人作品画时，就不知道如何下手，问你为什么这样画的时候，你也回答不上来。

接下来又会面临一个问题就是，UI设计培训班那么多，应该做如何选择呢？

UI设计培训班，一般分有二种，一种为线下实体培训班，另一种为线上培训班。

线下实体UI培训班费用一般是1-2万左右，一般学习周期是4-5个月，基本都是要高利息贷款，学不学的会最终都是要靠自己，自己不用心学，再贵的学费也学不会。

不过对于零基础学员的话，难度比较高，因为时间只有4-5个月，所以压力是非常大的，

不过现在95%的人学UI设计都选择线上培训班，因为学习方便，比较自由，可以随时随地学习，学习效果也要比线下好很多。

因为实体班就和大学教室一样，你上课用不用心学老师不会管你，不会督促你，而线上培训班就不同，学习过程全程督促。

需要按时交作业和定期参与学习成果技能检验比拼，检验自己每周学到了什么，达到了什么程度。

例如我们的UI设计全能就业班，费用这块的话，就比较合适，只要2999元，学习周期是4个月。

学习的课程内容都是根据现代企业需求研发的，企业需要怎样的人才，我们的课程就教企业需要的技术。

每一节课都是结合企业用人要求进行授课，并在授课中给学员传授最专业，最好的设计经验，让学员学完直接就能就业上岗。

而且我们的课程，全部都是以实战教学为主，老师会企业实战项目带到课堂，让学员学了直接可以运用到实际工作中去。

那为什么我们的课程学费会便宜那么多呢，因为我们是在线教育培训，教学成本没有实体学校那么高，不用租场地和花钱到百度打广告。

在我们这边学完课程后会有专门的就业老师一对一辅导就业，推荐就业单位，让你可以快速上岗工作。

另外我们的课程还提供有三年内免费复训的学习保障，就是说你学了4个月一期还有没有学会，还可以免费继续再学习，学到为止。

同时三年内都有老师全天在线一对一学习解答辅导，工作以后遇到问题也还可以随时找到老师解决问题。

因为一般的实体UI培训班都是没有这个三年免费复训学习保障的，正因为有这个免费复训保障，所以很多学员都选择在我们这边学UI设计。

还有我们的直播授课时间，是周一到周五，每晚上8点-10点在线直播授课。并且全程录屏，没空来上课的学员，课后随时可以看回放。

如果你晚上要加班或上学，就可以看回放，不用担心错过课程，所以学习起来都是非常方便的。

报名UI设计全能班后可以获得到以下服务！

获得一套UI设计从零基础到大神的直播课程（为期4-6个月，共107节，每天晚上20点-22点上课）

获得一套UI设计从零基础到大神的录播课程（共500多节课，详细到每个工具每个理论每个操作一节课）

4个月一期，学了一期没有学会的学员，可免费继续学习，学会为止，有三年内免费复训学习保障（不用担心学不会）

三年课程更新服务，三年内我们的直播课和录播课只要有更新全可以免费学习（可以学全网最新知识）

就业指导服务，学会课程后，就业方面有专门的就业指导老师，一对一辅导就业（不用担心就业问题）

提供全天在线解答服务，学习中碰到的问题，可以通过QQ、微信、远程，班级群，课堂等方式及时找到老师解答。(不用担心学习问题）

直播课程回放学习，直播课程全程录屏，不用担心加班无法上直播课，而担心课程跟不上。（不再担心时间问题）

支持手机APP和平板APP，缓存式学习，所有课程均可下载到APP中，随时随地学习。（不再担心网络问题）

VIP学员售后服务群，报名后邀请进入学习群，一起比拼学习成果，同时积累社会人脉。（不再担心学习氛围不好）

课程人人可学得起，针对学生和没有工作及工资低的学员，开放分期报名助学，最高可分12个月（相当于每月仅需2百元）

另外对于有经济压力朋友，比如大学生，失业人员，不能一次性付清学费的，提供有分期助学。

使用支付宝蚂蚁花呗或百度钱包，信用卡，分期每个月只需200多，就能学习我们的UI设计VIP课程。

然后呢？如何报名正式课学习呢？

报名请直接添加

老师QQ：575506845

备注：UI报名

---

包含课程：

UI设计基础班+UI设计案例班+UI视觉设计班+UI交互设计班+UI动效网页就业班

包含软件：

PS AI AE ARP MarkMan Xmind Cutterman

包含内容：

色彩 版式 切图 心理学 规范 切图 适配

三大构成 图标设计 界面设计 手绘 动效设计 

Banner设计 电商设计原型图设计 

UE 交互逻辑 素描 作品集制作 就业指导 思维导图 

头脑风暴 产品思维 工作流程 专题活动页 网页设计

包含课时：

直播130节+录播500节+直播回放400节

（课程合计时长超过500小时）

那么学习我们的UI设计课程4个月后，你可以达到什么水平呢？

下面就来看下，我们我们这边的VIP学员实战项目作品。

再来看下正式学员的学习和就业反馈：

UI设计全能就业班学习就业反馈 

一年内成为UI设计部门主管

刚学完出来就通过滴滴公司三轮面试，实习起薪9000 

还有接单收入过万的同学，单子是我介绍给他的，报名之前是在南宁一个广告店里当学徒，工资是1500，大家可能无法想象，但是事实就是这样，有的学徒可能还要给钱老板，看老板脸色，别说工资了。之前报名的时候没钱，是用的花呗分期，现在已经把学费赚回去了

其它反馈

以下是近期报名UI设计VIP学员的照片

另外，咱们UI设计全能就业班最新一期全新升级！

此次将由5位资深UI设计老师授课。

在原有的课程体系之外再新加内容

新加入的课程内容有如下：

美术手绘，小程序设计，H5设计，

代码设计，网页设计，BANNE设计。

新一期最后限招52人，名额满截止报名。

想报名学习UI设计VIP课程的同学。

看到信息联系我申请新班名额。

现在报名学费只要2999元，还可以分期学习，课程有三年学习期限。

想要有一门能够支撑你未来三到五年发展的技能，挑战UI设计高薪好待遇，那看到本篇文章后主动联系我吧。

联系QQ：575506845 备注：报名UI设计