创造富有故事性的网页,你需要熟悉这7个维度

Date 2025-01-22 14:56:14

  网站可以携带各种内容,但无论哪种内容,它通常都遵循一定的信息架构。其中,故事是一种非常特殊的类型。讲故事通常可以以更叙事、更情感的方式将内容传递给用户。一个好的故事通常从写作开始,但最终的呈现仍然取决于精致的设计。那么,设计是如何讲述一个好故事的呢?今天的文章将与大家分享创作故事的七个维度。1、首先,如果你想讲一个好故事,你应该通过设计在视觉上吸引用户。所有这些都应该从干净清晰的视觉设计开始。壮丽的图片、有趣的插图和惊人的视频将吸引用户的注意力,并给用户留下第一印象。视觉上足够突出的图片与文案相匹配。一切开始都有绘画

  网站可以携带各种内容,但无论哪种内容,它们通常都遵循某种信息架构。其中,故事是一种非常特殊的类型。讲故事通常可以以更叙事、更情感的方式将内容传递给用户。

  一个好的故事通常从写作开始,但最终的呈现仍然取决于精致的设计。那么,设计是如何讲述一个好故事的呢?今天的文章,为您分享创建故事的七个维度。1、图片

coffee.jpg

  首先,如果你想讲一个好故事,你应该通过设计在视觉上吸引用户。所有这些都应该从干净清晰的视觉设计开始。壮丽的图片、有趣的插图和惊人的视频将吸引用户的注意力,给用户留下第一印象。

  视觉上足够突出的图片,与文案相匹配,一切都开始有一种画面感,故事诞生了。从照片到颜色,从文本到细节,故事传达的信息和气质应该与整个视觉设计一致,一个好的故事可以带用户一路走来。 2、角色

chimp-1.jpg

  当我们设计网站时,我们经常讨论用户本身和故事的角色。在网站开发过程中,用户代表的身份与用户面前呈现的角色之间的关系是内容和设计中需要讨论的关键问题。

  这个角色可以是贯穿整个设计的“气质”,也可以是包含在视觉和文字内容中的“气质”,也可以是“语调”。

  Freddie 公司产品MailChimp创建的视觉形象是一只有趣的猴子,它不仅是它们的标志,而且贯穿整个设计,这个角色为整个产品做出了巨大的贡献:

  ·首先,这个形象呼应了公司和产品的名称,也解释了为什么叫MailChimp。虽然MailChimp 这个生词会让用户感到困惑,但当他们看到猴子的形象时,他们可以很快得到命名的含义。

  ·这一形象还揭示了公司的特点,有趣的设计和独特的气质。

  ·猴子Fredie 它本身就代表着一个故事。它是怎么来的?名字是怎么开始的?这个图像本身就有自己的故事属性。 3、互动

humaan.jpg

  设计能带来的重要价值之一是引导用户与内容互动。通过动态和行为召唤(CTA)为了促进用户与内容紧密互动,参与这个故事,让用户自然地关注关键内容和重要控件,引导用户与之互动。

  另一种让用户参与故事的方式是视差滚动。它鼓励用户在视觉上继续向下滚动,并使用动态有趣的视觉设计来加强互动,同时确保愉悦的体验。

  一个好的故事不需要太复杂。Human直接借助团队照片和悬浮动效讲述故事,帮助游客了解团队成员。这个设计简单有效。(注意悬浮状态下每个成员姿势和表情的变化,很有意思) 4、游戏

dropbox.jpg

  故事本身的构建可能是最麻烦的地方。相反,讲故事很简单。如果你不知道如何呈现故事,你不妨把它设计成一个简单的游戏,为用户提供一个有趣的听故事的渠道。

  在游戏的帮助下讲述故事的技巧是保持简单,并提供奖励。无论是虚拟的成就徽章还是优惠券,你都必须让用户从中获利,以促进他们继续听你的故事。

  你提供的游戏不一定像Pokemon那样 Go 有趣又好玩,Dropbox 通过完成任务获得额外的云盘空间也是一种非常有效的手段。Dropbox 有各种各样的任务,包括邀请朋友和帐户链接电子邮件,但无论哪一个,它都有一定的游戏性,并获得一定的奖励。许多忠诚的Dropbox 用户是一步一步来的。

  当然,对于不想玩这些游戏的用户来说,直接付费也可以达到效果。你必须让用户觉得他们是赢家,不管他们怎么玩。 5、微交互

robot.jpg

  在今天的网页和应用程序设计中,有很多动态效果和微交互。许多社交媒体愿意使用微交互,因为它们很简单,可以带来优秀的体验。

  微交互带来的有趣体验为用户创造了有趣的时刻。每次保存设置、发送信息、登录账号,都会伴随着有趣而微妙的微交互,Instagram 以中赞按钮为例,用户在尝试后,对这种交互会有一种沉迷的感觉,乐此不疲。

  有意义的微交互非常重要。正如上面提到的,它是功能性的,它显著改善了整个产品的体验。 6、叙述

beast.jpg

  故事的构成大多不复杂,开头、过程、结尾,这三个基本环节是大多数故事的三个基本环节。

  如果你需要讲故事,这种公式化的结构实际上是用户最容易接受的:

  开头:LOGO和标题。让用户知道这是什么网站,他们为什么在这里。

  过程:通过陈述内容展示特殊性。你的网站能给用户带来什么不同?他们能期待什么?

  结局:行为召唤,呼吁用户购买,或订阅等。 7、简单

up.jpg

  虽然这可能与上面的一个相冲突,但故事最好保持简单。简单的故事通常可以让用户更快地获取核心信息。

  故事应该能够吸引用户的注意力,给用户留下好印象,让他们成为回头客。

  Upstream在主页上做到了这一点——虽然用户可以通过滚动在中间查看更多内容,但他们可以通过快速扫描开头、中间和结尾来了解故事的全貌。通过视觉设计和文本匹配,可以构建故事的大纲。此外,屏幕上的“参与”按钮也相当“诱人”。

  简单的故事往往更有效。 结语

  当你设计故事时,你应该明白你自己的故事往往更感人。一个真实的故事,有你自己的品牌,更容易触摸用户。

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image