如何创造网页设计的7个维度.docx

如何创造网页设计的7个维度 如何创造网页设计的7个维度 1、 图片 首先，想要讲好故事，要通过设计在视觉上吸引用户。这一切要 从干净清晰的视觉设计开始。壮美的图片，有趣的插画，惊艳的视 频，都会抓住用户的注意力，并给予用户第一卬象。 在视觉上足够突出的图片，搭配以文案，一切开始拥有了画面感, 而故事因此而诞生。从照片到色彩，从文字到细节，故事所传达出 来的信息和气质，和整个视觉设计应该是保持一致的，而好的故事, 能够带着用户一路走过来。 2、 角色 当我们在设计网站的时候，常常会探讨用户本身和故事的角色。 在网站的开发过程中，用户所代表的身份，和呈现在用户面前的角 色，有着怎样的关系，这是内容和设计上需要探讨的关键问题。 这个角色可以是一个贯穿整个设计是实体角色，也可以是被包含 在视觉和文字内容中的一种“气质”，或者“腔调”。 Freddie公司旗下产品MailChimp中所创建的视觉形象就是一只 有趣的猴子，而这只猴子不仅仅是他们的LOGO,而且这个形象贯穿 了整个设计，这个角色为整个产品作出了不小的贡献： 首先，这个形象和公司、产品的名称相互呼应，也解释了为什么 叫MailChimpo虽然Ma订Chimp这个生造的词汇会让用户感到迷惑, 可是看到猴子的形象，他们能够很快Get到这个命名的含义。 这个形象还揭示出了这个公司的特色，有趣的设计和独特的气质。 猴子Freddie本身就代表着故事，它是怎么来的?名字怎么起的？ 这个形象本身就自带故事属性。 3、互动 引导用户与内容进行互动，这是设计能带来的重要价值之一。通 过动效和行为召唤(CTA)让用户自然地注意到关键的内容和重要的控 件，引导用户与之交互，这是为了促使用户与内容紧交互，参与到 这个故事中来。 想要用户参与到故事中来的另外一种方式则是视差滚动。它从视 觉上鼓励用户持续地向下滚动，在保证体验愉悦的同时，用动态而 有趣的视觉设计，强化互动。 一个好故事并不需要做的太复杂。Humaan就很直接的借助团队 照片和悬浮动效来讲述故事，帮助访客了解这个团队的成员。这种 设计简单而有效。(注意悬浮状态下每个成员姿势和表情的变化，非 常有意思) 4、游戏 故事木身的构建可能是最麻烦的地方，相反，讲述故事反而是简 单的事情。如果你不知道要如何呈现故事，那么不妨将它设计成一 个简单的游戏，为用户提供一个有趣的听故事的渠道。 而借助游戏讲述故事的技巧在于，保持简单和提供奖励。不论是 虚拟的成就徽章，还是优惠券，你要让用户从中获利，才能促进他 们继续听取你的故事。 你所提供的游戏并不一定要像PokemonGo那样有趣而好玩， Dropbox通过完成任务获得额外的云盘空间，一样是非常有效的手 段。Dropbox所设定的任务多种多样，有邀请好友，也有帐号链接 邮箱，但是无论是哪种，都具有一定的游戏性，达成了一定有奖励。 许多忠诚的Dropbox用户都是这么一步一步过来的。 当然，对于不想玩这些游戏的用户而言，直接付费一样可以达成 效果。你要让用户觉得，不论怎么玩，他们都是赢家。 5、微交互 如今的网页和APP设计中，有着大量的动效和微交互。许多社交 媒体都乐于使用微交互，因为它们简单，并且能够带来优秀的体验。 微交互所带来的有趣体验为用户创造出一个有趣的瞬间。每次保 存设置，发送消息，登录帐号，都会伴随着好玩而微妙的微交互， 以Instagram中点赞的按钮为例，用户在尝试过之后，对于这种交 互会有的沉迷的感觉，乐此不疲。 有意义的微交互非常重要。就像上面所说的点赞，它是具有功能 性的，它给整个产品的体验带来了明显的提升。 6、 叙述 故事的构成大多不复杂，开头，过程，结局，这三者是绝大部分 的故事的三个基本环节。 如果你需要讲述故事，这种公式化的结构其实是最容易为用户所 接受的： 开头：LOGO和标题。让用户知道这是什么网站，以及他们为什 么会在这里。 过程：通过陈述内容，展现特殊性。你的网站能给用户带来什么 不一样的东西?他们能预期一些什么东西？ 结局：行为召唤，呼吁用户购买，或者订阅，等等。 7、 简单 虽然这可能会和上面的一条有所冲突，但是故事最好还是保持简 单。简单的故事往往能更快的让用户Get到核心信息。 故事要能够抓住用户的注意力，给用户留下好卬象，让他们成为 回头客。 简单的故事往往更加有效。 8、 结语 你在设计故事的时候应该明白，你自己的故事往往更加动人。一 个真实的故事，带有你自己的烙印，讲述出来才更容易触动到用户。