![新印象:解构UI界面设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/507/24982507/b_24982507.jpg)
上QQ阅读APP看书,第一时间看更新
第1章 界面类型
1.1 闪屏页
每次打开App时第一眼看到的就是闪屏页(又称启动页),该页面承载了用户对这款App的第一印象,因此对设计的要求是很考究的。闪屏页给用户观看的时间很短,通常只有一秒的时间,因此,如何在这么短的时间内表达出产品的定位就是设计师需要重点考虑的问题。只有设计出定位明确且吸引人的闪屏页,才能加深用户对产品的认知度。闪屏页分为品牌宣传型、节假关怀型和活动推广型3种类型,不同类型的闪屏页承载的内容信息和表达方式也不一样。
1.1.1 品牌宣传型
App的闪屏页是为了体现产品的品牌而设定的,主要组成部分是“产品名称+产品形象+产品广告语”,如图1-1所示。品牌宣传型的闪屏页是最为直白的闪屏页,设计较为精简,力求凸显品牌特点。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/13-1.jpg?sign=1738869552-L4UUhLm5H96PfXPYbkKOOEIrXNdI3Evh-0-83c1ac9d97a31517b50a525985426c28)
图1-1 品牌宣传型闪屏页
1.1.2 节假关怀型
当节假日来临,很多App会通过营造节假日的气氛来体现人文关怀。当眼前出现一幅朴实的节假日插图时,观者会从内心感受到软件带来的祝福,从而拥有美好的心情。QQ音乐在设计中,对品牌的Logo进行了延展设计,以凸显节假日的元素。这种设计不仅能够加强与用户的情感交流,还能加深用户的品牌的印象,如图1-2所示。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/14-1.jpg?sign=1738869552-VBLCHRrmwBrt0sLcZ4C7wI1J0mErKWax-0-8092eaaafec7b3ac9a5fdb691f92fb8c)
图1-2 用Logo体现假日元素的闪屏页
另外,也可以用整个场景的插画来营造节假日的氛围,这也是非常讨喜的表现方式,如图1-3所示。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/14-2.jpg?sign=1738869552-wgVNGcs1EPSJKiXlqHMbSydG88UJX3lB-0-b14e913d309a549d98fb7e51f006211e)
图1-3 用插画体现节日气氛的闪屏页
1.1.3 活动推广型
有时候产品在运营过程中会做一些活动或者广告,推广内容通常会显示在闪屏页上。活动推广型的闪屏页多以插画形式表现,要着重体现的是活动主题及时间节点,营造热闹的活动氛围。在设计时一定要抓住主次,避免因为烦琐的场景影响到主题的体现,如图1-4所示。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/15-1.jpg?sign=1738869552-Q4qZmyqLP3AJsA03Di51L8wed7EQDL0D-0-d7e54de1e18aa565ca26246e0e412409)
图1-4 活动推广型闪屏页