美章网 资料文库 视觉传达设计在移动界面设计中的应用范文

视觉传达设计在移动界面设计中的应用范文

时间:2022-02-23 11:08:54

视觉传达设计在移动界面设计中的应用

摘要:随着移动互联网的崛起,大家对互联网的产品和产品设计都越来越关注。互联网移动产品的用户体验和UI界面设计也得到了广泛的重视与研究。国内外很多专家学者都开始提出关于互联网产品交互设计、用户体验和UI界面设计的相关理论。但是面对新领域的设计,传统的视觉传达设计仍然是一切的基本。本文主要探讨了UI界面设计的视觉表现以及传统的视觉传达设计如何可以更好的和如今的UI设计相互融合,让移动应用在拥有良好功能性和使用体验的前提下,也能做到美观舒适,从而更好地提升用户体验。

关键词:视觉传达;移动互联网;UI界面设计

视觉是人类接受信息的主要途径,视觉传达设计是人类为实现公共信息的传播,对色彩、文字、图像等各种视觉元素进行组织的行为。一切我们能看到的东西都或多或少的有着视觉传达的设计元素。而在这个以移动互联网为主题的时代下,UI设计正在蓬勃发展,视觉传达设计在UI设计中是可用性与交互设计研究的全面体现。UI设计是新时代下的另一种新媒体视觉传达设计,UI界面设计上有很多的理论与实践都是跟传统视觉传达设计相通的,不同的是,UI设计师需要在UI设计的平台规范下,更好的将传统视觉传达设计元素与移动应用的特点、交互设计、用户体验设计等相互融合,设计出真正让用户觉得好用好看的移动应用界面。

一、移动应用的UI界面设计

随着移动时代的到来,越来越多的人开始关注UI界面设计。UI的全称是UserInterface,用户界面的意思。它包含软硬件的人机交互、行为路径、操作逻辑、用户体验和界面排版的整体视觉设计。打开我们的智能手机,我们的锁屏界面就是UI的一部分,手机里的每一个移动应用的每一个页面,都是UI设计。随着移动互联网的发展与移动应用的海量涌现,人们对移动APP的选择要求上更加挑剔了。界面设计很多时候决定了用户对一个APP的第一印象,所以如今的UI设计越来越重要,越来越受到重视。同时,随着UI设计越来越被重视,UI的设计规范也越来越完善。各个平台几乎都有自己的UI设计规范,这使得UI设计的发展越来越规范化。当然,UI设计的风格没有停止跟随时展的脚步,从一开始的拟物化风格到后来的扁平化风格,现在的UI设计风格则趋于更加的多样化。UI界面设计发展至今也有了很多的设计原则,比如UI设计的简单原则,用户在学习和接受新的事物时需要很大的学习成本,然而如今我们的时间和精力又是那么的宝贵,所以我们的设计需要越简单越好。比如统一原则,从设计风格,排版布局,信息提示、系统文字、字体大小和整体颜色等都做到统一,这样用户才会完全熟悉和记住我们产品的行为路径,而不会造成不必要的使用错误。还有很多设计原则这里就不一一阐述,当然更多的设计原则还需要我们在实践中不断的探寻。

二、视觉传达设计在UI界面设计中的应用

1、版式布局在UI界面设计中的应用

手机APP虽然受到手机屏幕尺寸大小的限制并没有很大的空间来给大家呈现更多信息,但就在这么几寸的一块屏幕上,我们依然需要用心对待,依然需要将有限的空间设计出符合设计规范,拥有良好交互体验和承载对应信息的视觉交互效果。移动应用界面的版式设计和布局规划会直接关系到用户使用该应用的操作习惯和操作行为。同时,小小的一个界面不仅需要交互上的设计,也需要美学上的视觉传达设计。在符合用户交互体验的情况下,界面设计也需要灵活运用到一些传统视觉平面上的版式设计,比如很多时候为了更好的传达信息,也需要在设计中考虑信息的就近原则,元素的一致性等等。界面需要在更小的空间内合理的排版信息,将重要的信息通过异化的方式凸显出来,将同类信息整合在一起。同时,更加追求美观的情况下,更是需要设计师更好的将视觉传达版式设计中的一些留白处理等更好地运用到UI界面设计中去。

2、色彩在UI界面设计中的应用

设计移动应用界面,同样需要灵活运用色彩设计法则和色彩心理学,设计出更加符合用户使用习惯和认知心理的界面。色彩的应用很多跟视觉传达设计一样,APP的整体色调需要根据该APP的使用人群和他们使用APP的一般使用场景来确定。比如娱乐性高的APP一般采用明亮欢快的颜色。还有一些规范控件设计也需要满足用户的心理期待,比如红色多有警示提醒的意思,一般用在删除取消之类的控件上。

3、文字在UI界面设计中的应用

文字是一种最直接和传统的视觉语言,是传统信息和界面信息传达的主体,参与视觉设计的组织和编排,起到与用户的沟通和交流。文字虽然没有图标图形那么具有强大的视觉吸引力,但在界面中,文字设计依然有着相当重要的地位。UI界面设计需要在有限的空间内更注重用户的体验与交互。所以文字设计在UI界面中需要更加简化,突出重要信息,兼顾内容简洁与视觉效果。给用户一个简单高效的体验,避免让他们产生困惑甚至是误导。比如在一些信息详情页中,一般文字信息会比较多,这个时候就需要注意到文字在界面中的大小和间距,为了不使大段文字在小屏幕上显得冗杂,设计时可以放大加粗相关标题和重要信息以更好的提醒用户,尽量保证整个APP的所有文字一致和规律,统一规范的字体字号能让APP使用起来更加流畅,减少用户的认知。

4、元素符号在UI界面设计中的应用

元素符号能在视觉传达设计中起到很好的信息传达效果,UI界面中显然也是。元素符号还可以在很多时候给一个移动应用奠定一些设计风格。比如以前风靡一时的拟物化元素和后来的扁平化元素。在UI设计中,在符合应用功能和用户交互行为的前提下,通过各种元素符号能更好的美化界面和提升用户体验。比如在界面loading处理上,使用一些有创意的提示性图标能让用户感到更加有趣贴心从而缓解他们等待的焦躁,这样的情感化设计能够进一步提升用户体验,同时还能让界面更加丰富趣味。

三、结语

移动互联网崛起的时代,设计师们都需要与时俱进,UI设计正当火热,但设计是为大家解决问题的,设计不得浮躁。UI设计这一新兴领域还有很大的研究潜力,在新的平台新的交互方式下,UI界面设计需要有更多的探索与创新。同时,传统的视觉传达设计跟UI设计是有相通之处的,很多的设计原则是统一的。我们需要将传统视觉传达设计更好的运用到UI设计当中。

作者:高名佳 单位:天津科技大学

被举报文档标题:视觉传达设计在移动界面设计中的应用

被举报文档地址:

https://www.meizhang.comhttps://www.meizhang.com/sjlw/sjcdsjlw/702528.html
我确定以上信息无误

举报类型:

非法(文档涉及政治、宗教、色情或其他违反国家法律法规的内容)

侵权

其他

验证码:

点击换图

举报理由:
   (必填)