![新印象:解构UI设计(第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/862/46425862/b_46425862.jpg)
上QQ阅读APP看书,第一时间看更新
第1章 界面类型
1.1 闪屏页
大部分App打开时,让用户第一眼看到的就是闪屏页(又称启动页),闪屏页决定了用户对App的第一印象,因此闪屏页的设计是很考究的。闪屏页显示的时间很短,通常只有1秒,因此,如何在这么短的时间内表达出App的定位就是设计师需要重点考虑的问题。闪屏页只有定位明确且吸引人,才能加深用户对App的印象。闪屏页分为品牌宣传型、节日关怀型和活动推广型3种类型,不同类型的闪屏页承载的内容信息和表达方式不同。
1.1.1 品牌宣传型
App的闪屏页是为体现产品的品牌而设定的,主要组成部分是“产品名称+产品形象+产品广告语”,如图1-1所示。品牌宣传型闪屏页是最直白的闪屏页,其设计较为精简,重在突出品牌特点。
![](https://epubservercos.yuewen.com/B1E778/25646869301874806/epubprivate/OEBPS/Images/figure-0011-0002.jpg?sign=1739028252-BBKhKM31g7kSXQNCvl8mSDMVyUzPIr30-0-0ca03f42765d34dd7e9c2c4f4286bae5)
图1-1 品牌宣传型闪屏页
1.1.2 节日关怀型
当节假日来临时,很多App会通过营造节日的气氛来体现人文关怀。当眼前出现一幅朴实的节日插图时,用户可能会从内心感受到软件送来的祝福,从而拥有美好的心情。QQ音乐在节日的闪屏页设计中,对品牌的Logo进行了延展设计,与节日元素相融合。这种设计不仅能够加强品牌与用户的情感交流,还能加深用户对品牌的印象,如图1-2所示。
![](https://epubservercos.yuewen.com/B1E778/25646869301874806/epubprivate/OEBPS/Images/figure-0012-0003.jpg?sign=1739028252-DzFEOhitlnekytTRoS1B97b6dNiLcsuH-0-e418d1e008f224421a2c7456052df575)
图1-2 将Logo作为节日元素的闪屏页
另外,也可以用整个场景的插画来营造节日氛围,这也是非常讨喜的节日关怀型闪屏页的表现方式,如图1-3所示。
![](https://epubservercos.yuewen.com/B1E778/25646869301874806/epubprivate/OEBPS/Images/figure-0012-0004.jpg?sign=1739028252-LHYZycPukH7QwDisJJd25TQWblXvHSza-0-43880b3e758bfbd82df85e59a52992a7)
图1-3 用插画营造节日氛围的闪屏页
1.1.3 活动推广型
产品在运营过程中往往会做一些活动或者广告,推广内容通常会显示在闪屏页上。活动推广型闪屏页多以插画形式出现,着重体现活动主题及时间,营造热闹的活动氛围。在设计这类闪屏页时一定要分清主次,避免烦琐的场景影响到主题的体现,如图1-4所示。
![](https://epubservercos.yuewen.com/B1E778/25646869301874806/epubprivate/OEBPS/Images/figure-0013-0005.jpg?sign=1739028252-S2y9PdLeuCRtthvnOOpNaZLfm8CpFoGE-0-870a197af387e22fd6e5d4fa371bd56e)
图1-4 活动推广型闪屏页