写给大家看的设计书
2017-01-10 10:22:24 0 举报
AI智能生成
《写给大家看的设计书》是一本经典的设计入门读物,作者Robin Williams以其通俗易懂的语言和生动的示例,向读者传授了设计的基本理念和技巧。书中涵盖了色彩、形状、布局、字体等各个方面的设计元素,以及如何运用这些元素来创造出吸引人的视觉效果。无论你是初学者还是有一定设计基础的人,都能从这本书中获得启发和帮助。它不仅适合想要提升自己设计能力的设计师,也适合对设计感兴趣的普通人。总之,《写给大家看的设计书》是一本值得一读的好书。
作者其他创作
大纲/内容
设计原则
约书亚树
一旦能说出什么东西的名字,就很容易注意到它。
你就会掌握它,拥有它,使它在你的控制中
你就会掌握它,拥有它,使它在你的控制中
4大设计原则
对比(Contrast)
避免页面上的不同元素太过相似
重复(Repetition)
设觉要素重复出现,增加条理性和统一性
对齐(Alignment)
每个元素都应与页面另一个元素有某种视觉联系,
能建立一种清晰、精巧而清爽的外观
能建立一种清晰、精巧而清爽的外观
亲密(Proximity)
彼此相关的项应当靠近,归组在一起,形成一个视觉单元
亲密性
根本目的
实现组织性
如何实现
眯起眼睛,统计你的眼睛停顿次数来数一数页面上有多少个元素。
如果页面上的超过3到5个(取决于具体情况),就要看看哪些孤立的元素可以归结在一组
建立更近的亲密性,使之成为一个视觉单元
如果页面上的超过3到5个(取决于具体情况),就要看看哪些孤立的元素可以归结在一组
建立更近的亲密性,使之成为一个视觉单元
要避免的问题
不要仅仅因为有空白就把元素放在角落或中央
避免一个页面上有太多孤立的元素
不要在元素之间留出同样大小的空白,除非各组同属于一个子集
理清标题、子标题、图表标题,图片等的关系
如果元素彼此无关,要将他们分开
对齐
根本目的
使页面统一而有条理
如何实现
应当总能在页面上找出与之对齐的元素,尽管两个对象的物理位置可能相距很远
要避免的问题
避免在页面上混合使用多种文本对齐方式
要着力避免居中对齐
重复
根本目的
统一,并增强视觉效果
如何实现
把现有的一致性向前推进一步,看看有没有可能增加一些纯粹为建立重复而设计的元素
要避免的问题
避免太多的重复一个元素
注意对比的价值
对比
根本目的
增强页面效果
有助于信息的组织
如何实现
通过字体的选择、线宽、颜色、形状、大小、空间等来增强对比
要避免的问题
如果两个项不完全一样,干脆让他们截然不同
更多提示和技巧
颜色运用
不同凡响的色轮
三原色
黄、红、蓝
互补色
色轮相对(完全对立)的颜色为互补色
最佳搭配:一种作为主色,另一种用于强调
三色组
彼此等距的三种颜色通常会形成让人愉悦的三色组
红、黄、蓝的组合为基色三色组
绿色、橙色、紫色构成间色三色组
分裂互补三色组
从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色
不过并不直接使用这个互补色,而是使用该互补色两侧的颜色
不过并不直接使用这个互补色,而是使用该互补色两侧的颜色
类似色
由色轮上彼此相邻的颜色组成
暗色与亮色
纯色就是色调
向色调增加黑色就构成了一个暗色
向色调增加白色就构成了一个亮色
单色组合
单色组合由一种色调及其相应的多种亮色和暗色组成
暗色和亮色的组合
色质
色质是指某种颜色的特定明暗度、深浅度或色调
暖色和冷色
冷色总趋于后退,暖色是趋进型的
CMYK与RGB
CMYK代表Cyan(一种蓝色)、Magenta(一种红/粉红色)/Yellow(黄色)
和一个Key色(通常是黑色),利用这4种墨色,可以打印出成千上万种颜色,
正是因为这个原因,这也称为一种“4色处理”。
和一个Key色(通常是黑色),利用这4种墨色,可以打印出成千上万种颜色,
正是因为这个原因,这也称为一种“4色处理”。
RGB表示Red(红色)、Green(绿色)和Blue(蓝色)。
我们在计算机显示器、电视、iphone等等上看到的就是RGB。
我们在计算机显示器、电视、iphone等等上看到的就是RGB。
印刷与Web颜色模型
需要印刷的项目应当使用CMYK
需要在屏幕上看的内容使用RGB
需要在屏幕上看的内容使用RGB
字体设计
字体(与人生)
协调
如果选择只使用一种字体,页面上的所有元素都采用相同性质的字体,平静而正式
冲突
同一页面设置了两种或者多个类似的字体,它们并非完全不同,但也不完全相同
协调是一个稳妥有用的概念,但冲突务必要避免
协调是一个稳妥有用的概念,但冲突务必要避免
对比
创造协调,制造冲突不受欢迎,产生对比则非常有趣。强烈的对比吸引我们的眼球
字体类别
字体对比
Size(大小)不要保守
Weight(粗细要粗细字体对比,而不是中粗字体的对比)
Structure(结构)字体是如何建立的—有一致的粗细还是存在粗细的变化
Form(形状)全大写和小写是一种形状的对比,另外raman与italic或script的
对比也是一种形状的对比,不要结合使用
对比也是一种形状的对比,不要结合使用
Directition(方向)方向对比是指水平文本与瘦高文本列的对比
Color(颜色)暖色是前进型的,冷色则是远离型的,可以用黑白文本尝试各种“颜色”
0 条评论
下一页