专注于数字化综合服务提供[维讯网络]
建站常识
建站常识
从品牌网站建设到网络营销策划,助力企业建立品牌数字营销体系

建站常识

探讨网络运用的引导页设计技巧

  • 时间:2014-11-03
  • 发布:维讯网络
  • 浏览:1790

[摘要] 当你第一次翻开一款运用时常常会看到精美的引导页设计,它们在你未运用商品之前提前告诉你商品的首要功用与特点,第一次形象的好坏会极大地影响到后续的商品运用体会。因而各个公司都在努力将这几个页面设计好,从一开始就引人入胜。下面我们就一起来探讨下关于…

  当你第一次翻开一款运用时常常会看到精美的引导页设计,它们在你未运用商品之前提前告诉你商品的首要功用与特点,第一次形象的好坏会极大地影响到后续的商品运用体会。因而各个公司都在努力将这几个页面设计好,从一开始就引人入胜。下面我们就一起来探讨下关于引导页的设计。

 

  一、 目的区分

  依据引导页的目的、起点不一样,能够将其分为功用介绍类、运用说明类、推行类、问题处置类,通常引导页不会超越5页。

  1、功用介绍类

  功用介绍类引导页首要是对商品的首要功用进行展现,让用户对商品主功用有一个大致的了解。选用的办法大多以文字合作界面、插图的办法来展现。

  以易信为例,选用文字与水彩插图联络的办法,文字分为2个层次,大标题与小标题,大标题是对主功用的归纳,小文字是对其功用模块的详细描写或进一步弥补说明。

  2、运用说明类

  运用说明类引导页是对用户在运用商品进程中可能会遇到的艰难、不清楚的操作、误解的操作行动进行提早奉告。这类引导页大多选用箭头、圆圈进行标识,以手绘个性为主。以虾米音乐的引导页为例,关于较难发现的播映行列、歌词的操作办法进行的箭头引导来说明。

  3、推行类

  推行类引导页除了有一些商品功用的介绍外,更多是想传达商品的情绪,让用户更了解这个商品的情怀,并思考与全部商品个性、公司形象相一致。这一类的引导页假如做的不行吸引人,用户只会不耐烦地想疾速划过。而制造精巧、风趣的引导页,用户会停步欣赏。

  4、问题处置类

  问题处置类经过描写在实习日子中会遇到的问题,直击痛点,经过终究的处置方案让用户发生情感上的联络,让用户对商品发生好感,添加商品粘度。例如QQ阅读器的引导页设计,经过形象的插图直接明晰地说明晰QQ阅读器处置了其他阅读器所遇到的问题(搜不到小说、看小说花钱、小说更新需要等)。

 

  二、体现办法

  1、文字与界面组合

  这是最多见的引导页面,简略的文字+该功用的界面,首要是运用在功用介绍类与运用说明类引导页。这种办法能较为直接地传达商品的首要功用,缺陷在与过于模式化,显得千人一面。

  2、文字与插图组合

  文字与插图的组合办法也是当时多见的办法之一。插图多具象,以运用场景、相片为主,来体现文字内容。

  3、动态作用与音乐

  除了静态页面外,开端盛行具有动态作用的页面。在单个页面选用动画的办法,思考好各个组件的先后快慢,打破原有的沉寂,让页面动起来。一起联络动效能够思考页面间切换的办法,将默许的摆布滑动改为上下滑动或过几秒主动切换到下一页。在阅读引导页的时分,能够试着参加一些与动效节奏相符合的音乐,会是一种愈加新颖的办法。

  4、视频展现

  在翻开后经过播映视频的办法来介绍商品或传递一种理念,这种办法多见于偏日子记载类的运用,如摄影、运动类运用,给人传达青春活力、积极达观的日子情绪。优点:直观,动感,日子化。缺陷:运用较大,视频播映会呈现卡顿的状况。

 

  三、 总结

  以上现已关于引导页的意图区别以及体现办法进行了有关归类,在详细的设计中还得留意一些准则,它们会让你的设计愈加吸引人,信息传达的作用非常好。

  1、案牍要言不烦,杰出中间。

  依据爱尔兰哲学家汉密尔顿观察发现的7±2效应,一个人的短时回忆最少能回想出5个字,最多回想9个,即7±2个。因而展现的案牍要控制在9个字以内,超越后用户简单忘记、呈现回忆误差。假如表达起来艰难,能够辅佐一小段文字进行解说或弥补。因而在终究案牍的断定上,要杰出重点,剩余的文字尽可能地进行删减。假如案牍删减后字数仍是过多,因思考对文字进行分层,经过空格或逗号或换行的办法进行视觉优化。

  精准恰当的案牍也十分重要,将专业的术语转换成用户听得懂的言语。尤其是通过相片来体现主题的引导页设计,案牍与相片的吻合度,直接影响到情感传达的作用。

  2、视觉聚集

  在单个引导页中,信息不宜过多,只论述一个意图,一切元素都围绕这个意图进行打开。视觉聚集包含两部分,一是案牍的处置,要留意层次,主标题与副标题要构成比照;二是引导页中的界面、场景、案牍具象化元素,要有一个视觉聚集点,多个视觉元素的排布选用中间分散的办法,聚集点的视觉面积最大,一起与分散的元素摆开比照。这样用户能明晰地看到中间案牍信息与案牍对应的视觉体现元素。一起联络视野活动的规则,从上到下,从左到右,从大到小。因而能够依据这个视野流的规则来进行引导页的设计。

  如下图为天猫客户端的引导页,剖析其视觉流发现,阅读的次序从插图到主案牍,再到辅佐案牍,缺陷在首次看到的是插图而不是案牍,插图相对文字了解相对艰难,因而未能疾速地获取该页的首要信息,能够思考将案牍与插图的方位进行交换,这样会好一些。

  3、富于情感染

  A、案牍具象化

  经过详细的元素、场景来体现案牍,选用写实、半写实的办法进行体现,有些运用还会配以水彩个性。以天猫为例,天猫是一款购物运用,在设计上经过商场、店铺的实习场景的详细描写深圳网站建设,烘托轻松、愉快的购物进程。

  B、页面动效、页面间交互办法的区别化

  之前关于体现办法的归类现已讲到了动画及页面切换办法,假如添加了页面动效,运用动效,包含扩大、深圳网站制作减小、平移、翻滚、弹跳,体现办法愈加多元化,会让引导页更风趣,留意力更为会集。

  而页面间的切换办法除了传统的卡片摆布滑动的办法外,能够联络线条、箭头号进行引导,通常会合作动效。例如网易新闻客户端、形象笔记·食记,它们在引导页的设计上选用了线条作为主线贯穿全部引导页面,小圆点显现当时的阅读进展,滑动的进程中有翻滚视差的作用。

  4、与商品、公司基调相一致

  引导页在视觉个性与空气的营建上要与该商品、公司形象相一致,这样在用户还未运用详细商品前就给商品定下一个对应的基调。商品的特性决议了引导页的个性,商品是消费类、文娱类、东西类仍是其他,依据不一样的商品特性决议了引导页是走轻松文娱、小新鲜,仍是规整、趣味性的个性,在终究的体现办法上也就会有彻底不一样的展现,是插图、界面、动画仍是其他。如taobao的文娱、豆瓣的新鲜文艺、百度的东西、蝉游记的休闲等等,经过比照就能发现他们在引导页设计上的区别。

  这样一方面有利于商品一脉相承,与商品运用体会相一致;另一方面也会进一步强化公司形象。

  以交游为例,交游是一款关于个人用户的及时通讯运用,主打扎堆、阅后即焚、敲门等与微信不一样风趣的功用,也是想给用户创造不一样的IM交流办法。因而在引导页的设计上经过趣味性、乃至有点搞怪的动作与表情来体现交游是这样一款风趣、欢喜多的商品。

  又如网易彩票,引导页的主色选用了与网易本身的赤色相一致的赤色,在公司商品系统性上保持高度的一致性。

  总归:想做好引导页的设计,在了解用户对引导页需要的基础上,怀揣热爱商品的情怀,依托精美的规划,奇妙的构思,恰当的空气烘托,再加一点点特征。当然光讲是单调的,仍是需要设计师在详细的设计中不断实习,总结出新的观念与办法,探究出独具匠心的引导页设计。


关键词:

上一篇:

下一篇:

多一份参考,总有益处联系我们,免费获得专属《策划方案》及报价

立刻拥有我们将在10分钟内快速响应与您联系!

姓名:

必填

手机:

必填
取消 确认提交