最美UI

如何在网站设计中设计一个“杀手级”的微内容

不管是平面还是网站设计项目,那些最细微的细节部分往往是最重要的。这是我们在概念上都知道的,对吧?

但是,你很有可能经常会出现这样一种情况:基于时间的限制,往往你会选择在最后一分钟只是“草率”的填写这些细节,因为你已经准备好结束这个项目了,如果你有疑问,在你的网站设计中的微内容是否受到影响,答案是肯定的,所以不要让这种情况发生。从一开始就计划好你需要的微内容,这样可以创造出更好、更实用的作品,并且这将有助于使你的整体设计比你预期的更好。

1.两种类型的微内容

微内容实际上是很小的一个内容元素。事实上,它可能是一个网站建设框架中最微小的部分,当它做得足够好时,它通常是不可见的(这是件好事)。近年来,微内容的定义已经扩展,在今天普遍被接受的一个观点是,微内容往往被用来做描述标签和行动的一个术语。

你可能会把微内容与以下两件事联系起来(或者两者兼而有之):

· 在网站设计或应用程序中提供信息或方向的小串单词。这些单词或标签可能包括关于呼吁行为按钮的信息或如何使用网站或游戏说明。

· 单一用途的图像或动画剪辑,引导用户输入一个特定的URL。例如,GIF动画是一种流行的微内容。这个概念在营销者和社交媒体上尤其受欢迎。

设计微内容的诀窍是把它想象成一块块的碎片。无论你是在设计文本、图片还是视频,这些信息都应该简短,容易理解和吸引用户。用户应该被吸引到微内容上,因为它是引导用户所能做的事情的驱动。

2.思考你需要用到的词语

想一下你最近访问过的一些有趣的网站。他们在这一方面是如何表现的呢?

它可能是整体网站的基调,也可能是图片,但每一种形式都必须让你感觉你和网站之间是相互联系的。它很容易使用,你可以找到你想要的。即使你陷入了困境,有一些东西也可以帮助你继续前行。

微内容可以驱动几乎所有的这些事情。每个按钮、标签、导航菜单、标题等都是理解在你面前的这个网站应该如何使用的关键要素。这些文字的书写方式是非常重要的。

· 使用简单的短语和语言。

· 使用大量的动词或可以表达动作的词。

· 方向应该是直接的、明确的。

· 考虑整体的调性,确保它与站点的其他部分相匹配。

· 避免讲笑话或双关语,这些笑话可能会让你的失去很多的用户。

· 充分的使用对比,这样的话就很容易发现和被看到。

· 呼吁行动的各种元素应该是可点击的(或可触发的)。

· “点击这里”的指令通常被认为是最不恰当的,避免使用它。

· 引导用户并不是意味着你要对他们大喊大叫,不要采用命令的语气,你的语言需要表达一种意向——他们应该点击

· 当你无法抉择的时候,坚持使用常用短语。它们之所以被使用是有原因的,因为它们是可以理解的。

3.考虑图像问题

呼吁行动的文字和图片应该互相作为补充。但有时,图像也是一种微内容。这是营销人员用来为多个应用程序重新设计内容的一个巨大的技巧。

你可以这样想:你的网页设计上有一个巨大的信息图表,这张图片整体很难在社交媒体上被分享,但其中的一小部分可能很值得被分享出去。因此,你可以试着把信息图表分割成更小的可用的小花絮来分享,然后把它们链接到你的网站上。你也可以对静态图像、视频或动画做同样的事情。

通过上面的方法,你可以得到单一的内容,它可以被多次使用,以供多个用户使用,使流量返回到你的网站。聪明,对吧?

不过这个有一个大前提——它需要你能够正确的使用图像才能有效地进行这项工作。

· 图像必须以某个载体作为表现媒介,并且独立存在。

· 考虑一下卡片样式设计

· 使用明亮的颜色和醒目的图形。

· 尽量少的使用文本。

· 有目的地使用。你不应该在微内容块的边上看到图像的其他部分。

· 设置好链接以便共享的内容能够精确的匹配最终位置。

· 充分的考虑图像的各种大小。因为你可能会在facebook、Twitter或Instagram等不同的社交网站上为不同的用户选择不同的图片

· 包括号召行动。

· 把复杂的图像浓缩成简单的东西。一个微内容应该只包含一个消息或调用操作。

4.元素组合

现在是把上面的一切都放在一起的时候了。将图像和文本结合起来,以使人们想要与之互动。

听起来可能比实际情况更简单。

这是一种你可能最后会尝试的技巧。但是我有一个建议:考虑一下卡片式。卡式风格设计如今在网站设计送非常受欢迎。这是有充分的理由的,这种设计技术对用户来说很容易理解,并且有助于组织你的设计思想。

一张卡式内容载体就等同于一个专项的内容或动作。

看看在上面的例子中,在Junk Food Clothing的网页设计中是如何使用这个概念的。该公司使用卡片式的社交媒体将用户带到网站上,那里有一个类似的外观。他们用同样的语言鼓励同样的行动。

一旦你开始使用卡片,它们很容易被重新使用。一个卡片风格的界面对一个网站设计或移动设计很有用。然后,每张卡片可以在社交媒体上分享,或者变成名片、明信片或传单。信息可以包括文字、按钮和静止的图像。因此,你可以使用这个简单工具中的任何部分。

如果你想要走超潮流的路线,考虑一下在你的卡式设计上增加Material design风格。

5.更多有关微内容的技巧

微内容无处不在。一旦你完成了设计,你就可以考虑其他的一些地方了(尤其是你在网上分享的时候)。

· 记住在社交媒体上用@标签来标记用户。

· 为共享或使用相关创建令人难忘的hashtag,以获取更多的内容。

· 混合内容类型。共享动画和静态图像。

· 友好的。没有人喜欢任何的牢骚在网上。

· 告诉用户你希望他们做什么(确保所有按钮都有效!)。

总结

你的思考要足够细微。

在计划项目时不要忽略微内容。从网站本身的元素到你用来制造流量的工具,微内容是帮助用户更好地浏览页面或者吸引他们的个人感觉。记住要重用和重新使用已有的内容,以便有足够的元素可以共享。

----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理

原文链接: https://designshack.net/articles/graphics/how-to-design-killer-micro-content/

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
AI教程!如何用ps绘制太阳系行星图标矢量包
下一篇
在开始网站设计项目前必须提出的15个问题!