近年来,很多商家会开发小程序做营销,而小程序的设计离不开平面ui设计。那大家知道平面ui设计是什么意思吗?还有,ui设计的设计流程是怎样的呢?今天就一起跟小编来了解一下相关的内容吧。
平面ui设计是什么意思
平面设计泛指具有艺术性和专业性,以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。
(图片来自网络)
UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计,也就是说,UI设计做出来的东西是和用户有互动的,比如我们平常用的手机APP上的设计,就是有互动的,你对它进行某项操作,它会给你一个反馈。
我们需要明确的是,UI 设计师并不是视觉设计师。UI 设计师的工作并不是编写一个很好看的界面,而是要提供一个易用的界面。UI 设计师需要把程序变得简单易于使用,要减少用户动作数量,将其转化语言表现,最终目的是实现简单易用的程序。
UI设计师的职责是任务分析、概念设计、进行流程设计、说明实时响应标准、易用性评估、易用性测试、评定易用性标准的一致性;而视觉设计师的职责是创建可识别的图像、艺术的外观、充分利用所相关的显示媒体形象地表达功能视觉一致性。
简单直接来说平面设计是设计排版,UI设计是设计交互,视觉设计是设计色彩和构成。
平面侧重于:平面媒体或载物进行设计,主要包括广告,画册,海报,LOGO,包装等。
UI侧重于:对软件的人机交互、操作逻辑、界面美观的整体设计,好的UI设计不仅是让软件变得有个性有品味,还要让APP软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。
ui设计的设计流程
一、确认目标用户
在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。
用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如:对于科学用户和对于电脑入门用户的设计重点就不同。
二、采集目标用户的习惯交互方式
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。
三、提示和引导用户
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。
对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。
四、一致性原则
设计目标一致
软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。
例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。
元素外观一致
交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。
交互行为一致
在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。
例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。
五、可用性原则
可理解
软件要为用户使用,用户必须可以理解软件各元素对应的功能。
如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。
比如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。
可达到
用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。
(图片来自网络)
可控制
软件的交互流程,用户可以控制。
功能的执行流程,用户可以控制。
如果确实无法提供控制,则用能为目标用户理解的方式提示用户。
看完了上文小编的介绍,相信大家对平面ui设计是什么意思以及ui设计的设计流程是怎样的相关内容有所了解了。ui设计能让小程序界面更加美观,能带来更加舒适的视觉。