0 Comments

奔跑吧,引导页!深聊一组效果显著的引导页设

发布于:2014-12-19  |   作者:广州网站建设  |   已聚集:人围观

3. 动静皆宜

这里指静态位图拟动态流畅地位移,模拟自然界的节奏,回归仰望白云海滩拾贝的宜人轻松情绪。微动的影像就像一段催眠序曲,让用户快速切入沉浸式状态。例如Flipboard,从早期创新式的局部微动简化至现在的镜头位移。LinkedIn、Pinterest也是较有代表性的应用。这样细想来,镜头感的位移在渲染氛围的同时,也是萌发了读者想要挖掘发现更多,却又嘎然而止到下一个画面,多少有点半饱的意味。是否觉得恰与这些信息采集类的应用气质相符呢。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

细数那些精彩纷呈的引导页

其次,我们会发现位图的使用多展现于国外或主流App,相对于位图传达的高端大气沉稳,矢量图形的发挥自由度更大,在多语意传达和目标对齐上,处于一个关键的角色。

在海报平面招贴多样化的今天,我们可以在刊物、宣传单、海报招贴、灯箱、网页等一切可以传递信息的介质上看到推广宣传。在过去,传统灯箱或许只是几张幻灯片画面切换。现在,可以看到地铁站的三联式灯箱,加入了视频,模拟互动式的联动滚屏。这种借助多屏的滚动方式和手机端的引导页路径原理有点相似,然而在手掌大小的空间里,可以展示的内容是有限的,屏与屏之间的串联交互方式,众多App在找寻创意可能。

细数那些精彩纷呈的引导页

屏间交互方式

由于手机端天然的触屏行为属性,通过滑动触发用户注意力,吸引用户关注下一秒迸发的画面内容,让整个观赏过程成为用户的参与互动体验。

1. 屏幕原生路径

早些时候网页元素随着页面滚屏出现各种交互动画,这种方式刚盛行不久,移动端也进行了跨平台迁移,食记是最早一班引导页体验趋同网页动画的应用,动画难点在于把握好元素的动律节奏,进出舞台的关键点。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

细数那些精彩纷呈的引导页

DIY的walkthrough,随着后景过山车似的连绵山脉,野外篝火,探险宇航员,手机记录,酷似玩了一把视觉体验享受。

细数那些精彩纷呈的引导页

2. 前后衔接

视频动画中镜头切换的蒙太奇手法,用美学原则联结前后镜头,通过缩放拉伸、形变、位移、颜色变换等补间动画巧妙地成为下一个镜头的关键元素。形式上激发让人出乎意外,情理之中的视觉感受;内容上精简干练有力,作为关键变换元素是每一屏讲述的重点。相信看过绝望主妇的大家对它的片头都印象深刻,更多精彩挑战想象极限的镜头变换,不妨去欣赏下 余志雄工作室yU+Co的作品。

细数那些精彩纷呈的引导页

Same作为一款话题社区社交应用,由早先的单色线性延展到新版的丰富形态和有趣变换。

细数那些精彩纷呈的引导页

Dropbox配合一贯以来的强标识蜡笔画风,让观赏者心情愉悦。

3. 趣味互动性

围绕产品特性,设计趣味性的互动环节,会让App增色不少。通过麦克风吹气、声音、摄像等手机原生方式,营造一个类虚拟现实联结的体验过程。

细数那些精彩纷呈的引导页

Posegram结合产品特性,与镜头互动的方式,让用户直观地摆pose拗造型。

4. 独特视角

页面间的转场方式,除了City Guides的独特城市转场,Rovler的引导页刻意对画面的局部做了动感模糊,模拟镜头摇晃,让观看者置身墙面其中。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

细数那些精彩纷呈的引导页

5. 单屏内交互方式

Dropbox温润亲和的,喜欢淡彩加线条风的朋友,它的品牌风格让人爱不释手。是否有几分纸面上马克笔工程设计图的感觉。细腻的画风、动感的模糊处理方式,让单屏内的交互方式显得没有那么单一。

细数那些精彩纷呈的引导页

6. 文案的串联

与图形的交互串联产生的效果不同,QQ阅读的文案抓住用户核心痛点,对仗的阵势一气呵成。

细数那些精彩纷呈的引导页

张弛有力的扁平风

Luvocracy的开启walkthrough,让人眼前一亮,用色,闹中取静;版式,简洁大气;元素,构建有序,爱心贯穿始终。作为一款购物社区应用,会以让用户愉快的购物体验从进门这一刻开始。

细数那些精彩纷呈的引导页

UC浏览器采用更多ios7的轻量大胆用色,让整个产品基调趋于轻松、欢快、多彩。

细数那些精彩纷呈的引导页

Yahoo的这款应用的引导页接受度是否高,或许有所保留,有一种美叫猎奇美,这么形容也许不恰当,看完这个案例的用色,顿时会觉得UC的用色很平稳。会让人脑海中想到 “态度、冲撞、学术、微妙、复古 “这些关键词。所以作为设计师和产品用户,可以涉猎更多在过去常人不太接受的颠覆性事物,经典的东西总是经得住时间打磨,留下的都是值得去经历思考、重组、再生,无约束的事物本身蕴藏可能性。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

细数那些精彩纷呈的引导页

总结

与产品气质相符 

尽量避免过度设计,呈现的内容要与产品气质能对应上。就像iCloud、Pages、keynote的引导页,仅用不同的颜色和嵌套内容,达到了苹果体系下的高标准统一化品牌定位。

用户轻量体验

不要让界面上的内容信息成为用户的认知负担,即使是放在开篇位置的引导页也不例外。少有顾客愿意在对他无意愿了解的业务介绍上给予过多停留,为产品本身能为用户带来的价值而服务设计。

兼顾技术实现

通常情况下技术仍然会对软件包容量进行限制,视频在信息可视化上占据丰富有利,另辟蹊径借助移动端触屏交互优势,寻找巧妙方式也不失为一个好办法。

勿忘文案魅力

人类对于复杂信息的处理,最直接触达到大脑被解读的还是语言,一句好文案配上应景的图片,能达到的效果是不可估量的。

最全面的新手自学教程全推荐!
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

标签:
飞机