知道这四大原则,你也可以成为一名设计师(下)

重复性

含义:某些视觉元素在页面中重复出现,重复元素可以是一种字体,一条粗线,某个项目符号,颜色,设计要素,某种格式,空间关系等

使用重复原则时,有时可以把一个元素从现在的设计中抽取出来,并根据这个元素创建一个新设计

摆个栗子

点缀元素,字体大小等重复性体现

重复性增强视觉效果,与主题相呼应

重复性原则总结:

重复不仅对只有一页的作品起作用,对于多页文档的设计更显重要

重复性原则根本目的

统一,增强视觉效果,视觉效果的威力在于看起来很有趣,也更易于阅读

要避免的问题是:

避免过多重复一个元素,重复太多会让人讨厌




对比性

含义:如果两个项不完全相同,就应当使之不同,而且应当是截然不同

可以采用多种对比方式:字体字号的对比/细线和粗线的对比/冷色和暖色的对比/平滑材质和粗糙材质的对比/水平元素与垂直元素的对比/间隔宽与间隔小的对比/小图片和大图片的对比

 

《写给大家的设计书》


《写给大家的设计书》


字体设计,字体大小的对比


字体大小,颜色轻重等对比


对比的分类:

对比的分类


对比的分类

除了这些还有字体类型的对比、距离对比、虚实对比、远近对比等,可以说存在差异的地方就存在对比。而在版式设计上,我们要将这种对比最大化,以达到吸引眼球、方便阅读的效果


对比性原则总结:

在页面上增加对比能吸引眼球,如果页面上放两个不完全相同的元素,它们就不能类似。要实现有效的对比,这两个元素必然截然不同

对比的确可以增强吸引力。它也能在两种元素间建立起分界。举例来说,主要内容和花絮内容的不同背景色就能轻松将它们区分开来,让用户一看便知哪里是主要内容,哪里是花絮。

对比也能起强调的作用,高亮显示某一重点元素和内容。越是明显的不同,对比越明显,其重要性就越强

例如,有两种不同的文字标注方式:加粗和斜体。加粗通常会让对比更为明显。即使是远距离一瞥也能比斜体文字更易辨认。

如果你想要区分两个元素,那就将放大它们之间的对比。相信你不希望让用户自己来判断它们是否不同吧?确保对比直观且显而易见。不要有模糊不清的地方,让人产生困惑。不要用16px的文字去对比15px的文字。人们通常不会注意到细微的差别,就算是注意到,也会发生误判。

但是,也请不要对比得太过火。慎用对比。如果所有元素都有区别,都在争抢注意力,那么,其实就等于没有对比一样。过多的干扰产生视觉混乱。

太多的对比也会打破设计中的和谐,造成不必要的紧张和凌乱。也许在某些特别的设计中需要用到它,但是平时绝对少碰为妙。首先确认哪些元素需要突出,然后让它们与其他元素发生对比。

对比性原则根本目的

一个是增加页面的效果,增加可读性

另一个是有效与信息的组织(读者应该了解信息以何种方式组织,以及从一项到另一项的逻辑流程)

概括而说:对比使得层级清晰,利于阅读/对比更具有视觉冲击力/大小对比更直观

要避免的问题是:

不要犹豫,如果你要形成对比,就加大力度。

不要将一种粗线与一种更粗的线进行对比,不要将棕色文本和黑色标题建立对比



如果你看到了这,那么关于设计你已经踏出第一步啦!

知道了这四大原则的运用原理,你会在你接下来的设计中更有想法!

优秀的设计就是三步1/知道这四大原则    2/认识到自己没有运用这四大原则    3/应用这四大原则

这些知识在《写给大家的设计书》里面都有详细的解说,大家可以去看看。

你可能感兴趣的:(知道这四大原则,你也可以成为一名设计师(下))