咨询电话:186 7916 6165 咨询电话:186 7916 6165 (微信同号)    在线QQ:181796286
DESIGN SHARING ·
设计分享
关注开优网络 关注前沿
别怪用户不热情,只因为引导还不够
适合用于简历设计的字体推荐

10个网站设计文本效果提示

发表日期:2018-10-08    文章编辑:南昌开优网络    浏览次数:166    标签:网页设计

在排版设计中,给文本添加相应的效果可能是设计师最头痛的事情了。客户需要的阴影或纹理效果,你可能会深陷其中,更糟糕的是,这些不恰当的效果可能会毁了你设计的整体。你需要的是一些不至于使你和用户深陷这些困境的效果,这样你就可以帮助用户过渡到一些更重要和优雅的东西。

所有这些效果的最关键的诀窍在于,你需要有目的地使用它们。好的排版不需要“帮助”,如果文本不能很好的单独工作的话,那么它也不能用一堆附加的效果来帮助它工作(这只会让事情变得更糟。)

好的文本效果对非设计师来说几乎是看不见的一种存在。文字效果只是被用来增加排版或字体的意义,下面是一些使用一些并不会太吸引人的效果案例,这些文本效果肯呢个才是能够最好帮助你展示你的文本的辅助元素。



1.有目的的使用阴影


不管你想要将效果应用于什么位置,千万不要只是通过点击设计软件中的阴影添加按钮,或直接应用默认值就完事了。

最好的阴影效果甚至是你看不到的。阴影效果其实是最好部署的效果元素之一,它可以帮助创建文本和背景层之间的深度。

当你将阴影效果添加到文本中时,这种“隐形”的阴影样式可能是身为设计师的你才可能会看到的,但是它不应该被普通用户识别。最常用的方法是将阴影作为软元素来创建分离或只是在文本和背景元素之间添加更多的对比。

无论你做什么,不要仅仅通过点击设计软件中的阴影按钮或只是使用默认设置来添加钙效果。这些设置很少是合适的,而且往往看起来很业余。

有一些常见的并且高度可用的阴影技术在网站设计或平面设计的项目中经常被设计师考虑到,如硬边阴影或分层阴影。

· 硬边阴影(上图案例)具有明显的复古感觉。这适用于厚笔画或板式字体。

· 分层阴影创建了几乎三层/三维效果,它也有复古的感觉,并且对于比较厚重的字体来说,它的效果最好。


2.双重曝光



双重曝光效果在网站设计和平面设计中的应用总是会给人一种时髦和流行的感觉。放置两个图像曝光的效果看起来很复杂和有趣,当小篇幅使用或使用正确的图像的时候,它的效果绝对是惊人的。

3.笔画的乐趣



增加趣味性的笔划或笔画效果,可以增加文本设计的深度。一个深、宽的笔画可以给人一种老式的感觉。上面的霓虹笔触效果是如何使用笔划来为设计创造特定感觉的一个很好的例子。

4.使用颜色或彩色字体


彩色字体可以是包括多种颜色、色调或渐变、纹理或透明度的字体。你可以使用颜色字体来获得这种效果,或者直接通过相应的编辑来创建和获取属于你自己的字体。

当使用大量的颜色作为文本效果时,明亮,大胆的颜色选择是相当时尚的,并且不会让你的用户看起来不太适应,因为人们习惯于看到它们。

只要确保你所使用的颜色以及使用的方式都是有直接的目的性的。

5.添加一点动画


没有规则说文本元素必须是静态的。网页设计中的动画是增加视觉兴趣的一种有趣方式。

将视觉兴趣添加到文本元素中。当使用文本动画时,记住,确保字体仍然是可读的是基础的必要条件:

· 运动应该是有意的;

· 文本元素不能大幅度的移动;

· 通过滚动或自动播放的文本元素应该提供停止运动的方法;

· 无论屏幕大小如何,单词都应该是可读的。

6.模仿



每当一项风格或设计技巧变成流行的元素时,如Netflix系列的“Stranger Things”,设计趋势往往趋向于模仿原件,以产生相似的衍生。

霓虹灯效几乎是80年代的灵感标志系列。这是临摹、仿冒项目的基础,也是设计师玩新效果的一种有趣的方式。

7.合并形状



创建层和混合“载体”可以是一个有趣的方式,添加一些额外的视觉点给文本。通过让形状或其他元素来代替字母或文本,该设计在元素合并时可以有效的吸引用户的眼睛。

这种技术的诀窍在于确保字母的元素适合文本。你需要让用户很明显就能感觉到这个新的对象正在替换一个特定的字母,这样设计就不会变得难以阅读。

以上的Kasra Design案例汇总,主要的视频标题,以及公司图标,都使用了一个有趣的“K”的基础形态元素。

8.添加纹理



有些字体带有老式、粗糙的感觉,而与之相反的另外一些字体可以通过使用自定义的调整来增强效果以及你的整体设计。

在字体中添加纹理作为图像,或者如上面所说的使用相同感觉的字体,可以使设计更有触感,同时,纹理也能使文本更加突出。

上面的示例中包括两种类型的纹理文本:

· 通过剪裁,可以使它们看起来更粗糙或更老;

· 通过设置文本的透明度,你可以轻易的通过文本看到后面的背景内容。

9.创建自定义字符



谈论到创造一个整洁的文本效果,自然就要说说品牌了。品牌实际上可以通过改变或调整字体来实现。

这不是一个应该轻描淡写的技巧。创建一个属于自己的字母表或改变一个字符必须要小心。在大多数情况下,你会想与专业的设计师合作(最好是字体设计师)以获得最好、最专业的结果。

这种文本效果应该在最简约的情况下使用。

10.突出文字

有时最好的文本效果根本不使用任何效果。在拥有足够的对比度,形状,大小和颜色的情况下,文本元素和背景有一个自然的分离。



不使用文本效果可能比通过添加效果来帮助可读性或提高对比度更困难。你必须精确地规划所有元素,以确保元素之间可以协同工作,粗体字体,暗淡的光线或暗色组合是最可读的。

埃塞克斯大学在一个较暗的视频背景上大胆地设计了一组厚厚的字体,几乎从设计中跳出来。最好的部分是什么?页面中只简单的使用文本就可以直接吸引用户。

总结

文本效果的问题在于,这些“趋势”来得快去得快。过于沉重的文字效果可能会使设计看起来过时,所以要小心,除非这是你想要营造的效果。

记住微妙的感觉总是最恰到好处的,如果你能很明显地看到阴影,那么它可能就太多了,重新调整或者寻找另一种方法来获得你想要创造的外观。