美文网首页方法论设计读书笔记
《写给大家看的设计书》笔记

《写给大家看的设计书》笔记

作者: 711child | 来源:发表于2016-06-02 20:17 被阅读150次

四大原则

对比:可读性,强调重点。对比的元素需截然不同。包括字体、颜色、间隔、材质(背景)。

重复:一致性,增强认知度。包括标题、符号、颜色、格式、空白(间距)。未必完全相同,注意对比。

对齐:统一性、有条理。所有元素都和其他元素存在关联,不是孤立的。正文和标题要用同一种对齐。文本块可以靠图片对齐。

亲密性:位置的接近表示存在关联,即亲密性。多个存在亲密性的项成为一个视觉单元。亲密的目的是组织性,信息更有条理,易于阅读,空白更美观。

设计原则中,对比效果最显著。

颜色

CMYK—一种蓝色、粉色、黄色和key色(通常会为黑色),黑色表示所有色混合,白色为无色。一般用作实体印刷;

RGB—红绿蓝,用作电子屏幕,白色为所有色混合,黑色为无色。

色轮为三原色黄红蓝组成。处于色轮上对面的两色为互补色,最佳搭配—主色和强调。

红蓝黄为基色三色组。他们的中间色—绿橙紫间色三色组。

选择互补色两侧的颜色,为分裂互补三色组。

色轮最外面的颜色都是纯色,即色调。向色调增加黑色构成暗色,增加白色构成亮色。

使用以上三种三色组的亮色与暗色组合。使用官方颜色的分裂互补色。可以为项目有自建调色板。

可以吸取一张自然风景图片上的多个颜色。

色质:色调+明暗。避免相似色质的颜色组合在一起。

冷色与暖色:冷色趋于后退,暖色趋于前进,冷色与暖色组合要少用暖色,多用冷色来衬托。不要让冷暖太均衡。

关于网站视觉设计的注意点:

不要对文本链接使用下划线加默认蓝色;不要用荧光色;正文不要用粗体;行宽不要太长。尽量不要使用Arial, Helvetica, times roman。

web设计重要的两个因素—重复、清晰。在每个页面重复视觉元素,这样用户知道他们在你的网站中,也增加了统一性和连续性。

字体

不要设计多个类似的字体。可以让它们完全不同。

字体类别:

old style: 基于手写体。字母笔画末端的截线倾斜,所有笔画都有由粗到细的变化,最细处的强调线为对角线。old style是显示大量文字的最佳选择。

modern:截线水平。笔画粗细过度剧烈,强调线是垂直的。modern给人感觉冷酷、高雅。

slab serif: 诞生于广告设计。粗细差别很小,截线水平,强调线垂直。简洁、直接,可用于显示大量文本。比old style更粗一点。

sans serif: 没有截线(笔锋)。无粗细之分,无强调线。

script: 书法风格。不要用多。

decorative:装饰字。同样不要用多。

相关文章

网友评论

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

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