旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:0371-67855555
主页 > 精品教程 > UXD/PM全产品链设计 >

APP引导页表现技巧,那你UI设计更有趣

2021-05-06

一款APP最先呈现在用户眼前往往是从引导页开始,在这个情况下,一个APP设计的好坏、使用否能吸引用户可以在引导页的设计上有第一感知。想让APP设计更加有趣,引导页设计需要遵循以下几点。

 

信息传递表现技巧

①文字信息的传递。文字是手机APP引导页表现形式中最基础的信息传递载体,也是最难把控的设计元素。简短的文字更易于引导页的信息传递,以文字信息的传递的为主的APP引导页设计表现形式,需要对引导页界面的文字进行优化,还可以通过文字字体的趣味形态和排列组合方式让用户眼前一亮。


 

②图片信息的传递。AP引导页设计的图片信息,以全屏的人物图片为主,在不同的图片中,用户对于人脸和具有动感的图片比较容易关注,而且通过图片可以通过对用户视觉的刺激使其很快的产生联想并产生行为,给予用户很好的代入感。

 

 

 

撞色搭配表现技巧

 

色彩是让用户与界面生交互的关键性设计元素,用户会对引导页的界面色彩留下很久的印象,是因为色彩是视觉传递情感的最直观因素,也是用户视觉中最敏感的部分。其中“撞色”搭配就是一种极其吸引用户眼球的色彩运用方案。

 

 

①互补色搭配的形式。互补色搭配又称强度对比色搭配,也是一种绝对的色彩搭配,例如:互补色搭配中红与绿、紫与黄、蓝与橙,对这种很强分离性的色彩进行搭配,很容易让界面的色彩关系拉开距离,缩短用户对APP引导页视觉上选择的时间,表现出一种独特的视觉对比与平衡。

 

 

②对比色搭配的形式。对比色是人的视网膜对色彩平衡的作用,是人通过视觉感官而产生的一种基本的生理反应。对比色的搭配不同于完全对立的互补色,同时处于相对对立的区域中两大类色彩之间的搭配。对比色搭配在24色相环上120度至180度之间的两种颜色之间的搭配。

 

 

 

界面构成表现技巧

①规范式界面布局。规范式界面布局通常以大面积的留白为主,通过对界面的分割,让信息元素成一种强烈的视觉聚焦,使用户对界面产生参与感。


 

APP引导页中的留白主要分为重度留白与轻度留白,重度留白传递的不是产品的基础信息,而是概念、气质和态度;轻度留白传递的往往是直观的传达信息。

 

 

②自由式界面布局。自由式界面布局一般展示的内容比较多,在多个界面的APP引导页中阐述同一个诉求,每个界面的关系通常是并列的关系,确定界面文字、图形元素的最大值和最小值,让视觉聚焦在一个体块中,再从这个体块中对信息进行排列组合,引导用户的视觉流向。

 

 

③串联式界面布局。串联式界面布局要求引导页展示的内容要简明扼要,界面中所有的元素都要按照一定的顺序有机的排列,并且页面之间要有一定的逻辑关系。

 

 

混搭表现技巧

 

①文字与界面的混搭。手机APP引导页不单单是一个界面的设计,还包含了用户与界面的互动性体验。APP引导页的界面属于一个平面的空间,将引导页界面再放置到引导页中,并配以精简的文字说明,让用户与界面展示的内容之间产生交互,这种交互更直观。

 

 

②文字与插图的混搭。文字为辅助元素,插图为主要元素。插图作为彰显APP引导页独特的表现形式,在设计中插图元素应该尽量选取具体的、简单易懂的,确保插图元素传递给用户的信息是明确并且易于识别的。运用插图元素,配以精简的文字,设置相应的情景氛围。可以让用户更直观、更迅速了解APP产品。

 

 

③静态界面与动态元素的混搭。用户对于静态界面的注意力是有限的,因此APP引导页的设计中除了静态的界面展示形式,还可以运用一些生动有趣的动态元素。

 

 

动态元素具备了动态的画面和音效,可以让用户眼前一亮,在引导页界面之间切换时产生视觉上的触动、产生响应,为原本静态的界面增添了动的点,减少了用户对于初次使用引导页的陌生感,这些动态的元素可以阐述一整个完整的信息,也可以并列的阐述一些信息。

 

 

但是界面中的动态元素不要加入太多,最好只有一处,过多的动态元素会影响用户的视觉中心,让用户不知道看哪里好。静态界面与动态元素的混搭可以让用户在接受静态元素的同时,与界面产生互动享受不一样的视觉和听觉的体验。 

 

免费获取1对1试听课程

AAA教育确保绝不将您的信息外泄

地址:郑州市高新区莲花街银杏路总部企业基地三期112号AAA教育

©2007-2021/ www.aaajiaoyu.cn 郑州明德软件开发有限公司 备案号/ 豫ICP备2021022731号-1 监督电话/ 0371-67855555


就业薪资

微信咨询

免费试学
2

返回顶部