论文部分内容阅读
摘要:软件设计主要由UI设计与编码设计构成。UI设计是一种用户界面设计,移动UI设计主要关注移动终端的用户界面设计,如手机、平板电脑,以及各类手持终端设备等。本文选取移动UI设计中的图标应用分析作为研究题目,概述了图标分类。并以此为基础,分别从图标设计原则、步骤、技巧等方面,对其应用进行了讨论。
关键词:移动UI设计;图标;应用分析
在移动端的UI设计中,根据图标在应用程序中的使用属性,通常被分类为启动图标、工具栏图标。但是,从设计风格方面看,对于图标的应用又有拟物化、扁平化设计等。由此可见,移动UI设计中的图标应用过程,虽然十分强调用户体验,但也应借助图标设计中的规范、视觉、色彩、功能等,增强了用户与应用程序界面之间的“交互性”。具体分析如下:
1、图标设计原则
在移动用户界面设计时,设计师通常会考虑突出应用程序的功能性、强调图标的影响力。以功能性为例,图标的辨识度要高、精准的反应应用程序的主要特征,使移动端用户一看到图标便会立即联想到其特征显示的功能及作用。以影响力为例,侧重点放在对风格的统一性把握、视频形式的处理方面,包括色彩、质感、纹理、阴影等效果对于用户产生的影响等。因此,在图标设计方面,通常会预设规范化原则、个性化原则、生活化原则等。
首先,在规范化原则方面,要求设计者根据移动端的设备构成要素,合理的进行设计规范限定。例如,在智能手机领域,现阶段普遍使用的苹果系统(macOS)与安卓系统(Android)中,屏幕、分辨率等均存在差异,因而要求设计师能够遵循相应的规范,合理的确定图标的形态、样式、属性等。
其次,在规范化原则下,应该注重个性化设计原则,预防因大同小异的设计问题,降低应用程序图标的功能性与影响力。而且,当前图标设计中的扁平化设计趋势增强,拟物化设计的需求相对弱化。所以,在扁平化设计趋势下,设计师应该从图标界面的抽象性、简洁性、视觉感受等方向强调图标的个性化特征。
第三,在生活化原则下,要求设计师将重点的元素提炼与筛选,对接到生活化层面,尽可能撷取熟悉之物的元素,利用格式塔视觉中图底、联想、抽象、变形、象征、重构等不同的设计路径,创造出非凡效果等。业内人士通常也将生活化原则下的图标设计概括为“画龙点睛”,由此可见,该原则在图标设计中起着十分重要的作用。
2、图标设计步骤
现阶段移动UI设计中的图标应用十分普遍,对于图标的设计专业度与成熟相对较高。因此,已经建立了设计流程相对清晰的设计步骤。另外,工业设计思想的引入,较好的推动了图标产品设计的流程化作业,保障了图标设计时的按部就班操作。分述如下:
第一,列举图标要素清单,遵循设计原则,利用IOS设计方向,减少色彩干扰,提高图标辨识度。同时,按照图标尺寸、线面、圆角,以及相关的效果参数调节方式,对各类要素进行筛选与组合,完成草图设计。
第二,借鉴移动设备中的上线产品,优化图标尺寸,确定金刚区图标、Tab栏图标、首页图标的使用尺寸。然后,利用图标库进行辨识度调整与样式设置等。
第三,图标设计完成后,应该根据测试环节,对其进行任务测试,包括细节自查、辨识度检测、对比色测试。在测试环节应该增强随机用户的使用评估,做好各项评估结果统计,再对其实施进一步优化处理,确保最终的图标设计方案,能够代表应用程序的功能、保障用户的快速精准识别,克服各项使用障碍等。
例如,在细节自查环节,应该从业务联系、色彩情绪、呼吸感、统一度的设计方面进行逐一分析。而在辨识度测试环节,应该通过遮挡法,保证用户识别时的自主性,尤其应该从用户对图标的初步印象、联想、含义理解、功能描述等方面进行相对全面的功能特征剖析。在对比色测评环节,通常需要确定用户的反应时间,一般情况以5s作为限定时间,可以更好的对色弱用户、色盲用户等进行使用障碍测试与评估等。
3、图标设计技巧及应用
以应用程序首页金刚区(主图标区)的图标设计为例,图标定位在页面上部位置,考虑到公司业务活动的变更需求,因而,应该结合Banner栏与页面上部位置的限定,强调其需求层次。具体设计中,可以通过丰富色彩、面性图标等突出其需求特征。
例如,在初步设计环节,应该按照规范性原则,对金刚区的基础规范进行确认与限定,包括布局、尺寸等。按照比较典型的应用程序图标设计看,该区域的图标尺寸保持在90px效果相对较好。另一方面,在图标内部的呼吸感的设计方面,无论经典性的图标设计与一般产品的设计,均十分强调黄金分割比。因此,在该方面,应该利用黄金分割比,图标、文字、四周距离等进行详细计算,确保将此类参数控制在该定律之内。至于图标形状的设计,設计师可以借助阿里巴巴Iconfong之类的素材库,进行资源搜索,吸收一些有利于绘制图标形状的设计经验,包括造型、风格、色彩等。尤其在配色方面,应该按照主题色的个性化设计方向,合理的配置对比色、邻近色。
4、结束语
总之,图标是移动用户界面设计中最为核心的构成要素。除以上所说的金刚区设计之外,对于Tab栏的图标设计,也应该结合设计尺寸、用户群定位、品牌理念、业务范围、产品功能、色彩情感等进行全面分析。如金融类应用程序应该在Tab栏图标设计中,强调安全感、可靠性,尽量采用一些线性图标。而电商类的产品应该注重对年龄层次的分类与风格的简洁化处理等。通过以上初步分析,建议在图标设计中,利用当前的产品设计理念与工业设计思想,增强对全要素分析方法的使用,并按照产品设计各个构成环节,按部就班的实施图标设计。
参考文献
[1]甄珍.基于移动互联网软件产品的UI设计要素与要点探究[J].数字通信世界,2021,5(2):25.
[2]惠晓艳.色彩语意在UI设计中的应用研究[J].西部皮革,2021,43(4):1-2.
[3]王乐.浅谈基于媒体融合场景的UI界面设计[J].环球首映,2021,13(1):130-131.
关键词:移动UI设计;图标;应用分析
在移动端的UI设计中,根据图标在应用程序中的使用属性,通常被分类为启动图标、工具栏图标。但是,从设计风格方面看,对于图标的应用又有拟物化、扁平化设计等。由此可见,移动UI设计中的图标应用过程,虽然十分强调用户体验,但也应借助图标设计中的规范、视觉、色彩、功能等,增强了用户与应用程序界面之间的“交互性”。具体分析如下:
1、图标设计原则
在移动用户界面设计时,设计师通常会考虑突出应用程序的功能性、强调图标的影响力。以功能性为例,图标的辨识度要高、精准的反应应用程序的主要特征,使移动端用户一看到图标便会立即联想到其特征显示的功能及作用。以影响力为例,侧重点放在对风格的统一性把握、视频形式的处理方面,包括色彩、质感、纹理、阴影等效果对于用户产生的影响等。因此,在图标设计方面,通常会预设规范化原则、个性化原则、生活化原则等。
首先,在规范化原则方面,要求设计者根据移动端的设备构成要素,合理的进行设计规范限定。例如,在智能手机领域,现阶段普遍使用的苹果系统(macOS)与安卓系统(Android)中,屏幕、分辨率等均存在差异,因而要求设计师能够遵循相应的规范,合理的确定图标的形态、样式、属性等。
其次,在规范化原则下,应该注重个性化设计原则,预防因大同小异的设计问题,降低应用程序图标的功能性与影响力。而且,当前图标设计中的扁平化设计趋势增强,拟物化设计的需求相对弱化。所以,在扁平化设计趋势下,设计师应该从图标界面的抽象性、简洁性、视觉感受等方向强调图标的个性化特征。
第三,在生活化原则下,要求设计师将重点的元素提炼与筛选,对接到生活化层面,尽可能撷取熟悉之物的元素,利用格式塔视觉中图底、联想、抽象、变形、象征、重构等不同的设计路径,创造出非凡效果等。业内人士通常也将生活化原则下的图标设计概括为“画龙点睛”,由此可见,该原则在图标设计中起着十分重要的作用。
2、图标设计步骤
现阶段移动UI设计中的图标应用十分普遍,对于图标的设计专业度与成熟相对较高。因此,已经建立了设计流程相对清晰的设计步骤。另外,工业设计思想的引入,较好的推动了图标产品设计的流程化作业,保障了图标设计时的按部就班操作。分述如下:
第一,列举图标要素清单,遵循设计原则,利用IOS设计方向,减少色彩干扰,提高图标辨识度。同时,按照图标尺寸、线面、圆角,以及相关的效果参数调节方式,对各类要素进行筛选与组合,完成草图设计。
第二,借鉴移动设备中的上线产品,优化图标尺寸,确定金刚区图标、Tab栏图标、首页图标的使用尺寸。然后,利用图标库进行辨识度调整与样式设置等。
第三,图标设计完成后,应该根据测试环节,对其进行任务测试,包括细节自查、辨识度检测、对比色测试。在测试环节应该增强随机用户的使用评估,做好各项评估结果统计,再对其实施进一步优化处理,确保最终的图标设计方案,能够代表应用程序的功能、保障用户的快速精准识别,克服各项使用障碍等。
例如,在细节自查环节,应该从业务联系、色彩情绪、呼吸感、统一度的设计方面进行逐一分析。而在辨识度测试环节,应该通过遮挡法,保证用户识别时的自主性,尤其应该从用户对图标的初步印象、联想、含义理解、功能描述等方面进行相对全面的功能特征剖析。在对比色测评环节,通常需要确定用户的反应时间,一般情况以5s作为限定时间,可以更好的对色弱用户、色盲用户等进行使用障碍测试与评估等。
3、图标设计技巧及应用
以应用程序首页金刚区(主图标区)的图标设计为例,图标定位在页面上部位置,考虑到公司业务活动的变更需求,因而,应该结合Banner栏与页面上部位置的限定,强调其需求层次。具体设计中,可以通过丰富色彩、面性图标等突出其需求特征。
例如,在初步设计环节,应该按照规范性原则,对金刚区的基础规范进行确认与限定,包括布局、尺寸等。按照比较典型的应用程序图标设计看,该区域的图标尺寸保持在90px效果相对较好。另一方面,在图标内部的呼吸感的设计方面,无论经典性的图标设计与一般产品的设计,均十分强调黄金分割比。因此,在该方面,应该利用黄金分割比,图标、文字、四周距离等进行详细计算,确保将此类参数控制在该定律之内。至于图标形状的设计,設计师可以借助阿里巴巴Iconfong之类的素材库,进行资源搜索,吸收一些有利于绘制图标形状的设计经验,包括造型、风格、色彩等。尤其在配色方面,应该按照主题色的个性化设计方向,合理的配置对比色、邻近色。
4、结束语
总之,图标是移动用户界面设计中最为核心的构成要素。除以上所说的金刚区设计之外,对于Tab栏的图标设计,也应该结合设计尺寸、用户群定位、品牌理念、业务范围、产品功能、色彩情感等进行全面分析。如金融类应用程序应该在Tab栏图标设计中,强调安全感、可靠性,尽量采用一些线性图标。而电商类的产品应该注重对年龄层次的分类与风格的简洁化处理等。通过以上初步分析,建议在图标设计中,利用当前的产品设计理念与工业设计思想,增强对全要素分析方法的使用,并按照产品设计各个构成环节,按部就班的实施图标设计。
参考文献
[1]甄珍.基于移动互联网软件产品的UI设计要素与要点探究[J].数字通信世界,2021,5(2):25.
[2]惠晓艳.色彩语意在UI设计中的应用研究[J].西部皮革,2021,43(4):1-2.
[3]王乐.浅谈基于媒体融合场景的UI界面设计[J].环球首映,2021,13(1):130-131.