什么是互动网页设计(什么是互动网页设计)

  网站能承载多种多样的内容,但无论是哪种内容,通常都会遵循一定的信息架构。在这其中,故事是很特别的一种类型。讲故事,往往能以更叙事、更情感化的方式,将内容传递给用户。一个好的故事,往往始于笔端,但是最终呈现,还是要依靠精巧的设计。那么设计是如何讲好故事的呢?今天的文章,为你分享一下创造故事的7个维度。

  1、图片

什么是互动网页设计(什么是互动网页设计),什么是互动网页设计(什么是互动网页设计),什么是互动网页设计,信息,文章,视频,第1张

   首先,想要讲好故事,要通过设计在视觉上吸引用户。这一切要从干净清晰的视觉设计开始。壮美的图片,有趣的插画,惊艳的视频,都会抓住用户的注意力,并给予用户第一印象。 在视觉上足够突出的图片,搭配以文案,一切开始拥有了画面感,而故事因此而诞生。从照片到色彩,从文字到细节,故事所传达出来的信息和气质,和整个视觉设计应该是保持一致的,而好的故事,能够带着用户一路走过来。 2、角色

   当我们在设计网站的时候,常常会探讨用户本身和故事的角色。在网站的开发过程中,用户所代表的身份,和呈现在用户面前的角色,有着怎样的关系,这是内容和设计上需要探讨的关键问题。 这个角色可以是一个贯穿整个设计是实体角色,也可以是被包含在视觉和文字内容中的一种“气质”,或者“腔调”。 Freddie 公司旗下产品MailChimp 中所创建的视觉形象就是一只有趣的猴子,而这只猴子不仅仅是他们的LOGO,而且这个形象贯穿了整个设计,这个角色为整个产品作出了不小的贡献: 首先,这个形象和公司、产品的名称相互呼应,也解释了为什么叫MailChimp。虽然MailChimp 这个生造的词汇会让用户感到迷惑,可是看到猴子的形象,他们能够很快Get到这个命名的含义。 这个形象还揭示出了这个公司的特色,有趣的设计和独特的气质。 猴子Freddie 本身就代表着故事,它是怎么来的?名字怎么起的?这个形象本身就自带故事属性。 3、互动

   引导用户与内容进行互动,这是设计能带来的重要价值之一。通过动效和行为召唤(CTA)让用户自然地注意到关键的内容和重要的控件,引导用户与之交互,这是为了促使用户与内容紧交互,参与到这个故事中来。 想要用户参与到故事中来的另外一种方式则是视差滚动。它从视觉上鼓励用户持续地向下滚动,在保证体验愉悦的同时,用动态而有趣的视觉设计,强化互动。 一个好故事并不需要做的太复杂。Humaan 就很直接的借助团队照片和悬浮动效来讲述故事,帮助访客了解这个团队的成员。这种设计简单而有效。(注意悬浮状态下每个成员姿势和表情的变化,非常有意思) 4、游戏

   故事本身的构建可能是最麻烦的地方,相反,讲述故事反而是简单的事情。如果你不知道要如何呈现故事,那么不妨将它设计成一个简单的游戏,为用户提供一个有趣的听故事的渠道。 而借助游戏讲述故事的技巧在于,保持简单和提供奖励。不论是虚拟的成就徽章,还是优惠券,你要让用户从中获利,才能促进他们继续听取你的故事。 你所提供的游戏并不一定要像Pokemon Go 那样有趣而好玩,Dropbox 通过完成任务获得额外的云盘空间,一样是非常有效的手段。Dropbox 所设定的任务多种多样,有邀请好友,也有帐号链接邮箱,但是无论是哪种,都具有一定的游戏性,达成了一定有奖励。许多忠诚的Dropbox 用户都是这么一步一步过来的。 当然,对于不想玩这些游戏的用户而言,直接付费一样可以达成效果。你要让用户觉得,不论怎么玩,他们都是赢家。 5、微交互

  如今的网页和APP设计中,有着大量的动效和微交互。许多社交媒体都乐于使用微交互,因为它们简单,并且能够带来优秀的体验。 本文是成都网站建设公司、成都网站设计制作公司、成都APP开发公司、成都响应式网站建设、成都VR全景制作-桔子科技公司为您整理!


【免责声明】:

本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

【关于转载】:

本站尊重互联网版权体系,本站部分图片、文章大部分转载于互联网、所有内容不代表本站观点、不对文章中的任何观点负责、转载的目的只用于给网民提供信息阅读,无任何商业用途,所有内容版权归原作者所有
如本站(文章、内容、图片、视频)任何资料有侵权,先说声抱歉;麻烦您请联系请后台提交工单,我们会立即删除、维护您的权益。非常感谢您的理解。

【附】:

二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

注:本站资源来自网络转载,版权归原作者和公司所有,如果有侵犯到您的权益,请第一时间联系我们处理!

-----------------------------------------------------------------------------------------------------------

【版权声明】:

一、本站致力于为源码爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------


内容投诉
源码村资源网 » 什么是互动网页设计(什么是互动网页设计)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论