当涉及到设计项目时,有时我们(设计师)会陷入一个普遍存在的陷阱:我们经常创建一个设计却并不了解其内容。创建优秀项目的第一步,或者说在你打开你的设计软件之前,是先阅读内容,了解以及思考它,然后再考虑一下如何呈现这个设计以及它的文本方式。
文本是否真的需要匹配设计?设计师应该帮助叙写文本吗?以上两个问题的答案是——是的,绝对是(作为案例说明,以下所有图片都是来自Design Shack的图片集,以帮助你获得的精彩的文本内容和设计正确使用的示例)。
1.设计应该时刻围绕内容
设计和内容应该是“携手共进”的,任何一个缺少它们其中一个的设计都是失败以及完全没有作用的。可悲的是,太多的项目没有在视觉和文本之间建立正确的联系。
这些设计陷阱经常包括:
· 色调和视觉不一致;
· 标点符号,拼写或语法差;
· 对比风格;
· 时尚的审美但是“廉价”的文本(反之亦然);
· 在被压缩得几乎没有的设计空间中挤入太多的文本;
· 缺乏层次和可读性;
· 忘记用户以及他们的目的。
所有这些问题的解决方案是当你创建文本内容和设计计划时需要找到它们两个相交的部分。设计什么都不是当你没有使用正确的内容时,同样,内容什么也不是当你没有使用适合的谁来表现它们。这使得设计师在开始他们的网页设计工作以前必须了解文案的基础知识以及为什么这个词重要。
有时,这意味着你需要和创建文本内容或编辑团队的其他成员进行合作,以便使其更加简洁易懂。设计人员应该能够顺利地阅读和编写他们每个项目的文本内容。设计师应该被给与足够的创作空间,以便如果他们在设计过程中注意到上述的任何陷阱,能够建议对文本或设计计划进行及时的调整。
2.了解文本所表达的情感和语调
你现在知道你需要做的第一件事是阅读文本内容了,它是如何与你说话的?写作的语气是什么?是一贯,清晰易懂吗?
现在请你试着想象这个文本可能的外观(我知道这听起来可能很愚蠢,但是继续)。该文本是否可以引起你以任何形式的图像表现它?对,让你的设计从你想的那个画面开始。
从网页设计的角度来说,真正的问题是如果一个文本内容真的没有符合的情感或语调时那我们该怎么办呢?帮助你的时候到了。
· 阅读文本后,问一下你自己什么样的情感和语调搭配这个文本会是有趣的呢,认真的,快乐的,直截了当的,混乱的——使用设计来创建它。
· 确保你了解以及明白你的用户,以便设计和文本在网页设计中的表现方式是最适合他们的。
· 在设计过程中试着重新编写一些文本内容,以包含更多的提示和情感联系(下面我们将重点介绍)。
· 从你的目的出发,想想你正在设计的项目的最终目标是什么?确保文本和视觉效果能够引导读者或用户达到这个目的。
在创建文本的语调(和匹配的视觉效果)时,请记住基础知识:它应该联系到你说话的方式。文本应该是一段对话。当涉及到相应的设计时,它需要是可读的。
3.创建文本焦点
作为一名设计师,您可能不太会参与大部分的文本创建任务,但是默认情况下可以使用某些关键元素。任何设计都有三个主要的文本内容——主标题和副标题(或大文本),故事(主体文本)和行动号召。
> 主标题和副标题
主标题和副标题是任何网页设计中最重要的文本。他们也是最大的文本块用以吸引用户进入到网站的主题和其他的文本内容。这些通常在网站设计之初,以不附带其他文本内容的方式交付给设计师。
在设计主标题的时候,把它们看作主要内容和设计之间的关联点。你所选的语句和设计(包括大小,排版和颜色)可以放大词语的含义。
在开始这项工作以前或过程中,问问自己以下几个问题,以确保能达到最佳的文本可能:
· 它们的阅读者是谁?他们能够和文本进行正常的沟通吗?
· 词语(和相关设计选择)传达什么感觉?
· 文本是吸引用户注意力的还是带有挑衅?读者会继续阅读文本吗?
· 文本是否可以将读者推送到下一级的文本?
· 文本在网页设计上容易阅读吗?
> 设计与内容故事
在大多数网站设计项目中,主要的内容将来自你。至关重要的是,你需要对此故事有很好的了解,以便你可以设计并创建支持的其他文本内容。
内容故事经常缺少的是一些微视窗。对于网站设计和应用程序设计项目尤其如此。按钮,导航,菜单和整个设计中出现的小部分文字可能会导致甚至破坏你的内容计划。这些小文本元素也应该仔细地考虑和使用,符合项目的整体主题。
> 呼吁行动
呼吁行动是项目首先应该考虑的问题。每一个网站设计或其他的任何设计在其最终的目的都是鼓励用户做某个行为。但有时这些作品是事后的想法。
呼吁行动通常是小文本元素的一部分。有时它们是客户提供的内容,但有时不是。所以规划文本内容和设计行动呼吁是非常重要的,你需要使这个元素异常清楚和容易理解。
· 考虑使用一个中等的均匀笔触宽度的简单字体;
· 保持动作简短(比如“点击此处”或“即刻联系”);
· 文本知否可以引导执行该操作(如果不能,请考虑重新选择)?
4.确保文本内容的可读性
作为设计师(无论你是否帮助撰写文本),你的主要目标是使其全部可读。创建视觉兴趣必须与容易理解的单词配对。
为了做好这件事,你可能需要暂时变成一个编辑工作者。当你读取文本时,想想你是在画布上呈现它的。它是否有问题?是拼写错误还是语法错误?是它们的间距还是连字符问题?你可以试着修改它们,如有必要,也可以考虑重写或调整文本。这样会使该项目更好。
切记要使文本可读。这可能还需要包括一些诸如更改文本或格式化的方式。
· 对比在任何的网站设计中,或者说任何设计中都是你的朋友,这包括尺寸,颜色和排版选项。重点关注消息的关键字词和短语。
· 坚持使用一些高度可读的字体组。无衬线字体适用于各种项目。常规几乎总是比细体或粗体版本更容易阅读。
· 通过视觉分解文本。你不必总是重写文本以使其更好。有时添加额外的段落或将大块文本变成项目符号列表或拉出可能会产生巨大的差异。
· 使用活动词和配对有趣的视觉效果。
总结
现在你知道你的设计应该做什么样具体的细节工作了,你可以开始创建它,通过使用颜色,排版和其他技术来创造与文本内容相互关联和的审美。
但是还是有一点你需要谨记的——当你参加一个网页设计项目时,不要过于陷入趋势或你想要尝试的时尚的东西。记住,设计你所拥有的内容。
----图文来自:design shack