设计师|【海平面】对比设计:来自设计师的 20 个技巧( 四 )


文章图片
11
构图选择对比
设计师|【海平面】对比设计:来自设计师的 20 个技巧
文章图片
在某种程度上,每个设计都必须兼顾平衡和张力的概念——你如何让设计平衡而不乏味?动态但不混乱?区分两者之间的界限(并在此过程中,在设计中实现一些良好的对比)的一种方法是做出良好的构图选择 。要掌握如何做到这一点,了解艺术家和摄影师使用的经典构图技术会有所帮助 。其中一些包括:
· 三分法:想象一下将布局垂直和水平分成三份 。将焦点放在这些假想线相交的四个点之一上 。这是关于实现动态布局;没有比将所有内容都放在页面中间使设计无聊乏味的更快的方法了 。
在以下网页设计的第一个标题图像中,玫瑰和标题字体都大致居中,其位于三分法网格的上两个交叉点所在的位置,从而形成平衡、引人入胜的构图 。三个一组(另一种常见的组合技术)也出现在整个页面中 。
设计师|【海平面】对比设计:来自设计师的 20 个技巧
文章图片
· 对角线:对角线或 S 形布局可以为设计增添一些动感,帮助引导受众的眼睛浏览页面 。它通常比仅使用水平和垂直方向的传统基于网格的设计在视觉上更有趣 。
12
意料之外事物对比
设计师|【海平面】对比设计:来自设计师的 20 个技巧
文章图片
以上的组合技巧之所以有效,部分原因在于它们出乎意料 。它们不是直的,或者不是居中的——不典型 。这种惊喜元素是在设计中创造对比的好方法 。添加一些意想不到的东西——例如,在中性色设计中加入耀眼的明亮色——打破了千篇一律,保持了受众的兴趣 。
在下图网站登录页上,字体与照片的互动方式是不同寻常的,并为原本简单、直接的设计增添了一点额外的魅力 。
设计师|【海平面】对比设计:来自设计师的 20 个技巧
文章图片
13
重复、图案对比
设计师|【海平面】对比设计:来自设计师的 20 个技巧
文章图片
战略性地应用重复的设计元素或图案,可以以类似于刚才提到的组合技巧的方式创造焦点或视觉兴趣 。或者重复视觉主题可以帮助它在设计中产生更大的影响 。
下图这位平面设计师的名片设计使用一种图案来平衡和框住字体,这是重点 。作为一个很好的触感,该图案反映了设计师个人标识的形状,以配合该品牌 。
设计师|【海平面】对比设计:来自设计师的 20 个技巧
文章图片
14
位置和方向对比
设计师|【海平面】对比设计:来自设计师的 20 个技巧
文章图片
每个设计都需要某种组织结构:文本以特定方式对齐,元素分配到布局中的特定位置,设置间距 。虽然一致性是有序设计的关键,但以有目的、有限的方式混合可以增加一些有趣的对比 。
下面的标识使用倾斜的方向,以帮助其关键部分的字体与围绕它的笔直、有序的文字相映成趣 。通过脚本和无衬线字体样式的配对实现了额外的对比度 。