读《写给大家看的设计书》

读《写给大家看的设计书》

    这段时间略读了一遍《写给大家看的设计书》第四版,作为一名开发者来说,这种设计细胞确实不怎么样。通过略读也有一些收获,而贯穿全文的“4大基本原则”则是核心心思,应该不断的以这样的思维来思考怎样才能设计得更好。特附上“4大基本原则”以备后用。

 

一 4大基本原则

对比(Contrast)

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

重复(Repetition)

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

对齐(Alignment)

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

亲密性(Proximity)

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

 

二 颜色运用 

色轮 

  三原色:黄、红、蓝,色轮的基础。 

  三间色:色轮上相邻颜色等量混合,即黄加红==橙,红加蓝==紫,蓝加黄==绿。 

  第三色:色轮上空白两边颜色等量混合,即黄+==橙黄,橙+==橙红,红+==紫罗兰色,紫+==蓝紫色,蓝+绿==蓝绿(水绿),绿+==黄绿。 

颜色关系 

  1)互补:色轮上完全相对的颜色,最佳搭配是一种作为主色,另一种用于强调,如红绿搭配。 

  2)三色组:彼此等距的颜色,如三原色黄红蓝搭配(称为基色三色组),间色三色组绿橙紫搭配。 

  3)分裂互补三色组:从色轮一边选择一种颜色,另一边选择它对面的互补色两侧的颜色,如绿色、橙红色和紫罗兰色搭配。 

  4)类似色:色轮上彼此相邻的颜色组成,若用不同的亮色和暗色组合一组类似色,效果将相当醒目。 

暗色和亮色 

  纯色就是色调; 

  向色调增加黑色就构成一个暗色; 

  向色调增加白色就构成一个亮色。 

  1)单色:由一种色调及其相应的多种亮色和暗色组成。 

  2)暗色和亮色的组合:即第二点中提到的颜色的暗色或亮色组合。 

色质 

  指某种颜色的特定明暗度、深浅度或色调,应尽量避免它们挨在一起。 

暖色与冷色 

  暖色其中包含黄色或红色,冷色其中包含蓝色,如果要组合暖色和冷色,一定要少用些暖色,因为暖色不费多大功夫就能产生效果,而冷色则需要更多才能产生效果或形成有效对比,不要让冷暖色太过均衡。 

如何取舍 

  季节性?类似色; 

  官方颜色?亮色和暗色、分裂互补色; 

  包含一个照片或其它图像?选择其中一个颜色,类似色(沉着冷静),互补色(视觉活力); 

  定期反复?自建调色板,供所有项目一致地使用。 

7 CMYK 与 RGB, 印刷与 Web 

  1CMYKCyan(一种蓝色)、Magenta(一种红/粉红色)、Yellow(黄色)和Key(通常为黑色),为印刷色,常称为“四色处理”。 

  2RGBRed(红)、Green(绿)、Blue(蓝),显示器、电视机和iphone等上看到的(非反射来的,是直接进入我们的眼睛)。 

  即,需要印刷的项目使用CMYK,需在屏幕上看的内容用RGB。若处理打印图像,Photoshop中先用RGB处理图像,最后才转换为CMYK(打印出来后图像会有所损失)。 

 

三 更多提示与技巧 

创建包装 

  每件作品中必须有某个标识性图像或某种标识性风格。 

企业名片 

  辅色用量一定要少。 

  1)企业名片规格:在美国,3.5英寸宽,2英寸高,若为垂直格式,则2英寸宽,3.5英寸高,很多其他国家标准是8.5cm*5.5cm(中国的尺寸貌似较乱...)。 

  2)角落留白;7点非TimesArialHelvetica字体;一定要对齐,但尽量不使用居中对齐;别写e-mailweb site等字眼,完整写出具体街道,避免添加不必要的点和逗号,保持简洁。 

  3)提示:选择垂直还是水平格式;字体大小一般9点以下就够;创建名片、信笺和信封共有的一致图像。 

信笺和信封 

  1)信封、信笺和名片统一布局;若需居中,试着把整个居中布局向左边靠近;可以使用很大或很小的字体和图片。 

  2)提示:信封规格:标准为91/2*41/8英寸,称为10号信封。欧洲标准为110mm*220mm,称为C4信封;创建中心点;对齐,信笺上适当摆放元素;第二页可以取第一页上出现的一个小元素,但不放其他内容;传真和复印,不要深色或有很多小点的纸张,避免大面积深色墨迹、反色文本或太小的字体,可分别设计针对传真和复印两个版本信笺。 

传单 

  可使用不同有趣字体,可使用各种图片,可以使用大图片大字体,也可只是中间一行10点大小文字,底部一小块文本。 

  1)巨大标题、巨大剪贴画、有趣字体超大字号,各元素统一对齐,可以把正文字体设置得很小。增强对比。 

  2)提示:创建一个中心点;使用有对比的字标题;重复,适当重复标题字体;对齐。 

新闻简报 

  多页出版物最重要的特性之一是一致性,或重复。每一页看上去应当是属于整个出版物的一部分。可以通过颜色、图片风格、字体、空间布局、重复某种格式的项目列表、照片周围的边框、图题等来实现这点。 

  有条理地留白。 

  标志(即刊头)将确定新闻简报其余部分基调。 

  1)让标题清楚而明显;适当地方使用对比字体,增加其他有意思的元素吸引读者;整个简报需有一种明确的、一致的底层结构。 

  2)提示:对齐,在所有元素都很好地做到了对齐,适当时可以打破这种常规(必须大胆地完全冲破这种对齐的约束);段落缩进,第一段不要缩进,若要缩进,则缩进1em。段落间要么缩进要么留有一定空间,但二者不能都有;不要使用Helvetica,标题和字标题可使用一种同时包括粗黑版本和细版本的sans serif 字体系列,如EurostileFormataSyntaxFrutigerMyriad正文应当可读,可采用一种经典的oldstyle serif字体,如GaramondJensonCaslonMinionPalatino。或者比较细的slab serif字体,如ClarendonBookmanKeplerNew Century School book。若采用sans serif 字体,应预留较宽行间距和缩短行长度。 

宣传册 

  3折本标准:8.5*11英寸(首页比背页宽)。 

  1)务必使用一种对齐方式,字体使用12点以下字号,列之间留出更大空间,灵活使用图片,按顺序将内容呈现给你的读者。 

  2)提示:对比,要截然不同;重复,建立统一的外观;对齐;亲密性,有效地建立空间布局。 

明信片 

  与众不同,成“系列”,明确具体,力求简练,尽可能使用颜色。 

  1)使用对比和空间关系清楚地表述信息,角落留白,层次组织。 

  2)提示:关键是什么? 吸引人注意,要大胆;对比。 

报纸广告 

  空白,机敏,清楚,简洁,尽可能使用颜色。 

  1)有意识地组织空白。 

  2)提示:对比,利用空白!字体选择,不要使用精巧的小serif字体,也不要使用很细的线;尽量避免使用反色文字。 

网站 

  重复最重要,一致的导航风格和图片风格,重复的颜色方案,同样的字体或按钮,风格类似的图片元素等等。 

  1)尽量不要让访问者移动滚动条。 

  2)提示:重复,统一性和连续性;可读性

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值