例如qq浏览器的引导页设计,通过形象的插图直接明了地说明了qq浏览器解决了其他浏览器所遇到的问题(搜不到小说、看小说花钱、小说更新需要等) 。二、表现方式 1、文字与界面组合 这是最常见的引导页面,简短的文字+该功能的界面,主要是运用在功能介绍类与使用说明类引导页 。
这种方式能较为直接地传达产品的主要功能,缺点在与过于模式化,显得千篇一律 。2、文字与插图组合 文字与插图的组合方式也是目前常见的形式之一 。
插图多具象,以使用场景、照片为主,来表现文字内容 。3、动态效果与音乐 除了静态页面外,开始流行具有动态效果的页面 。
在单个页面采用动画的形式,考虑好各个组件的先后快慢,打破原有的沉寂,让页面动起来 。同时结合动效可以考虑页面间切换的方式,将默认的左右滑动改为上下滑动或过几秒自动切换到下一页 。
在浏览引导页的时候,可以试着加入一些与动效节奏相符合的音乐,会是一种更加新颖的方式 。4、视频展示 在打开后通过播放视频的方式来介绍产品或传递一种理念,这种方式多见于偏生活记录类的应用,如拍照、运动类应用,给人传达青春活力、积极乐观的生活态度 。
优点:直观,动感,生活化 。缺点:应用较大,视频播放会出现卡顿的情况 。
三、总结 以上已经针对引导页的目的差异以及表现方式进行了相关归类,在具体的设计中还得注意一些原则,它们会让你的设计更加吸引人,信息传达的效果更好 。1、文案言简意赅,突出核心 。
根据爱尔兰哲学家汉密尔顿观察发现的7±2效应,一个人的短时记忆至少能回忆出5个字,最多回忆9个,即7±2个 。因此展示的文案要控制在9个字以内,超过后用户容易遗忘、出现记忆偏差 。
如果表达起来困难,可以辅助一小段文字进行解释或补充 。因此在最终文案的确定上,要突出重点,多余的文字尽可能地进行删减 。
如果文案删减后字数还是过多,因考虑对文字进行分层,通过空格或逗号或换行的方式进行视觉优化 。精准贴切的文案也十分重要,将专业的术语转换成用户听得懂的语言 。
尤其对于通过照片来表现主题的引导页设计,文案与照片的吻合度,直接影响到情感传达的效果 。2、视觉聚焦 在单个引导页中,信息不宜过多,只阐述一个目的,所有元素都围绕这个目的进行展开 。
视觉聚焦包括两部分,一是文案的处理,要注意层次,主标题与副标题要形成对比;二是引导页中的界面、场景、文案具象化元素,要有一个视觉聚焦点,多个视觉元素的排布采用中心扩散的方式,聚焦点的视觉面积最大,同时与扩散的元素拉开对比 。这样用户能清晰地看到核心文案信息与文案对应的视觉表现元素 。
同时结合视线流动的规律,从上到下,从左到右,从大到小 。因此可以根据这个视线流的规律来进行引导页的设计 。
如下图为天猫客户端的引导页,分析其视觉流发现,浏览的顺序从插图到主文案,再到辅助文案,缺点在首次看到的是插图而不是文案,插图相对文字理解相对困难,因此未能快速地获取该页的主要信息,可以考虑将文案与插图的位置进行互换,这样会好一些 。3、富于情感化 a、文案具象化 通过具体的元素、场景来表现文案,采用写实、半写实的方式进行表现,有些应用还会配以水彩风格 。
以天猫为例,天猫是一款购物应用,在设计上通过商场、店铺的实际场景的具体描绘,渲染轻松、欢快的购物过程 。b、页面动效、页面间交互方式的差异化 之前对于表现方式的归类已经讲到了动画及页面切换方式,。
- app创意说明怎么写
- mfcappwizardexe怎么写
- 什么是页岩油 什么是页岩油视频
- 网页底部怎么写
- 禁止的符号怎么写
- app在线留言怎么写
- 夹注页码怎么写
- 网上银行是什么意思 网上银行是什么app
- 中国银行官方网站首页 中国银行官方网站首页
- happy儿童节英语怎么写