美文网首页Nice我的大学工具癖
系统学习PS干货(16):设计四原则,用过都说好

系统学习PS干货(16):设计四原则,用过都说好

作者: 徽派三爷 | 来源:发表于2017-08-09 21:25 被阅读134次
    祈福平安

    今天和大家分享的是设计中的四大基本原则:亲密性、对齐、重复、对比。相信看过《写给大家看的设计书》的小伙伴对这四大原则并不陌生。

    一、亲密性

    亲密性原则是指:将相关的项组织在一起,通过移动这些项目,使它们的物理位置互相靠近,那么这些物理位置很近的项就会被看做是一个整体元素,而不是彼此孤立的元素,也就是说,亲密性意味着存在关联。

    这样做的好处是什么呢?我们通过对比一组图来说明。

    图1 有点糟糕

    图1给我们的感觉看上去一团糟,没有主次,感觉眼睛很累,心也好累。

    图2 好像分成了三个模块

    图2是经过调整后的效果,我们把关联性比较紧密的元素放在一组,比如姓名和职位放在一起,把地址、电话和网址等代表企业信息的元素放在一起,把公司名称单独摆放,其实所谓的放在一起就是行与行之间的间距比较近,一般10个像素为宜(快捷键shift+↓),单独摆放意味着与其他元素的行间距比较大,一般大于20个像素为宜,至于究竟是多大,没有定数,根据实际版面来看。

    经过调整之后我们发现,整个版面看上去有序多了,一眼看过去就知道有三块重要信息,而不是一团信息拥挤在一起。这就是亲密性原则带给我们的效果。

    特别提示:同组元素之间一定要建立起亲密关系,不同属一组的元素之间不要建立关系!如果元素彼此无关,那么,就大胆地把它们分开吧。

    二、对齐

    对齐原则是指:“任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系”,这难道是传说中的藕断丝连?可以这么说吧,对齐的元素物理位置是彼此分离的,但是在你眼里或心里,它们之间总会有一条看不见的线把它们连在一起,即便这些元素并不靠近。还是上面的图,我们稍做调整再来看下。

    图3 右对齐,整个版面更整齐了

    我们把它做了个右对齐,这样,我们视觉上会觉得整个版面的右边有一条无形的线,虽然它并不存在。这样一来,整个版面会显得更加统一,整齐有序。

    三、重复

    重复原则指出:“设计的某个方面需要在整个作品中重复”。重复元素可能是一种粗字体、一条粗线,某个项目符号、颜色、设计要素、某种格式、空间关系等。我们所能看到的任何方面都可以作为重复元素。重复在视觉上增强了整个版面的一致性、条理性。但要注意把握尺度,重复元素不要太多,不然也会显得杂乱无章,令人不敢留恋。

    你能看出哪些地方是重复设计原则吗?

    四、对比

    对比是增加视觉效果的最有效途径之一,对比必须强烈,如果两个元素不完全相同,就应当使之截然不同。放开手,大胆操作,千万不要畏畏缩缩。例如颜色对比、粗细对比、方向对比、大小对比、空间关系等。

    蓝色和黄色对比 横排文字与竖排文字对比 文字上大小粗细对比

    有多脆弱就有多坚强,愿灾区人民平安!今天的分享就到这里,感谢您的阅读,晚安!

    相关文章

      网友评论

      本文标题:系统学习PS干货(16):设计四原则,用过都说好

      本文链接:https://www.haomeiwen.com/subject/hvoqrxtx.html