美文网首页经验工具癖读书
《写给大家看的设计书》-RobinWilliams

《写给大家看的设计书》-RobinWilliams

作者: 福尔摩洋 | 来源:发表于2016-03-04 23:06 被阅读590次

    一句话简介:

    我的启蒙书,满满的亲切感。四大原则倒背如流,相信你也是。

    其中一页

    这本书真的特好,又薄,字少图多,跟看小盆友图画书一样,一个下午就翻完了——当年看完的心声。其中的四个原则,不得不觉得Robin·Williams真的超腻害!

    四大原则

    对比

    对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首先看这个页面。

    在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。如果页面上放两个不完全相同的元素(比如有两种不同字体,或者有两种不同线宽),它们就不能类似。要实现有效的对比,这两个元素必须截然不同。

    TIPS:
    要犹豫。如果你想形成对比,就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。如果各个项不完全一样,干脆让它们截然不同!

    重复

    让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。

    设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用,对于多页文档的设计更显重要(对此我们通常称之为保持一致)

    TIPS:
    要避免太多地重复一个元素,重复太多会让人讨厌。要注意对比的价值.
    hh好一个自相矛盾,作者真的很厉害,超强的逻辑思维一点也没把自己绕进去。

    对齐

    任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

    任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。在设计中,统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立元素在页面上的物理位置可能并不靠近,但是通过适当放置,可以让它们看上去是有联系而且相关的,并且与其他信息统一。可以看看你喜欢的那些设计。一个精美的设计不论最初看上去多么杂乱无章,总能找出其中的对齐方式。

    TIPS:
    要避免在页面上混合使用多种文本对齐方式(也就是说,不要将某些文本居中,而另外一些文本右对齐)。另外,要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。并不是完全杜绝使用居中对齐,有时可以有意地选择这种对齐方式,但是不要把它做为默认选择。

    亲密性

    彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

    如果多个项相互之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤立的元素。彼此相关的项应当归在一组。要有意识地注意你是怎样阅读的,你的视线怎样移动:从哪里开始;沿着怎样的路径;到哪里结束;读完之后,接下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要有确定的结束。 很容易让人联想到2016年大热的卡片式设计交互良好的原理。

    TIPS:
    不要仅仅因为有空白就把元素放在角落或中央。
    避免一个页面上有太多孤立的元素。
    不要在元素之间留出同样大小的空白,除非各组同属于一个子集。
    标题、子标题、图表标题、图片能否归入其相关材料?在这个问题上一定要非常清楚(哪怕只有一点含糊都要尽量避免)。
    在有很近亲密性的元素之间建立关系。
    不同属一组的元素之间不要建立关系,如果元素彼此无关,要把它们分开。

    清楚了四大原则后,在来审视自己曾经设计作品会不会突然豁然开朗发现玄机了呢?

    后半部分:颜色与字体

    颜色运用

    记得才大一的时候听师姐描述过互补色的概念,轮到自己做师姐的时候也强调了色盘等知识。
    如果在配色方面出现了苦恼,我们或许可以尝试:从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不直接使用这个互补色,而是使用该互补色两侧的颜色。(像类似的干货还有很多)
    除此之外也介绍了不同行业中色彩运用的不同:

    • 传单设计:创建一个重心点,使用有对比的子标题,重复,对齐。
    • 明信片:与众不同、成系列、明确具体、力求简练、尽可能使用颜色报纸* 广告:空白、机敏、清楚、简洁、尽可能使用颜色 注意点:对比,字体选择,反色文字
    • 网站:最重要的两个因素:重复原则。要有一致的导航系统和图片风格,使访问者总能知道他们仍在同一个网站中。 不要对文本或图片链接使用默认的蓝色。这绝对是业余水平页面的标志。 不要把文本链接放在有边框的粗笨表单元格中等……
      设计要素:重复和清晰(最重要的两个因素)、重复、可读性

    字体设计

    最初我认这本书谈到的字体设计可以不适用中文中的设计,可能有一部分观点的确如此,不过让人受益匪浅的是,用文字明确地分析问题出在哪里。对于每一个你用眼镜看到觉得好的与不好的都要找出他们的问题所在,才能拿到解决方案。

    别犹豫了快去买这本书吧

    真心觉得是本好书,不过也的确是本最基础最基础的指南罢了,但当设计陷入瓶颈的时候说不定可以随便一翻找到思路hh。不过要强调的是一定要读通,别走马观花,看完要记得知识输出,最好能讲给身边未读的小伙伴,让他人理解。

    相关文章

      网友评论

      • 蛋黄小修:喜欢😊
        福尔摩洋:@蛋黄小修 :stuck_out_tongue_closed_eyes:那就跟着最好的老师 兴趣慢慢来吧 以后我会更新更多合适的文章笔记在上面哒
        蛋黄小修: @福尔摩洋 你太客气了,应该谢谢你,你的文章让我受益匪浅,虽然我不是职业设计师,但是我对这方面非常感兴趣。
        福尔摩洋:@蛋黄小修 谢谢,希望对你有所帮助。 :blush:
      • 大梦Power:也是我的启蒙书

      本文标题:《写给大家看的设计书》-RobinWilliams

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