长沙天琥设计培训学校 培训资讯

一套完整的UI界面设计流程和步骤

来源:长沙天琥设计培训学校  时间:2018-11-22 15:36:14

UI是指“界面”,在视觉设计开始之前,界面的的交互策划与设计是很重要的前置步骤,对较终的用户体验有很大的影响。这里主要讲述UI 界面设计的流程与步骤。

长沙天琥设计培训学校

  随着人类社会逐步向非物质社会迈进,互联网信息产业已经走入我们的生活。在这样一个非物质社会中,网站与软件这些非物质产品再也不象过去那样紧紧靠技术就能处于不败之地。工业设计开始关注非物质产品。但是在国内依然普遍存在这样一个称呼"美工"。"美工"的意思就是没有思想紧紧靠体力工作的人。这是一个很愚昧的做法,愚昧在于称呼职员美工的企业没有意识到界面与交互设计能给他们带来的巨大经济效益,另一方面愚昧在于被称为美工的人不知道自己应该做什么,以为自己的工作就是每天给界面与网站勾边描图。

  在这里长沙天琥设计培训学校为大家讲述一套比较科学的设计流程来讲述UI界面设计属于工业设计的范畴,是一个科学的设计过程,理性的商业运作模式。而不是单纯的美术描边。

  UI的本意是user interface也就是用户与界面的关系。他包括交互设计,用户研究,与界面设计 三个部分。本文主要讲述用户研究与界面设计的过程。

  一个通用消费类软件界面的设计大体可分为五个步骤:

  一、需求阶段

  软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/遥控器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。

  除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的较终用户的就是较好的。如何判定较合适于用户呢,后面我会介绍用户调研。

  分析设计阶段

  经过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。

  例如我们为25岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有:品质,精美,高档,高雅,男性,时尚,cool,,个性,亲和,放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的,例如:品质,精美,高档,时尚。

  三、研验证阶段

  几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观的反馈。

  测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。

  四、方案改进阶段

  经过用户调研,我们得到目标用户较喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上(这里指不能换皮肤的应用软件或游戏的界面)将方案做到细致精美。

  五、用户验证阶段

  改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触较终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。

  经过上面设计过程的描述,大家可以清楚的发现,界面UI设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI界面设计不存在美工。

  UI设计的一般工作流程:

  (取自某UI设计服务公司)

  1)熟悉行业(熟悉您的软件所涉及的行业,以便制作出适合行业特征的界面风格)

  2)了解软件(了解您软件的工程进度,做出针对您进度的工作计划)。

  3)与软件开发工程师和市场人员讨论界面风格(广泛听取研发和市场人员的意见,做出较适合市场的软件)。

  4)人机分析(对您的软件进行人机分析,增强您软件的易用性)。

  5)做方案(做出设计方案,并明确细节思想)。

  6)审定方案(与技术和市场人员一起审定方案,并听取修改意见)。

  7)修改——审定(将有几次重复)

  8)细化、制作界面(开始制作软件界面)。

  9)与软件开发工程师合作把界面加入到程序中。

  10)细部修改,完成。

  11)进行软件包装盒、光盘盘面、盘套等的设计工作。

  12)后期跟踪服务

  更多设计资讯,培训课程,开班时间,学校地址等学校信息,请进入长沙天琥设计培训学校http://cstianhu.5zix.com/网站详细了解,咨询电话:18670081751,咨询QQ:1434119060

尊重原创文章,转载请注明出处与链接:http://cstianhu.5zix.com/news/43278/ 违者必究! 以上就是长沙天琥设计培训学校 小编为您整理一套完整的UI界面设计流程和步骤的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

长沙UI设计实战培训班

长沙UI设计实战培训班

UI设计前景好,缺口大

咨询 报名

长沙视频剪辑培训班

长沙视频剪辑培训班

新媒体已渗透到我们生活的方方面面,你可能

咨询 报名

长沙电商设计运营培训班

长沙电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

长沙室内空间创意培训班

长沙室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

长沙平面视觉创意培训班

长沙平面视觉创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名