界面视觉设计特征的视域研究

2019-10-12 14:53吴倩
艺术大观 2019年22期
关键词:设计方法界面

摘要:常见的信息提供者无非更多的是基础的文文本和配图。相对来讲,这两者都是能够通过自身所具有的时代特征来影响受众的行为感知。当然它们之间也有一定的区别。文字的准确性较图片而言更强,所反映的信息内容更加明确、精准。而图片相对便于受众阅读。避免了文字信息阅读过程中所产生的视觉层面上的倦怠感。图片更重要的是对于形象对象的描绘和表达,从而以图形化的特征来表达提供者所愿意被受众感知到的信息内容。也就是说图片对于信息的传达速度更快,但是精准度稍逊色于文字信息。但是,经过一定的设计手段润色,同样可以肩负起对于信息准确表达的功能作用。

关键词:界面;设计方法;视觉化

人们的生产生活离不开所存在的物质社会环境载体。日新月异的生活方式的变化使得我们对于事物的感知和评判标准都随之改变。但是亘古不变的方式在于民众对环境信息的接纳。这种常见的生活方式也存在着多种形式的变通,比如,对于有形事物的观察,并随之进行自主判断;再者,也有对于基本信息的阅读,进而产生所对应的认知和行为。不论是哪种方式,民众都是作为承受体而存在的。既然有了承受体,那么固然在形成信息感知过程中存在提供者。关于信息的提供也并不都是主动或直接的。有的信息是需要受众去进行内容层面的阅读,比如文本信息;而有的信息是需要通过外观形式外加受众本身的思考理解而形成出对于事物或信息的判断感知,比如配图。它们各有特征优势。对于设计过程而言,字与图作为基本的构成元素,在设计层面上分别需要适配不同的细节原理。

一、界面的设计原理

关于界面设计的原理步骤,其实蕴藏在界面构成元素中的方方面面。宏观上讲,组成界面的元素分区大致有以下几个方面:第一,合理的信息架构内容层次;第二,合适的界面布局站位划分;第三,美观的视觉细节表现。这三者分别影响到界面呈现的合理性和美观性,互为影响、互为补充、缺一不可。其中视觉美观程度的范畴里关于设计的空间是最为明显的。界面设计的视觉一般由界面图标、控件按钮、文案信息、配色原理、占位布局等方面构成。关于界面交互实现系统中图标按钮的重要性不言而喻。在意义上它能够指代具体的功能性选择;在形式上能够便于受众进行识别选择,最终辅助交互过程的顺利实现。所以说界面图标本身是具有明确的指代性,审美层面上的美观性以及设计技巧方面的识别性特征。

二、界面图标的设计

图标的视觉识别建立在它本身自带的信息内容层面的基础之上,伴随其中的还有设计风格的确定。虽说设计风格是一个比较宏大的概念体系,每一件设计作品中都有风格建立的关键性步骤,但是在界面中由于图标具有自身的独立性,这种独立性包括使用交互和美观化表达。所以关于图标与整个界面的风格匹配程度的要求更加具体。随着近20年电商行业的发展,各类应用程序界面层出不穷,涵盖在我们日常生活中的各种使用场景。同时对于消费者定位层面来讲,界面设计纳入在程序视觉呈现范围,那么就要求每一款界面产品都应该有自己的针对性使用人群。也就是说,种类迥异的应用程序视觉界面風格化设计也不尽相同。尤其是界面设计发展以来,它的呈现形式风格出现了阶段性的改变,从拟物化到扁平化到轻质感这三项不同的阶段性风格,能够反映出每个周期时下流行的趋势特征。但是相对而言,设计风格的变化并不代。某种风格的正确或错误。在设计风格的概念中没有对与错,只是流行趋势的不同造成差异化的表现。

三、界面视觉的设计

界面视觉的设计要遵从程序本身的诉求调性,要符合产品本身的品牌文化建立。由此才能产生出有效的、合适的视觉方案,同时诞生出情绪版和色彩匹配指导意见,以及用户准确定位的方面。前面的视觉管理是设计后期阶段的主力任务。它决定了应用程序本身释放出来的质感和品牌定位,从中可以让受众感受到程序本身设计过程中表现出来的用心程度,以及设计团队的专业性。这些特征都可以影响受众的选择认知。在此之前更重要的是对于界,视觉交互稿互生关系的确立,也就是界面主次层次的划分,相当于应用程序产品本身架构的合理程度。视觉效果是建立在一定的合理性基础之上的,如果没有信息架构的合理存在,那么一切视觉层面上的美观处理都是徒劳。视觉稿的互生关系合理化,需要从用户感受、用户体验层面上进行分析,结合自身应用程序产品的功能特征进行换位思考,从而实现良好的用户体验过程。

参考文献:

[1]张宝,刘俊霞,王小萌.基于视觉感知特性的人机交互界面评价[J].合肥工业大学学报(自然科学版),2019,42(12):1592-1596.

作者简介:吴倩(1990-),女,讲师,硕士,四川工商学院专职教师,主要研究方向为视觉传达设计。

猜你喜欢
设计方法界面
片层Ti-6Al-4V合金的界面结构及性能
从零开始学用智能手机
记账类APP
让灵活精悍的微课程成为初中语文课堂的左膀右臂
浅析儿童家具模块化设计方法
浅析旅游景区公共设施的设计
公路桥梁结构桥梁抗疲劳设计方法应用
如何利用七年级新教材进行英语课堂阅读教学
基于XML的界面自动生成设计与实现