新印象:解构UI设计(第2版)
上QQ阅读APP看书,第一时间看更新

第1章 界面类型

1.1 闪屏页

大部分App打开时,让用户第一眼看到的就是闪屏页(又称启动页),闪屏页决定了用户对App的第一印象,因此闪屏页的设计是很考究的。闪屏页显示的时间很短,通常只有1秒,因此,如何在这么短的时间内表达出App的定位就是设计师需要重点考虑的问题。闪屏页只有定位明确且吸引人,才能加深用户对App的印象。闪屏页分为品牌宣传型、节日关怀型和活动推广型3种类型,不同类型的闪屏页承载的内容信息和表达方式不同。

1.1.1 品牌宣传型

App的闪屏页是为体现产品的品牌而设定的,主要组成部分是“产品名称+产品形象+产品广告语”,如图1-1所示。品牌宣传型闪屏页是最直白的闪屏页,其设计较为精简,重在突出品牌特点。

图1-1 品牌宣传型闪屏页

1.1.2 节日关怀型

当节假日来临时,很多App会通过营造节日的气氛来体现人文关怀。当眼前出现一幅朴实的节日插图时,用户可能会从内心感受到软件送来的祝福,从而拥有美好的心情。QQ音乐在节日的闪屏页设计中,对品牌的Logo进行了延展设计,与节日元素相融合。这种设计不仅能够加强品牌与用户的情感交流,还能加深用户对品牌的印象,如图1-2所示。

图1-2 将Logo作为节日元素的闪屏页

另外,也可以用整个场景的插画来营造节日氛围,这也是非常讨喜的节日关怀型闪屏页的表现方式,如图1-3所示。

图1-3 用插画营造节日氛围的闪屏页

1.1.3 活动推广型

产品在运营过程中往往会做一些活动或者广告,推广内容通常会显示在闪屏页上。活动推广型闪屏页多以插画形式出现,着重体现活动主题及时间,营造热闹的活动氛围。在设计这类闪屏页时一定要分清主次,避免烦琐的场景影响到主题的体现,如图1-4所示。

图1-4 活动推广型闪屏页