正文

ui设计完整过程案例（ui设计完整过程案例分享）

发布时间：2023-04-28 01:49:17 稿源：创意岭阅读： 848

大家好！今天让创意岭的小编来大家介绍下关于ui设计完整过程案例的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

1、什么是UI设计？
2、什么是UI设计
3、ui设计包括什么？需要掌握哪些？
4、如何自学UI设计？

ui设计完整过程案例（ui设计完整过程案例分享）

一、什么是UI设计？

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

UI设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。

一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。

如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

扩展资料:

就业前景

UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。

其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。

就业市场供不应求。如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。

但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。

因此，提高软件UI设计师的个人能力，真正提升软件产品的人性化程度，已成为中国UI发展的重中之重。

UI设计工作的年薪基本保持在10到15万，经验丰富者可以达到20万，资深的UI设计人员年薪可以更高。

参考资料:百度百科----UI设计

二、什么是UI设计

很多想要自学UI设计的小伙伴，苦于没有好的学习计划、课程大纲，学习效果很不好，花了时间也没有将自己的知识体系建设全面。那自学UI设计到底应该如何学习呢？

在讲学习流程之前，我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后，你才知道自己是否对其感兴趣，是否是真的愿意花时间和精力去学习。

一、UI设计

UI（User Interface），中文名“用户界面”。Ps：（百度解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

那互联网的这波浪，无论前浪，还是后浪都从未消停过。你经常看到“互联网+”这样的组合，通俗解释“互联网+”就是“互联网+各个传统行业”，但这并不是简单的两者相加，而是利用信息通信技术以及互联网平台，让互联网与传统行业进行深度融合，创造新的发展生态。

在这其中，又与UI有什么紧密联系呢？

把传统行业放到互联网上，肯定需要用一个界面来展示，哪怕只是一个简单的网页，而每一个互联网下的产品无论是PC端还是移动端，无论传统行业还是非传统行业，最终呈现都要以UI界面为依托，供用户使用查看。这其中又不仅要视觉产出，还要好的交互和用户体验。

举个例子，说说我们平常不太关注的来电接听这回事。

苹果手机在不锁屏的状态下，来电显示时，接电话在右边显示绿色，挂电话在左边显示红色。一般情况下右手拿电话，大拇指操作，绿色是接听电话，这是我们的常规操作，使用频率很高，所以在右边离大拇指更近，而挂电话频率不高所以在左边远一些。从色彩体验上分析，红色也有警示警告的作用，

但如果红色按键和绿色按键换个位置，其实并不会影响视觉，但却不是一个好体验，可能随时都会有挂电话的误操作

UI无处不体现在我们生活之中，无论大小，它都存在于你所看到的，你所触碰到的体验里。所以UI不单纯是美工，还要考虑到视觉效果和用户体验。而用户是很挑剔的，对视觉的需求和对体验的需求都在不断的发生变化和提高。所以这也造就了UI设计师这种不需要敲代码，但仍然可以拿高薪的互联网岗位。

二、UI设计学习计划

很多小伙伴没有严格的学习计划，导致于自学周期被自己拖得很长，所以自学UI设计，一定要制定适合自己的学习计划，严格按照学习计划去完成学习目标，才能获得最终的胜利。那每个人的学习能力和技能掌握情况不同，在这里分享一个零基础全天候以周划分的学习计划。希望你可以针对自己的情况，参考此计划为自己的量身打造UI设计自学计

越简单的元素搭配，就越考察一个设计师的基础功，如果没有过硬的技术和扎实的基本功，就难以准确地传达产品自身调性和营销卖点。

我们都知道创意思维对于设计师的重要性，却也不能忽略基本功对于设计师的必要性。只有坚持不断的负重训练，扎实美术功底，才能在日后的商业实战中轻松驾驭各种风格。

第一周：手绘

手绘的重点主要是培养学员的形体结构，光感、空间的关系，这算是一个审美培养的启蒙，时下最流行的矢量插画就和手绘密切相关。

第二、三周：PS、AI基础软件的学习

从零开始学习软件，需要用实际的案例去学习，这样更加容易上手，并且UI设计的学习并不是只是简单的学习软件工具，很多在人都以为UI设计只要会了PS、AI等就可以了，其实让通过实际的案例去了解设计背后的意义即设计思维、创意理解，才是更为重要的目的。

但是只学思维也不行，我们也要加强设计的基本功，对软件完全的精通掌握，这是必须的。

第四、五周:平面构成、Logo

掌握平面设计中点、线、面，加以延伸到到Logo设计，Logo一方面是包括图形另一方面是包括字体，所以了解文字结构是非常基础的，以及如果这一阶段学的非常好，接Logo私单，价格高到不敢相信。

并且logo品牌部分学习中，要会从Logo的形式、气质、基础属性、思维方式、以及标准制图等去深入学习。一个简单的图形通过形式的变形而演变出千变万化的造型，如此多的变化还怕设计不出Logo吗？

举例：从形入手，一个圆可变实心的圆、可变空心的、可变半圆的还可变椭圆、半圆，那是不是就能联想到鸡蛋、煎蛋、荷包蛋、帽子、水杯呢？

第六周：品牌Logo定稿以及VI手册设计

图片来源：阿多比设计学院学员作品

这一周其重点是甲方思维思考设计，对，就是那个烦人的甲方爸爸，需要学习换位思考。

整个第一阶段的学习内容都是非常基础的，目的是培养设计思维，正所谓懂用户所想，还不能设计出好产品？

第七周：响应式网站、一屏式网站

从案例来讲述网页设计的构成、颜色、字体、功能、按钮以及设计规范、排版规范。

第八周：后台数据

除了后台设计，更多的是后台的数据统计处理，如何做到简单化、明了化。

第九周：电商设计

电商平台首页设计，每一个月各大购物平台都会有全站式的活动，活动主题都不一样，所以其实电商设计的人才缺口是非常大的。

第十周：淘宝平台详情页、后台

这一部分是可以自己去申请淘宝店、上架产品，任何学习都没有直接上手来得快。实操实练，自己去体会各大平台的规范，才会了解得更加清楚。

第十一周:C4D、Banner

进入3D训练啦，丰富视觉效果，提高就业竞争能力，多会一门技术，就多一些可能，这也是我们要为什么不断学习提升自己的原因。

第二阶段，更多的是网页的设计训练，重点掌握企业站界面设计规范和输出规范，且能够根据企业真实需求设计页面。

第十二周：用户体验、竞品分析、原型图

本周开始设计APP，通过数据分析来做竞品分析，使用Axure来绘制APP的原型图。

第十三周：图标

有意思的图标也是完整APP设计的重要一环。

第十四周：界面、胶囊

通过标志性APP来讲弹窗页、闪动页。

第十五周：界面设计

继续完成APP，并学会切图、命名、标注、打包、交接（前端小哥哥、小姐姐打不打就看这周的学习内容了）

第十六周：运营界面

营销推广性的用户思维培养，把握用户的痛点提升整体运营界面，达到营销推广的目的。这一般都是通过突然跳出来的弹窗、闪屏等，比如促销性质的页面，增加了视觉感染力，促进了用户的点击。

第十七周：交互动效

学好AE动效会非常加分，因为它可以准确的传达出你的思路，演示你想要的表达的效果。这必将成为UI的流行趋势，不想要被市场淘汰，一定要继续学习啊！

这一个阶段，可以尝试着手设计属于自己的APP，你可以选择自己喜欢的主题，没有局限性，这可以成为零基础转行的你的作品集内容哦。

第十八周：前端

大家都知道与UI设计师密切合作的是前端，那作为一个UI设计师，只有懂了前端，这样才会合作得更好，提升工作的效率。我们可以学习HTML5，学习CSS3等。

虽然是以周划分，安排得满满当当，这样学习流程适合大多数零基础的小伙伴，每周的内容如果学习的不扎实，可以适当停留脚步，因为每个人的学习能力不同，学习掌握情况不同。一定要将知识学扎实，一步一个脚印的往前走，才能真正将UI设计知识掌握牢靠。

三、ui设计包括什么？需要掌握哪些？

UI设计范围很大，简单来说，不仅能做平面设计，各种软件网站界面我们也要设计。总之，只要是与人类生活相关的人机交互界面，都在它的设计范畴内。UI设计的前身是平面、网页设计，在原专业的基础上加入了一些人机交互的逻辑、控件的应用、组件的状态设计等内容。这是由于互联网发展的精细化延伸出来的新门类，因此设计的软件应用就是基本功了。

需要掌握Photoshop（图像处理）、illustrator（图形制作）、After Effects（视频处理）、Axure（原型设计）、Dreamweaver（网页制作）、Coreldraw（矢量制作）、Flash（动画制作）等设计软件及HTML5.0和DIV+CSS网页代码基础。

学会了各类设计软件的应用还不够，此时还不能独立创作，因为缺乏创意的表现技能，所以需要掌握铅笔、素描本、手绘板等不同手绘工具的熟练运用。此部分主要是设计思维的训练及表现，重在设计理论的学习与构图技巧，学会解析各类图标的设计原理及表现技法。UI设计学习还是离不开教程资料的。

通过前面理论与工具的练习，基本具备了设计的基础能力，接下来就需要一些完整案例的实战了。要学会模仿各类产品优秀案例、并能解析其设计要点，能推陈出新做出部分创新的完整案例。需要掌握不同类型互联网产品的设计规范、设计流程、设计图纸的输出与迭代方法，保证产品用户体验的持续性提升，具体详细内容不多说，知乎上面有很多这样的信息。最后想说的就是，学习需要一种态度，态度决定你的收获高度！

四、如何自学UI设计？

很多人会选择自学UI设计，自己一人也不知从何学起。这里就为大家带来了一些分享，从零基础开始学习UI设计，这其中我们到底要经历一些什么?

一、学习准备——启蒙首先要先去了解整个美术史的发展。从人类起源各个阶段中，美术经历了什么样的变化，在各自的时代发挥了什么作用，近代美术史又经历了哪些波折，平面设计艺术是如何发展壮大走进千家万户，并且有哪些经验成功过度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处，他们为美术学发展做出了哪些贡献，他们的名作到底有何动人之处。

二、绘画技巧——洞察美术高考主要考的三大项：素描、速写、色彩。就是绘画入门的三大基础课题，我们学习的过程也是以这个顺序逐步覆盖的。如果你已经在第一部分看完了那些书籍，就会知道，学习基础绘画的过程中，我们在纸张上对现实世界的物体进行细致准确的描绘，也就需要我们更仔细的观察事物。

三、掌握软件——手段这一步就正式开始进入学习软件的步骤。如果学习的是UI，那么以下几种软件是必不可少的：PS、AI、DW、Sketch……其余的根据爱好自己补充。很多设计师没有经过前两个步骤的熏陶的，所以在学习软件的过程中很容易自满，明明对软件的掌握还很肤浅就已经恬不知耻的在简历中输入”精通“二次。他们的视角是狭隘的，只认为学会了PS这些工具，就学会了设计，也忽略了自己远远没有达到美工门槛的界限。

以上就是关于ui设计完整过程案例相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。