zoukankan      html  css  js  c++  java
  • 《写给大家看的设计书》读书笔记

    作为一个前端开发,了解一些基础的设计原理还是很有必要的,最近入职新公司,看见书架上有这本《写给大家看的设计书》,所以就借来看了,学习过程中发现书中介绍的一些设计原则,原来在日常的开发都有很多的体现。特别是用的比较多的 Ant Design,其设计语言的原则就是应用了这本书中介绍的亲密性、对齐、对比、重复四大原则。

    亲密性

    如果信息之间关联性越高,它们之间的距离就应该越接近,也越像一个视觉单元;反之,则它们的距离就应该越远,也越像多个视觉单元。亲密性的根本目的是实现组织性,让用户对页面结构和信息层次一目了然。

    对齐

    正如『格式塔学派』中的连续律(Law of Continuity)所描述的,在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线,使曲线继续成为曲线。在界面设计中,将元素进行对齐,既符合用户的认知特性,也能引导视觉流向,让用户更流畅地接收信息。

    对比

    对比是增加视觉效果最有效方法之一,同时也能在不同元素之间建立一种有组织的层次结构,让用户快速识别关键信息。(要实现有效的对比,对比就必须强烈,切不可畏畏缩缩。)

    重复

    相同的元素在整个界面中不断重复,不仅可以有效降低用户的学习成本,也可以帮助用户识别出这些元素之间的关联性。

    这些设计原则在实际应用时又有很多的规则和技巧,一个好的设计往往同时使用到了这些原则,基础的学习是一方面,更重要的还是实践,设计是一门需要大量实践的技能,所以这里仅仅是将书中介绍到的一些知识点进行罗列,以便在之后的实践学习中有理可循有据可依。

  • 相关阅读:
    [BZOJ2661][BeiJing wc2012]连连看 费用流
    <meta> 标签
    CSS3 Transitions, Transforms和Animation的使用
    word-wrap和word-break的区别吗?
    css3中比较少用到的属性记录
    CSS ::Selection的使用方法
    CSS 属性
    javascript正则表达式语法
    jquery metadata 详解
    关于window.console&&console.log(123)的思考
  • 原文地址:https://www.cnblogs.com/wx1993/p/11242522.html
Copyright © 2011-2022 走看看