UI设计中用户交互体验的视觉表现
晏艳
【摘 要】越来越多的社交网站支持移动设备的接入,社交网站的接入也有了很大的提高,SNS用户对移动社交共享和互动的热情不断高涨。本文以UI为研究对象,重点研究用户界面视觉设计,分析了UI设计原则,并探讨了UI的设计方法。
【期刊名称】西部皮革 【年(卷),期】2019(041)001 【总页数】2
【关键词】社交APP;图形语言;原则
1 UI设计原则
1.1 识别性原则
识别原则是UI设计的第一原则。识别其存在,例如徽标设计,导航徽标,UI等,具有直接影响。识别,即识别和区分,UI的身份可能性,可以向用户显示图标并清楚地识别图标元素,并作为替代应用程序图标的第一步是什么是正确的图标,这是知道的。如果图标的设计令人困惑,则构图很复杂并且其识别是个问题。人们很容易混淆并且难以让用户阅读。
如果可以被识别,对文本的识别必须是最准确的,但文本有边界,它无助于国际交流。但是,只要图标不同,就没有边界,只要表达式准确,它就可以是文本的扩展名。用户界面既不是简单的图形也不是简单的文字,设计师需要以更精确的形式和创意形式提高认知度。最重要的是不要使用模糊的图形设计。 每款手机能有自己独特的图标,但其实设计思路大致都是一致的,设计师既要
设计出与手机相同的风格又要让用户一眼就看得明白的标志,比如相机运用终究还是离不开一个相机的造型,因为这样简单明了。如图1。 1.2 表意性原则
表意性是指UI的应用解释中的应用。这是应用程序代理,是用户界面最重要的原则。设计师使用精心设计的图标来表示各种应用程序和指令。这种图形的表达能力超出了语言的限制,因此不同年龄,文化和国家的用户可以理解图标的含义。这将允许用户在显示图标时了解应用程序正在运行的应用程序。无论图标的设计是抽象的还是具象的,都是传达最理想意义的状态。当然,图标元素的选择必须与表达的含义相关,以便根据人们的思维习惯引起用户的共鸣。例如,iOS操作系统上的邮箱启动图标设计为使用非常简单的信封格式。因为信封是一个很高的识别元素,用户可以把邮件自然,所以这是一个比较成功的例子,在表意方面。 1.3 美观性原则
美观原则必须是一个共同的原则,在所有设计中都占有非常重要的地位,尤其是视觉设计。所谓美丽易懂的理解就是让人感到舒服。换句话说,这个UI是因为有必要有美感和视觉设计的时代的艺术魅力,用户并不难,也不难,你可以给人们一个愉快的审美意识。UI的风格多种多样,但它不能以任何风格与美学原则分开。然而,这种审美要求并不是抽象的,而是具体的。设计的实现是掌握字体,图形和颜色的完整组合和布局。每个UI都只是一个大手掌钉的大小,但设计师需要执行复杂的设计。
但是,UI不是图片,它是一种应用标签,它是一种图形符号。在设计设计师时,您需要考虑用户的大多数观众,改进和处理艺术,放弃邪恶,增强艺术创造力。
然而,UI设计的美学并不是单独存在的,盲目地追求美学,它不能忽视自身的实用价值。UI的美感足以吸引用户的眼球,从而可以下载应用程序。
2 UI的设计方法
本章以“桃红色的小精灵”为例,介绍UI的设计方法。 2.1 启动图标的设计
我们的启动图标运用了扁平化的设计,不做较多的修饰。(图2)
Bunny的名字是“Peach”,它是社交APP-Peach的形象代言人,具有强烈的使命感。在图像设计中,它非常有趣而且非常简单。这种卡通图像设计作为UI方法可以使Peach应用程序的用户的视觉印象更深入。这种独特的视觉印象很容易记住。腾讯QQ的小企鹅是一个非常成功的例子。以下是最终草案Peach启动图标的设计。如图3所示。 2.2 启动画面的设计
有关启动画面的设计,我们采用与启动图标对应的设计,并且最初采用使用红色精灵的启动画面设计,如图4所示。然而,在最终闪屏的设计中,仍然使用兔子的图像,并且回显发射图标加深了Peach用户的印象。同时,启动屏幕的口号也使用当前的网络语言。这符合年轻人的语言习惯,如图5所示,它缩小了与用户的距离。 2.3 工具栏图标的设计
工具栏上的图标设计是指调查问卷的结果。领先的俱乐部,会议派对,课程略有变化。然而,这种设计方法并不简单,因为在移动电话中应用是不显眼的,它已经改为开放式书籍设计方法,可以更简洁和容易地识别。“聚餐会”放弃了之前刀叉组合的设计,如图6所示,但它只是一把刀和一把叉子的组合。