美文网首页
设计 | 写给大家看的设计书

设计 | 写给大家看的设计书

作者: 沧笙 | 来源:发表于2017-08-04 22:29 被阅读179次

    Robin Williams,世界著名设计师、技术专家和畅销书作家。通过写书和授课, 她已经影响了整整一代数字设计师。同时, 作为Adobe和Mac技术社区内的偶像级专家, 她拥有大批拥戴者。她是Publish Magazine、Adobe Magazine等杂志的专栏作家, 是MacWorld Expo等业界重要活动和组织的顾问委员会成员, 还创办了Santa Fe电影艺术学院。除本书外, 她还著有几十部畅销图书和获奖著作, 包括《写给大家看的Web设计书》等,有的书巳经被翻译为十几种文字, 产生了世界性的影响。

    《写给大家看的Web设计书》是一部非常适合很多职场人士学习使用的书籍,通俗易懂的为大家介绍了设计的四大基本原则。

    对比(Contrast)

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

    重复(Repetition)

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

    对齐(Alignment)

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

    亲密性(Proximity)

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

    1

    亲密性

    Robin 亲密性原则是指:将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。



    你的眼睛是不是停过5 次?当然,这张小小的名片上放置了5 项孤立的内容。
    你是从哪里开始的?可能是从中间,因为中间的短句字体最粗。
    接下来看什么?是不是按从左向右的顺序读?(因为这是英语。)
    如果已经读到名片的最后(即右下角),你的目光又会移向哪里?
    你是不是还会全盘再巡视一番,确保自己没有遗漏任何角落?


    从哪里开始读名片?接下来看什么?什么时候结束?对于这些问题你现在还有疑问吗?
    仅仅利用这样一个简单的概念,现在这张名片不论从理解上还是从视觉上看
    都很有条理。而且这样一来,它还能更清楚地表达信息。
    2

    对齐

    Robin 对齐原则是指:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则要求特别小心,再不能像从前那样,只要页面上刚好有空间就把元素随意“扔”到那里。



    你可能会说这张卡片上的信息已经根据亲密性原则被逻辑分组到不同单元了。但是看起来仍然有些业余,为什么呢?



    现在你明白了:因为在这张小小的卡片上有三种不同的对齐方式(居中、左对齐、右对齐)。另外,还有人在角落里塞进剪贴画。明确的对齐可以更加有效地组织信息,而且也为那个可爱的狗狗形象留下了足够的空间。并且现在空白部分也更有秩序了。
    3

    重复

    Robin 重复原则指出:设计的某些方面需要在整个作品中重复。重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。



    这个很典型:Times New Roman字体,居中对齐,打字机引号。确实有人把信息按照逻辑分组了,但是你可以看出居中对齐很弱,有种把角落填满的倾向。



    决定一下你想要关注的地方。这个版本的关注点是演讲人。根据重复性原则,重复的元素是什么?你可以看出对齐原则被用在了哪里,而且这张广告同时也运用了对比性原则,这在下一章会有详细说明。

    这个版本的关注点是演讲题目。请注意,瘦版中的黑色带重复出现在了底部。把所有东西都联系起来的重复性元素就是这么简单。
    4

    对比

    Robin 对比原则指出:页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。如果两个项不完全相同,就应当使之不同,而且应当是截然不同。



    这是一封相当典型的自荐信。信息是完备的,如果有人确实想去读它的话,当然可以了解到其中的信息,不过这样一封自荐信肯定无法吸引你的注意。


    只保留一种对齐方式:左对齐。在上面可以看到,如果只使用一种对齐,并不是说所有元素都要沿着同一个边界对齐,这只是说,所有一切都要采用同样的对齐方式。上面的左对齐文本很明确,而且互相促进(对齐和重复)。

    明显的标题,这样就能立即知道这个文档是什么,有哪些要点(对比)。

    段之间的间隔比各段内文本行之间的间隔大(空间关系对比;亲密性)。

    学位和职位都用粗体(标题字体的重复),这种强烈对比能使你很快抓住要点。

    1

    总结

    这本书的点睛之笔远远不止于此,奠定了设计四大原则后,书内还阐述了排版技巧、字体选择、颜色搭配等等,对于未来我们无论是撰写文稿还是制作演示都非常有帮助。
    其实,设计对于我们而言,不仅仅是在书面上,,在家里你可用这些理念来布置家居,不仅仅有“断舍离”,更应该是利用手头的物品打造更舒适的体验;而喜欢衣服搭配的姑娘和喜欢桌面科技的小伙,也可以在这里面找到属于自己的思考。
    有时候,静下心来,慢慢体会设计带来的美感,将耐人寻味。

    相关文章

      网友评论

          本文标题:设计 | 写给大家看的设计书

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