引导页怎么设计

核心提示文/张婷婷 ①文字信息的传递。文字是手机APP引导页表现形式中最基础的信息传递载体,也是最难把控的设计元素。简短的文字更易于引导页的信息传递,以文字信息的传递的为主的APP引导页设计表现形式,需要对引导页界面的文字进行优化,还可以通过文字字

文/张婷婷①文字信息的传递。它是手机APP引导页形式最基本的信息传递载体,也是最难控制的设计元素。短文本更容易传递指南页的信息。以传递文字信息为主的APP的引导页设计形式,需要对引导页界面的文字进行优化,也可以通过文字字体有趣的形式和排列让用户眼前一亮。

②图片信息的传递。AP指南页设计的图片信息主要是人物的全屏图片。在不同的图片中,用户很容易关注人脸和动态图片。而且通过图片,用户的视觉刺激可以让他们产生联想,迅速行动,给用户很好的代入感。

颜色是允许用户与界面交互的关键设计元素。用户会对引导页的界面色彩留下长久的印象,因为色彩是视觉传达情感最直观的因素,也是用户视觉最敏感的部分。其中,“色彩对比”搭配是一种吸引用户眼球的色彩应用方案。

①补色搭配的形式。互补色的搭配,也叫强度对比色的搭配,也是一种绝对色的搭配,比如:互补色中的红与绿、紫与黄、蓝与橙。搭配这种强烈分离的颜色,可以很容易地拉开界面颜色关系的距离,缩短用户视觉选择APP指南页面的时间,呈现出独特的视觉对比和平衡。

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

①规范的界面布局。标准的界面布局通常注重大面积的空白。通过对界面的划分,信息元素成为一个强烈的视觉焦点,让用户有参与界面的感觉。

APP的引导页中的空格主要分为重空格和轻空格。厚重的留白传达的不是产品的基本信息,而是理念、气质、态度;淡白色的空间往往能直观地传达信息。

②自由式界面布局。自由式界面布局一般会展示很多内容。同样的诉求在多个界面的引导页都有表述,每个界面的关系通常是平行关系。确定界面文字和图形元素的最大值和最小值,使视觉聚焦在一个体积上,然后从这个体积上进行信息的排列组合,引导用户的视觉流动。

③串行接口布局。串行界面布局要求引导页上显示的内容要简明扼要,界面中的所有元素要按照一定的顺序有机排列,页面之间要有一定的逻辑关系。

①文字和界面的混搭。APP指南页不仅仅是一个界面的设计,更是用户与界面的交互体验。APP的指南页界面属于一平空房。将向导页的界面重新放入向导页,文字描述简洁,让用户与界面显示的内容进行交互,更加直观。

②文字和插图的混搭。文字是辅助元素,插图是主要元素。插画作为APP的引导页的独特表现形式,在设计上应尽可能具体易懂,以保证插画元素传达给用户的信息清晰易辨。使用插画元素,配以简洁的文字,并设置相应的场景氛围。让用户更直观、更快捷地了解APP产品。

③静态界面和动态元素的混搭。用户对静态界面的关注是有限的,所以在APP指南页面的设计中,除了静态的界面展示形式,还可以使用一些生动有趣的动态元素。

动态元素有动态的图片和音效,可以让用户眼前一亮,在向导页界面之间切换时产生视觉上的触动和响应。它们在原有的静态界面上增加了动态点,减少了用户第一次使用指南页面时的陌生感。这些动态元素可以解释一个整体完整的信息或并行的一些信息。

但是不要在界面中加入过多的动态元素。最好只有一个地方。过多的动态元素会影响用户的视觉中枢,让用户不知道往哪里看。静态界面和动态元素的混搭,让用户在接受静态元素的同时,与界面进行交互,享受不同的视觉和听觉体验。

 
友情链接
鄂ICP备19019357号-22