返回  

如何在网页设计中平衡文本和视觉内容

2017/4/5 11:21:29 来源:深圳网站建设Clh

我相信大家应该都听说过“诱惑销售”这个词,但是,当在网页设计中提到这个名词时,我们在卖什么呢?文字或图像?事实上,这两者几乎是每个设计项目最重要组成部分。网站建设项目的好坏之间的区别就是两者之间的平衡。

视觉效果通常在网页设计上表现的较快,不过文本可以提供更多的了解以抵消这种“快节奏”给用户带来的不适应感。在文本和视觉内容之间创造平衡是理解你的项目和内容的最佳方式,用户往往期望那些在元素和内容之间能达到平衡权重的网站设计


1.你的设计项目的目标是什么?

每个设计项目的开始(无论其他因素如何),都应该从一个目标开始:你想通过你设计的内容达到什么样的目的?一旦你知道你最终想要实现什么,确定这个方向的媒介同样重要。

常见类型的设计目标包括创建品牌意识,教育,销售,用户互动和参与(如调查),忠诚度或联系方式或采取行动。虽然还有很多其他目标,但很多人的网页设计都是这些基础中的一两个。

项目的设计如何一步一步向前推进取决于目标和媒介。这些元素为网页设计制定了“规则”,如尺寸和形状,以及谁可以更明白的了解。这些限制也将帮助你确定你对内容的空间判断,以便你可以考虑文本和视觉的划分。

考虑设计项目的整体目标和局部目标很重要。例如,在规划名片时,项目可能很简单,主要目标就是联系。但是你可以使用卡的两个面来扩展你的设计。类似地,网站设计项目可能包含多个目标,每一个页面都有所不同,每次点击都会将文本更改为可视化的比例。


2.内容类型

你在使用什么样的内容?这似乎是一个简单的问题,但很多设计师很清楚自己并不总是有答案。设计的主要内容类型可以确定文本和视觉效果之间的平衡。

通过查看你期望拥有的内容以及考虑是否在内容上可以提炼出更倾向视觉表现的文字,并以此作为上下文理解的过渡和视觉焦点,这样才能使平衡变得简单。

视觉上更常见的内容类型包括:

· 一些博客;

· 商业和销售;

· 社交媒体;

· 产品广告;

· 应用程序和网站主页。

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

· 书籍和电子书;

· 一些博客;

· 指南;

· 白皮书;

· 说明和手册。


3.用户体验

当将视觉和文字放在一起时,重要的是考虑用户在浏览这个网站设计时整体的体验如何。比如,读者不会期待一本小说家编写的图画书。

在用户体验这个话题上,各种各样的因素开始发挥作用,从过去的设计工作经验中,你知道如何表达是有效,以及怎样的样式是“无用功”。这需要建立在成功的案例之上。


4.给元素适当的重量

考虑文本和视觉之间的平衡的一种方法是使用简单的比例。将所有视觉内容放在一边,文本元素放在另一边。但是如何判断它们之间的平衡呢?

在你查看两者的比例时考虑视觉的重量。虽然可能只有一个词在页面或屏幕上,这些元素的大小,颜色和位置可以给文本一个巨大的存在感。视觉权重可以发挥作用,大(或小)的图像和文本是相互关系的。

这种视觉重量可以在网页设计中从一个页面转向转向另一个页面。比如上面举得名片的那个例子,前面可能包含大图像,而后面是所有的联系信息。在网站设计上,目标网页可能包含主视觉图像和Logo,而辅助页面(例如“关于我们”等)几乎全部是具有较小图像的文字。虽然每个“页面”对于文本或视觉内容都有明显的重要性之分,但是每个整体项目的权重均衡。


5.表达方式

在文本和视觉效果之间创造平衡的另一个因素是表达方式。

印刷项目更倾向于使用更多的文字与视觉效果成比例。但随着媒介尺寸的增加,这个概念不再是唯一的了。但是像基于网络的项目一样,视觉效果正在越来越广泛地用作项目中的较大元素。

屏幕上的设计项目往往更加强调视觉化。以网站设计和应用为例。平衡往往会越来越多地转向更深层次的文字。主页或内页和辅助页面具有更多的视觉效果。

大型和小型项目通常以“极端”的方式严重依赖文本或视觉效果。这里的主要因素是可读性。当谈到一个大项目(比如说广告牌),消化信息的时间并不多,所以图像可能只会使用一两个字。 在小尺寸方面,许多手机应用程序使用屏幕上的图像或文本块进行屏幕显示,从而让用户在移动到下一个屏幕之前一次将焦点集中在一个元素上。


6.寻找“神奇的比例”

如果你正在寻找一个“神奇的比例”,以确定在你的网页设计中究竟需要分别给予文本或视觉元素的空间大小,那么你就来错地方了。设计没有魔法公式。只有规划,流程和设计开发。

不过...还是有一些可以帮助你的指导方针:

· 你将需要文字和视觉效果。极少数的设计项目是成功的,如果缺少这两个目的元素。

· 我们生活在高度视觉化的时代。也就是说,你需要在你的网站设计中使用大量的视觉效果来吸引眼球。

· 大多数的设计项目将包括更多的视觉内容,而不是文本。但是如果你的文字内容比图像更多,这并没太大的关系,也是可以的。

· 对于像网页设计中的主页这样的“第一印象”设计,你需要花更多的精力在上面,包括视觉效果,以便在吸引他们阅读之前,你必须抓住你的浏览者(甚至书籍都有相当的封面来吸引读者)。

· 在视觉重量方面,视觉效果和文字在大多数设计项目的范围内都应该有所差异。

· 确保视觉效果和文字内容能够一起配合发挥作用。如果元素相互冲突,就不会有任何的平衡。


7.实现平衡的5个提示

现在,你已经正在考虑平衡文本和视觉效果时的正确比例,仔细考虑你将如何实现。

以下是关于创建平衡的几点技巧:

· 如果你的网站设计中确实不需要文字内容,那就直接不使用它们;

· 目视页面视觉信息。不要使用文字描述你可以通过视觉展示的东西;

· 不要使用不必要的文字或重复图像;

· 如果你觉得你的设计有点偏差的话,试着将文字视觉化或将视觉转换为文本。


总结

虽然视觉设计项目的趋势已经在网页设计中已经大行其道,但文字内容设计也具有深远的影响力。让你的内容决定设计项目的策略。

考虑项目目标,用户体验,元素权重和表达形式等因素如何影响视觉和文字的使用。考虑整个设计项目的平衡,同时平衡高度可视化作为第一印象的可能需求。



----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务