

所有项目责任人均具有5年以上设计及管理经验
每一项目由3-5人成立项目小组,项目经理负责制,项目周期平均缩短20%
99%合作客户均签订年度项目服务
“设计提供了一个继续讲述故事的机会,而不仅仅是总结一切。”
设计师通过应用文字、颜色、图像和其他图形功能来为观众讲故事。就像作家在讲故事时一样,设计师也有一些特别的方法和技巧,来确保语气语调的正确性及信息的真实性。
通常情况下,这只是调整文本大小,或者使背景图像变暗,以便文本更易于阅读。但有时做很小但意义重大的改变,就像把一行一行的文字分解成一个有节奏的形状一样,可以极大地改善图形在视觉上与观众的沟通方式。
在这里,我们提供了50个独特的技巧来帮助你讲视觉故事......
01.调整字母间距和行高使其适合页面。
通过拉伸行高,使文字被组合在这个版块中。透明度被应用到文本中,这样棕榈树纹理就会被看到,也使文本信息带有符号性的特征。背景图像裁剪成利于文本的可读性的空间来。
02.两个对比字体是一个很好的组合。
利用字体类型的比例来强调特定的单词,两种字体形成鲜明对比。这种视觉顺序被称为创建层次结构。文字颜色从背景图片的山色中提取,同时还增加了图像的透明度,以创建一种柔和而多尘的效果。
03.文本的放置是一个关键因素,确保按照应该阅读的方式打破常规。
可以使文本在被阅读时,富有节奏感,所以一定要以有节奏的方式打破常规排版,可以把几行文字分开来排。同时,请将你想要强调的词语用斜体(汉字:加重)来处理。
04.通过应用饱和度和粗体字体,创建强大的图形。
该图形中的图形元素组合效果,使其具有很高的影响力。背景图片经过滤镜进行处理,字体采用具有沉重感的块状字体。该滤镜具有低对比度和高饱和度,可模仿朦胧而阳光明媚的加利福尼亚天空。
05.在背景图上叠加条形图,并尝试将它们与背景图像中的图案进行匹配。
你并不总是需要图形中一定包含文字来制作漂亮的设计。这个技巧是构图技巧的好方法。背景图像中的山形已设置为网格,75%透明度的水的纹理图像放置在顶部,并复制成条形图。从那里图像已被裁剪,以找到有趣的纹理点。
06.美学!构图!调整图形中的所有元素,使其处于相应的角度。
利用图形中的形状和结构,作为选择文本放置位置的一种方法。该文字按轻微上斜的角度进行放置,以跟随地平线在背景图像的方向。为了与这个角度一致,设计师使用了斜体衬线字体。为了更进一步的视觉和谐,海洋的颜色也被应用于字体上。
07.使用强壮的几何字体来放大文字信息
你选择的字体决定了信息的基调。一个大胆而强壮的无衬线字体,能表达出同样有力的声音。对背景图像应用了深色滤镜,以增强图像和文本之间的对比度,使文字更加清晰易读。
08.除了使用纯色外,还可以尝试增加元素的透明度以获得更微妙的效果。
这张图能唤起渴望和灵感。设计的关键要素是文字间距的应用,可以让文字有呼吸空间。
09.使用文本块(形状)与背景图创建对比度。
10.剪裁图像以使其充当背景纹理。
你所看到的并不总是你想得到的。你可以将搜索到的图片经过裁剪和缩放处理,得到有趣的纹理,用作背景图。
11.为了与其他设计区别开来,你可以通过旋转的字母来创建一个样式。
裁剪图像,以便在应用文字时可以找到文本空间。这里的字母已被单独放置并旋转。请记住,设计是经过深思熟虑的,L和E已经被应用到与花的形状相对应的方向上。
12.使用包含文本的形状(文本块)时,请将背景中的颜色应用于文字上,以获得立体有形的剪切效果 。
使用吸管工具来收集色调,确保图形中颜色的一致性。在这里,天空的奶油色被用在了文字上。在背景图像中,对比度已经降低,出现多尘和海滩般的效果。
13.使用网格为你最喜欢的照片做拼贴,确保每个图像使用相同的滤镜以保持色调一致。
当你使用网格时,请确保将图像和谐排列在拼图图像中,以获得构图和谐。在这里你可以看到,无论是云、地平线还是波浪,排列起来的图片都可以将网格结合在一起。另一个提示是将相同的滤镜应用于所有图像上,以保持色调一致性。
14.用字母+符号进行创意,通过调整符号比例形成有趣的组合。
在这里,设计师使用了&符号作为基础构图元素。在符号里的负空间位置插入了更小的随机文本,并使用单色调色板在文字和背景之间创建对比度。
15.让背景图决定你放置文本位置,找到不影响文本易读的空间。
先找出背景图上哪些元素已经占比很大,然后在图形中创建平衡。背景图中的树已占据左边的大部分位置,因此文本在右边被对齐放置。
16.使用低对比度背景图和明亮文字,让文字信息脱颖而出。
此图形具有稍微暗一些的背景图像,与霓虹黄色文字叠加形成鲜明对比。还有一个微妙的模糊应用于滤镜,以便细体文字易于阅读。
17.字体也有个性。确保你用正确的字体表示信息。
使用字体来直观地传达信息。在这里,设计师选择应用结构化字体来表示逻辑,然后下面的字体,用一个更经典的衬线字体来描绘想象力。此外,这两部分字体被放置在图像的不同部分,天空和大海。
18.几何字体与优雅衬线进行配对应用。
当谈到创建具有影响力的图形时,对比度是你最好的应用工具。在几何字体下,结合无衬线字体,由于它们的结构性非常适合,所以这是一个很好的组合。
19.文字被有趣的放置,来表达信息上的想法。
把文字分成不同的文本框,创造有趣的构图。很重要的一点是,文本仍然按照正确的顺序阅读,所以位置是至关重要的。通过将文本限制在图形的某个部分,以保持对齐,这样它不会脱离页面。
20.将背景图文本块颜色应用到图像的色彩上,以实现整体设计图的颜色一致性。
这可以通过在整个图形中使用相同的颜色来实现。桃色已经被用在这个图形的背景颜色上,然后类似的色彩应用到右边的图像上。
21.使用形状来创建象征,以强化图形中的信息。
视觉上代表一个想法的元素创造出巧妙的组合。这个背景图上有叠加在其上的两个图形,形成一个V来表示VIBES中的V。这也创建了一个窗口,允许显示更多的图像。
22. 应用网格创建一个干净的合成图,使用其中一个网格作为文本框 。
一个好的构图会产生最佳的效果。因此,使用具有一致相似调色板的图像的干净网格,将形成引人注目的设计作品。为了增加一致性,请使用精心裁剪的部分网格,填充平面颜色作为文本框。
23.使用细体、粗体的字体变体来突出重点和影响力。
如果你希望通过应用字体变体在整个设计过程中保持一致的风格,那么Open Sans是一种非常好的字体。对于这个应用,上图背景中已使用粗体强调了特有的词语。这种方式是形成排版层次结构的一种聪明方式。
24.通过降低亮度、提高对比度,来增强图像中的轮廓,形成剪影效果。
剪影是在设计中产生影响力的好方法。通过提高对比度,加强了色调(暗色和亮色)的分离,并减少图像中的细节图。上图是经过处理后的效果,文本可以放在清晰的部分,以获得最佳的易读性。
25.通过增加或减少字母间距,创建漂亮的排版字体。
这看起来很简单,但是字母间距的细微调整会对图形产生很大的影响。在这张图中,文字的间距减少了,视觉上代表了设计的本身,同时通过字母的开口处创造了一个漂亮的窗口效果。
26.使用色调和“X-处理”的组合,来创建双色调滤镜效果。
通过减少“X-处理”,图像变成冷色调更明显,因此蓝色的水被强调,再配上紫色色调,图像的较亮部分突出显示,云彩变成粉红色。
27.通过图像中的特征,指导性地放置文本,从而创建巧妙的合成图。
使用食物的图像构建文本框架。你使用的图像显然会成为你放置文本的决定因素,所以试着找到一个尽量细节图少的,呼吸空间更大的地方来放置文本。
28.单色风格的图形永远不会过时。使用黑白滤镜结合白色文字,达到了史诗般的对比效果。
黑白照片给人一种很酷的风格效果。由于色调平衡,它们也是一种利用形状的好方法。图像中的海岸线被用作“chill”(寒意)这个词作为其组成部分,同时也是冷空气的一种视觉表现形式。
29.通过在图像上覆上一层白色并调整透明度,来创建柔和效果 。
颜色叠加,是增强图像色调并创建柔和色调效果的好方法。在整个图像上使用透明形状,也会使图像中细节图变得不明显。
30.利用背景图像的自然图形构图,以获得巧妙的文本位置。
这幅图像的渐变层是一个很好的文本空间。文本被分成了三行,与三层薄雾完全对应。
31.使用粗体风格字体与精细的无衬线字体搭配,以获得最佳对比度。
两种工具字体之间结合使用,产生强烈对比,非常和谐,因为有一个明显的区别,所以呈现出两个独立的信息片段。
32.使用比例作为视觉元素,来强调文字。
当文本或元素在页面上以不同的大小放置时,将形成层次结构。这就形成了信息被读取的顺序。你可以看到已经放大的单词更容易被看到,因此在层次结构中更加突出。
33.旋转文字,使其遵循背景图片中形状/角度,创造视觉上的和谐感。
字体排版设计是一种很好的探索设计的技巧。此背景图像提供了放置文本的一些很好的空间。把一个字斜着排版,如上图:底行字排版角度与大海的波浪的线条相一致。第一行前两个单词之间的空格被用来让第二行中的“d”突显出来。
34.使用带有细节图的背景图像,来获得美丽的纹理图案样式。
云是一种美丽的视觉效果,非常适合用做背景图。使用滤镜以获得更清晰的形状或强化颜色。或者,你可以通过添加一些模糊效果来弱化云层。
35.使用滤镜给无光泽图像增加亮度,来增强图像的鲜亮度。
单一颜色的图像有时看起来有点暗淡沉闷。通过调整亮度来让它们变亮,但要确保你不会过度曝光或是照片爆裂。为了避免这种情况的发生,你可能要降低对比度,以适应增加的亮度。
36.在文本中,使用字体样式创造细微差别,来强调特定词。
美丽的衬线字体,可用于这种情况。它有一种微妙的优雅,是一个传统的故事书风格的字体。常规的粗体字样式也有很大的重量差异,这使得粗体得到了很好的关注度。
37.使用透明度这个设计元素,来帮助纹理表现出来。
白色文字或形状可能会看起来有点强烈生硬。对白色元素应用微妙的透明度,是一种柔化图形简单的方法。此外,当与一个细节图背景搭配时,纹理将通过文字来表达。
38.以强烈的节奏感放置文本内容,同样具有强烈的设计风格。
在这张图的三行开头,“Design”一词的重复使用了几何字体。
39.通过降低滤镜中的对比度,来平衡图像中的色调分离。
想要增加图像的对比度是很自然的,但低对比度滤镜具有非常美丽的效果。这创造了一种类似于老式摄影的处理方法。图像中的细节图越多,滤镜就越明显。
40.使用图像空间清晰的区域,来创造性地放置文本。
在这幅图像的山丘上的阴影处,为放置文本提供了绝佳的空间位置。除此之外,湖滨作为基准线,在其上放置文本,创造了与引语基调相关的和谐构图。
41.通过在页面上应用柔和色调,使图形去饱和度,创造一种异想天开的效果
这种风格模仿了经过修复的老式学校的照片。一个黄油色的形状被用作叠加层,以创造一个朦胧和复古的效果。
42.裁剪图像以补充构图。
你无需为了创建有效的布局而将设计复杂化。裁剪良好的图像是一个伟大的方法,通过减少背景干扰图利于文本空间,集中在一个主要的特征,并创造组成和谐感的画面来实现。
43.在相同字上使用不同的字体,看看它们的调性有何不同。
所有的字体都有不同的特征,无论是外观还是与观众交谈的方式。为了说明这一点,当一个字以优雅的衬线字体应用时,它会有一种优雅的格调。当相同的字以大写的几何无衬线字体应用时,这个单词看起来会显得狂暴而有力。
44.通过堆叠不同的重量感的字体,提升创造性技能,以获得风格化的效果。
水平堆叠式文字,是推动排版技巧的一种简洁而有趣的方式。无衬线字体在叠加文字时,特别有用。它们的几何形状意味着它们在四面都能很好地对齐。
45.把图形中的所有元素,都使用一种颜色。
一致性是创建视觉和谐的好方法。背景图像上的蓝色色调与蓝色文本的组合,形成了舒缓和互补的美感。在应用色彩之前,将图像变为黑白,以获得最佳效果。
46.使用柔和的色调和透明的图像,创造安静、酷炫的设计。
为了达到这个效果,请使用浅色调背景图。然后给图像一个固定的框架,确保框架内填充整个画面。为了帮助文本脱颖而出,提高透明度。选择一个精美细节的图像,以便在应用透明度后仍然可以制作出形状和纹理。
47.使用能视觉传达你信息的相关图像。
始终将文本放在能够清晰读取的版面位置。对比度越强,信息就越显强大有力。使用字体样式为内容提供一些字符。在这里,F被用来在视觉上象征“适应”行为。
48.通过在文字周围使用框架,来框住文字内容。
使用一个形状或框架,来包含文本是一个聪明的方式,能更强调突出信息。如果你用的是框架,那么确保边框的粗细不会超过字体的粗细。
49.把背景图像中的颜色,应用于文字颜色上。
一些更简单的设计理念是最有效的。文本颜色是从背景图像中提取出海洋的颜色,使文字闪闪发光。这种将金色简单地应用到此图形上的文本,具有很大的影响力。
50.永远不要低估一张漂亮图片和干净文字的能量。
不要使设计复杂化。如果你正在努力寻找一种好的方式来表达信息,请保持简单。找一个没有太多细节图的漂亮的图片,用在你的背景图上,然后文字颜色使用与背景色有对比度 的颜色,以便文本的易读。
启发到你了?开始设计!
当你接近项目尾声时,很难找到可以改进的地方。让这个列表可以帮助你创建更有高度的设计决策,为图形添加一些专业的设计效果。
本文由海空设计 (北京海空影视文化咨询有限公司)翻译整理,版权归本公司所有,如需转载到其他平台,请联系作者(微信ID:haikongsheji)。