首页 理论教育 微博闪屏设计:温暖冬日的心意传递

微博闪屏设计:温暖冬日的心意传递

时间:2023-06-17 理论教育 版权反馈
【摘要】:新浪微博2013年年初闪屏设计,将画面主题定为微博拉近你我,温暖一冬,如图6-35所示。画面中一个人打着一把心形红伞在雪地里漫步的故事情境表达了该主题的含义—即使在下着雪的寒冬里,用户仍然可以通过新浪微博给对方传递温暖的情意。界面中重点突出了主题标语和新浪微博的Logo,标语文案作为一种品牌营销手段与用户产生情感上的共鸣,而Logo主要突显品牌形象。②尽量使入场界面有意义,避免出现不必要的内容或元素。

微博闪屏设计:温暖冬日的心意传递

入场界面是用来替代系统后台运行复杂代码的常见方式,是用视觉表现模型掩盖实现模型弊端的一种设计方法。

移动应用入场界面主要包括三种形式:动态闪屏(每次开启应用都会出现)、静态闪屏(每次开启应用都会出现)、引导页(仅第一次开启应用或更新应用时出现),其交互形式既有动态的又有静态的,但界面中具体需呈现的内容,还要进行精细化的视觉设计。入场界面内容一般围绕应用内涵或品牌价值而设计。

其中,引导页对用户了解移动应用核心功能起到了快速引导的作用,能够帮助用户快速掌握应用的基本使用方法,激起用户对功能的尝试欲望。它的主要表现形式包括静态说明(图片配合文字)、动态演示(动画或视频)、半透明遮罩图示(在应用页面之上直接图示说明)、图层叠加式半动态说明(通过差异性设置页面中多个图层的位置和频率,达到页面中错落有致的视觉效果)。

引导页设计需要遵循以下几个原则:

①页面中呈现的内容要符合应用的整体风格和概念,多运用具有亲和力和情感化的设计来表现页面内容。

②页面中的图文表达要简明扼要、主次清晰,切忌用过多文字说明页面内容,尽量采用简洁的图示进行说明(见图6-28)。

978-7-111-50581-5-Part02-101.jpg

图6-28 美拍引导页视觉设计

③把握页面之间的节奏,通过一种渐进式的阅读体验,将用户慢慢带入应用程序之中。

④页面数量尽量不超过4张。

闪屏一般采用简洁的色彩、文字、Logo和图像快速表达应用的核心理念,并采用叙事的方式深入用户的内心世界

新浪微博2013年年初闪屏设计,将画面主题定为微博拉近你我,温暖一冬,如图6-35所示。画面中一个人打着一把心形红伞在雪地里漫步的故事情境表达了该主题的含义—即使在下着雪的寒冬里,用户仍然可以通过新浪微博给对方传递温暖的情意。界面中重点突出了主题标语和新浪微博的Logo,标语文案作为一种品牌营销手段与用户产生情感上的共鸣,而Logo主要突显品牌形象。

当然,闪屏视觉设计并非一成不变,随着应用版本和运营需求的变化,闪屏也可以给用户带来焕然一新的感受,如围绕季节、气候、节日、重大事件、品牌形象提升等进行设计。不同应用的闪屏设计如图6-30所示。(www.xing528.com)

978-7-111-50581-5-Part02-102.jpg

图6-29 新浪微博闪屏设计

978-7-111-50581-5-Part02-103.jpg

图6-30 不同应用的闪屏设计

苹果公司最新的iOS 8人机界面指南指出,用户往往不会花费超过一两分钟的时间去审视一个新应用,若将应用从打开到启动的时间压缩得很短,并同时在载入过程中呈现一些对用户有帮助的内容,则该应用就能激发用户的兴趣并带给用户惊喜。新指南认为应该尽量避免使用入场界面,让用户直接进入应用是最好的选择。因此,可以在启动应用时,调用一张与应用起始页相同的图片,这样可以让用户感觉启动速度很快。

移动应用入场界面的设计要点如下:

①尽量保持简洁的界面风格,避免过多的引导信息展示页面,从而造成不必要的心理负担。

②尽量使入场界面有意义,避免出现不必要的内容或元素。

③根据目标用户的特点,使入场界面贴近用户的审美情趣,符合用户的心理预期。

④界面中的文案要简洁,围绕应用属性与所要传达的主题进行表述,减少用户的思考时间。

⑤可以加入一定的动画效果,使界面的视觉效果更加丰富,更具视觉冲击力。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈