首页 理论教育 更赞的APPUI表现形式

更赞的APPUI表现形式

时间:2023-11-21 理论教育 版权反馈
【摘要】:下面介绍常见的APPUI表现形式。图111 信息可视化4.运用图片营造气氛不仅游戏强调沉浸式体验,应用类APP也同样强调沉浸式体验。图112 运用图片营造气氛用通栏的图片作为整个APP的背景,既提升了视觉表现力,又丰富了APP的情感化元素。图113 大图作为APP背景5.圆形的妙用圆形是最容易让人觉得舒服的形状,尤其是在充满各种方框的手机屏幕内,增加一些圆润的形状点缀,立刻就会增加活泼的气息,以及使人产生好感,如图114所示。

更赞的APPUI表现形式

下面介绍常见的APPUI表现形式。

1.简洁与留白

简洁界面更适合深度阅读,在信息爆炸的互联网时代,应用更强调以内容为主。这样的表现形式更能体现产品的文化气韵和精致高雅的品质,如图1‑7所示。扁平化就是界面简洁的表现之一。

978-7-111-54283-4-Chapter01-7.jpg

图1‑7 简洁与留白

巧妙运用留白能提升APP的阅读性与体验感,主要运用在以下产品中。

以文字内容为主的产品,例如新闻、书籍、杂志等。

富有浓厚文化气质的产品。

高端、有科技感的产品,Web端产品运用较多。

2.单色调与多彩色的运用

色彩是设计的一部分,不同的色彩能给人带来不同的感觉。色彩可以营造氛围,极大地影响了APP的整体体验。另外,颜色可以用来树立APP的个性,比如友好、有趣或优雅。

单色调。

随着iOS7的发布,出现越来越多具备唯一主色调的风格设计,采用简单的色阶,搭配灰阶来展现信息层次。仅仅用一个主色调,也能够很好地表达界面层次、重要信息,并且能展现良好的视觉效果,如图1‑8所示。

978-7-111-54283-4-Chapter01-8.jpg

图1‑8 单色调

多色彩。

与唯一主色调形成对照关系的,就是多彩色风格。多彩色风格是由不同页面、不同信息块采用多彩色撞色的方式来设计的风格,如图1‑9所示。甚至同一个界面的局部都可以采用多彩色撞色,如图1‑10所示。但是对于一些内容型的APP,这种风格并不适用。

978-7-111-54283-4-Chapter01-9.jpg

图1‑9 不同页面的多彩色(www.xing528.com)

978-7-111-54283-4-Chapter01-10.jpg

图1‑10 同一界面的多彩色

3.信息数据可视化

至于对信息的呈现,越来越多的APP开始尝试数据可视化、信息图表化,让界面上不仅有列表,还有更多直观的饼图、扇形图、折线图、柱状图等丰富的表达方式,如图1‑11所示。

978-7-111-54283-4-Chapter01-11.jpg

图1‑11 信息可视化

4.运用图片营造气氛

不仅游戏强调沉浸式体验,应用类APP也同样强调沉浸式体验。例如酒店、餐厅、旅游天气等类型的APP试图通过图片营造一种精致、优雅且让人身临其境的感觉。以及通过APP创造亲密无间的感觉,如图1‑12所示。

978-7-111-54283-4-Chapter01-12.jpg

图1‑12 运用图片营造气氛

用通栏的图片作为整个APP的背景,既提升了视觉表现力,又丰富了APP的情感化元素。使信息或操作浮动在图片上,这种设计方法对字体和排版设计要求更高,难度也更多,但极容易渲染出氛围,如图1‑13所示。

978-7-111-54283-4-Chapter01-13.jpg

图1‑13 大图作为APP背景

5.圆形的妙用

圆形是最容易让人觉得舒服的形状,尤其是在充满各种方框的手机屏幕内,增加一些圆润的形状点缀,立刻就会增加活泼的气息,以及使人产生好感,如图1‑14所示。当然应用圆形后也要处理圆形的实际点触区域,不能因为设计成圆形后点击区域也变小了,导致点击准确率下降,虽美观度提升但易用性却受到了影响。

978-7-111-54283-4-Chapter01-14.jpg

图1‑14 界面中的圆形

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈