Coolsite360响应式网站建设

如何在设计中平衡文字和视觉内容

2018-04-02  本文已影响2人  c9ad3e5022b1

我们都听说过“个性”这个词,但是当涉及到设计时,个性卖点是什么?文字或图像?事实是,两者都是几乎所有设计项目的重要组成部分。一个有效的项目和一个不足的项目之间的区别在于两者之间的正确平衡。

虽然视觉效果通常处理得更快,但文字可以提供更多的理解。在文字和视觉内容之间创造平衡是理解您的项目和内容交付的最佳方式,受众期望,元素权重和交付的组合。

您的设计项目的目标是什么?

每个设计项目的开始 - 无论其他因素如何 - 都应该从一个目标开始:您试图通过设计完成什么?一旦你知道你想达到什么目的,确定这个信息的媒介同样重要。

设计目标的常见类型包括创建品牌知名度,教育,销售,用户互动和参与(如调查),忠诚或联系或号召行动。虽然还有很多其他目标,但许多人会回到这些基础知识中的一个或两个。

项目设计的进展取决于目标和媒介。它为设计设置了“规则”,例如大小和形状以及谁将可以访问它。这些限制条件还将帮助您确定您的内容总共有多少空间,以便您可以考虑文本和视觉效果的分割。

考虑设计项目的总体目标和较小目标非常重要。例如,在规划名片时,项目很简单,主要目标是联系。但是,您可以使用卡的两面来扩展设计。同样,网站设计项目可能包含多个目标,每个页面都有所不同,每次点击将文本更改为视觉比例。

内容类型

你在处理什么类型的内容?看起来像一个简单的问题,但许多设计师知道他们并不总是有答案。设计的主要内容类型可以决定文本和视觉之间的平衡。

通过查看您期望拥有的内容以及它是否倾向于更直观或者需要文本来了解情境理解,突出这种平衡可能很简单。

更直观地表示的内容类型包括:

一些博客

商业和销售

社交媒体

产品广告

应用程序和网站主页

更常用文本表示的内容类型包括:

书籍和电子书

一些博客

指南

白皮书

说明和手册

受众期望

说到将视觉和文字放在一起,考虑观众的期望是很重要的。例如,读者不会期望一位小说家的图画书,并且可能会因为找不到几个字的新版本而感到不安。

观察观众的期望时,会出现各种人口因素,但您有可能知道什么是工作而不是从过去的设计经验中工作。建立在成功之上。

给元素适当的重量

思考文本与视觉效果之间平衡的一种方法是使用简单的比例尺。将所有视觉内容放在一边,文本元素放在另一边。量表如何坐?

在看比例尺时考虑视觉重量。虽然在页面或屏幕上只能显示几个字,但这些元素的大小,颜色和位置可能会使文本显示出太多内容。视觉重量可以在大小(或小)图像和文本彼此之间的关系中起作用。

在设计中,这种视觉上的重量可能会在页面之间移动。使用该名片,前面可能包含大图,而后面是所有联系信息。在网站上,着陆页可能包含英雄图片和徽标,而辅助页面(例如“关于我们”部分)几乎是包含较小图片的所有文字。虽然每个“页面”对文字或视觉内容都有明显的权重,但每个整体项目都具有均衡的权重。

运输方式

在文字和视觉效果之间创造平衡的另一个因素是交付方式。印刷与屏幕以及大型与小型产生明显的平衡挑战。

印刷项目倾向于使用与视觉材料成比例的更多文字。这个概念随着介质尺寸的增加而翻转。但是像网络项目一样,视觉效果在项目中越来越广泛地被用作更大的元素。

屏幕上的项目往往更加直观。以网站主页和应用程序为例。在你进入设计的深处,平衡往往会转向更多的文本。小学或主页烤箱比内部和二级屏幕有更多的视觉效果。

大型和小型项目通常以极端的方式严重依赖于文本或视觉效果。这里的主要因素是可读性。当涉及到很大的事情时 - 比如广告牌的大小 - 没有太多时间来消化信息,因此可能会使用图像和一两个字。就小尺寸而言,许多手机应用程序使用图像或屏幕上的文本块,让用户在转移到下一个元素之前一次专注于一个元素。

寻找“魔术比例”

如果你正在寻找一个“魔术比例”来确定给文本或视觉元素提供多少空间,那么你来错了地方。没有神奇的配方。只有规划,流程和设计发展。

但是......有一些指导方针可以帮助你。

你将需要文字和视觉效果。没有两个在场的项目都很成功。

我们生活在一个高度视觉化的时代。用视觉材料去争取注意力。

大多数项目将包含更多的视觉内容组件,而不是文本内容组件。没关系。但是,如果您的文字多于图片,也可以。

将第一印象设计的60%到80%瞄准包括视觉效果。你必须抓住你的观众,然后诱使他们阅读。(即使书本有很好的封面来吸引读者。)

就视觉重量而言,在大多数项目的范围内,视觉效果和文字感觉应该是平等的。

确保视觉效果和文字一起工作。如果这些元素相互冲突,那么平衡的数量就不重要了。

实现平衡的5个技巧

现在您正在考虑在平衡文字和视觉效果时适当的比例是什么,请考虑您将如何实现它。即使一些最佳设计的设计轮廓在屏幕或页面上放置元素时也会感到有些不适应。

以下是创建平衡时需要考虑的一些提示。

1如果你不需要文字,不要使用它们。

2视觉上呈现视觉信息。不要描述你可以展示的东西。

3不要使用不必要的单词或重复图像。

4如果设计感觉不平衡,请将文字视觉化或将视觉效果变为文字。

5如果你不知道你需要多少文字,可以将视觉和文字的表面面积设定为相等,以形成“明显的平衡”。

结论

尽管图像沉重的设计项目的趋势已经被大量记录,但文字沉重的设计也可能具有影响力。让你的内容决定设计项目的策略。

考虑项目目标,受众期望,元素权重和交付等方面的影响,如何影响视觉效果和文字的使用。考虑整体设计项目的平衡,同时平衡可能需要高度视觉的第一印象。

意派Coolsite360交互式线网页编辑系统

“创意不该受技术束缚,交互可以变得简单有趣”

上一篇下一篇

猜你喜欢

热点阅读