启动页|关于启动页与引导页的设计总结( 二 )


启动页|关于启动页与引导页的设计总结
文章插图
背景图片采用图片或短视频作为背景图。图片或视频的选取需要符合产品调性。这种设计形式更加直观,具有场景感,能带来更大的共鸣,具有沉浸式体验。最具代表的就是微信的启动图了,仅靠一张图片就形成了产品的记忆点。
启动页|关于启动页与引导页的设计总结
文章插图
政务类产品启动图常选用当地的地标建筑或区域特色作为启动背景图。
启动页|关于启动页与引导页的设计总结
文章插图
漂浮图标将与产品相关的功能服务图标飘散浮动在整个页面中。最具代表的就是淘宝的启动图。
启动页|关于启动页与引导页的设计总结
文章插图
品牌渗透品牌渗透设计形式是目前市场上应用得最多的。采用插画、3D等设计手法,结合产品IP形象、品牌符号等与品牌相关的元素进行融合设计,加强品牌推广,形成品牌记忆。
品牌渗透的设计形式有:a.将品牌图形与服务场景进行融合设计利用插图或3d的形式将品牌图形与功能服务场景相结合,这类设计形式也是比较流行的,既能直观的展示服务场景又能很好的宣传品牌。
启动页|关于启动页与引导页的设计总结
文章插图
b.品牌符号因为启动图时间特别短,将产品的品牌符号放大或者重复排版,从而加深用户对产品、品牌的记忆,这也是一个比较讨巧的方法。
启动页|关于启动页与引导页的设计总结
文章插图
c.IP形象启动图展示产品的IP形象,加强用于与产品IP的链接。最经典的就是QQ的企鹅开屏,这么多年都是一直保持这种设计形式。
启动页|关于启动页与引导页的设计总结
文章插图
引导页动图设计形式引导页设计除了帮助用户更加清晰的了解产品定位与功能服务外,现已成为每个app的仪式感设计。
每次下载新的app后,自己也很期待看到产品的引导页,通过引导页来推测整个app的设计调性~引导页设计内容相对来说比较固定,一般为文案(主副标题)、图形部分、轮播器、按钮这四部分。
设计形式也主要为插画、3D、实景图片这3种设计形式。
插画设计形式这是市场上应用得最多的设计形式,分为扁平化插图与2.5D插图形式。
启动页|关于启动页与引导页的设计总结
文章插图
启动页|关于启动页与引导页的设计总结
文章插图
启动页|关于启动页与引导页的设计总结
文章插图
启动页|关于启动页与引导页的设计总结
文章插图
3D元素随着3D设计形式的流行,3D元素在UI设计中越来越常见。3D图形比扁平化的图形更加直观立体、具有场景感,在引导页中的应用也越来越多。
启动页|关于启动页与引导页的设计总结
文章插图
启动页|关于启动页与引导页的设计总结
文章插图
实景图片采用实景图片或视频形式,让画面更具场景感,具有沉浸式体验。这类设计形式更适合旅游类或短视频类产品。
启动页|关于启动页与引导页的设计总结
文章插图
一个产品的启动图与引导页设计(特别是启动图设计)是很具有代表性的。我们可以从启动图与引导页看出产品的设计调性与服务理念,个人觉得这两个模块也是值得设计师花心思做的~
结合产品服务与品牌进行设计方案探索,也是很有趣的。以上就是自己关于启动图与引导页的部分设计见解与解析,欢迎大家多多指教呀~

推荐阅读