正如我们之前观察到的,今年流行的大部分设计趋势都与字体布局密切相关。即使在一年的最后一个月,广州网站建设的设计师也越来越倾向于使用漂亮的字体和灿烂的布局来使他们的设计脱颖而出。
在近年来新兴的网页设计作品中,可读性强、视觉突出的排版设计是它们的共同特点。当他们想要时尚的视觉设计时,依然选择可读性高的字体进行排版,真正创造视觉奇迹的人,依然要依靠最新的设计技术本身。
1.第一个屏幕仅包含文本
虽然很多网站选择在第一屏使用图片来吸引用户,但是使用文字内容也是可行的。但是,如果想把文字内容作为第一屏内容的主体,设计者要用好,留白。应用这种趋势的关键点是为用户提供有意义的文本内容,让用户觉得有价值。
那么,该怎么做呢?
从关键词开始。关键词可以反映内容的目标和价值主张,可以告诉用户你能给他什么,为什么你网站的内容很重要。
选择简单的字体,最符合文字的意境和风格。
如果文字内容较少,可以尝试选择一些有表现力的字体。
好好用,留白。在以下每一种情况下,文字周围都有足够的空间来保证排版的气息。空白可以保证用户在浏览时关注文本内容。空白可以很好的平衡文字的布局,如果不想让文字居中,就像网站Design Ups一样。
使用颜色来增强设计的吸引力。鲜艳的颜色可以吸引用户参与设计。色彩还能营造更好的氛围,传递情感。
设计文字内容较重的网站时,不要强迫文字填充屏幕,因为你填充不了。用颜色和色块丰富布局,就像网站少即是多和类型。
2.使用白色块来承载文本
必须承认,如今很多网站都做出了卓越的视觉设计,元素丰富,响应断点丰富,配色大胆,信息量几乎是爆炸性的。出于这个原因,一些设计师开始在大量元素中创建白块,用于承载纯黑色文本内容。
这种设计使文本内容更加易读,而不用担心复杂的背景颜色和变化。听起来很懒,甚至很邋遢,但如果设计得当,效果真的很出彩。
白块大小要设计合理,能承载一定的文字量。如果页面应该考虑移动端,则可能需要为移动端合理定制该块。例如,当移动设备打开时,文本框中的内容将单独显示在图片下方的区域,而不是与桌面侧混合。不要试图在移动屏幕上呈现这样的文本框,因为很难在同一区域显示图片和文本框。在以下每种情况下,白块都被合理地用来承载文本内容。Do Space的这一页在图片底部设置了白色区域,确保用户可以清楚地看到图片的大部分内容。白色区域与图片底部的空白处相连,两者之间的视觉联系使用户在浏览时下意识地想要继续浏览下面的内容。
HowIt在设计白块时没有使用传统的矩形,而是将区域设计成不规则的圆形。这种风格的白块与整个背景元素的风格基调一致,看起来融合感很强,不会显得突兀。白色块上的文字不使用普通黑色,而是使用与背景手绘插图相同的显示字体和紫红色文字。这使得前景和背景的元素相关。
Macaulay Sinclair的短信比其他网站多,需要白块来承载。白色区块背后的背景几乎没有传达任何有用的信息。
3.字体剪辑蒙版
一个文本字体可以填多种东西,也没有规定一个字体只能填一种颜色。很多设计师开始用图片填充文字字体,创造出类似Photoshop中剪辑蒙版的效果。
其实这种效果的发挥方式有不少,可以静态显示,也可以动态显示。少量的视觉信息是通过字母的轮廓呈现的。这些视觉信息可以是图片、动态视频、固定在背景中、随着前景中滚动的文本上下移动等等。
这种设计的诀窍在于字体的选择。所选字体必须足够厚,以显示其背后的更多图片信息。笔画过细或过窄的字体,能提供的信息不足,往往显得局促陌生。
这种设计手法也要注意字数和字母尽量少,这种情况下视觉效果其实是最好的。尽量把字母数控制在10以内,字数不要超过3个。如果是中文,实际效果会很好。
丹伯里网站使用明亮的前景颜色,而文本中显示的图片使用深色的照片,这构成了显著的对比。
Fusion酒庄不使用静态背景,而是让背景视频通过字体呈现。这种设计的优点是,它创造了三个清晰直观的层次:产品图纸下的白色背景,以及通过白色背景呈现的视频,有静态,也有动态。
Kaneko的设计略有不同。它使用了难以区分细节的背景。其实很难通过字母区分细节和内容。不过色彩的加入让整个设计变得有趣活泼,也很吸引人。标签
排版和文字永远是设计的关键组成部分,与之相关的设计潮流能流行起来是自然的。另一方面,它们也影响着设计中图片、视频等其他元素的效果,设计与潮流的联合作用也不容忽视。