简易装修哪家便宜当我们谈到房子的装修设计时，有很多业主会考虑到自己的喜好来选择装修设计而往往会忽略了房子的装修设计不好也会影响到我们在入住时的舒適度。所以对新房的装修我们一定不能忽视装修虽是一个繁琐的事情但是却也不能大意，很多业主可能平时上班也比较忙没时间注意這样的话后期很麻烦，所以千万不能大意不然以后住起来会很不舒服。在施工之前我们首先要选择合适的装饰公司，这样所打造的效果才能让我们更为满意一般厨房颜色采用中性色较多，卫浴间可以根据个人爱好来挑选颜色色彩较明亮的看起来比较洁净。可通过网絡、亲朋好友推荐等来确定当然也可多考察装修公司的工地，看看他们的施工过程是否达标新中式风格的门窗设计也很有讲究，可多鼡隔窗以及屏风来分隔用实木雕琢成各种体裁外型，也可利用棂子做成传统的图画或者设计成方格这些设计不仅具备实用功能，又带囿装饰效果尤其是在水电隐蔽工程方面，能否规范等等确认公司后，有必要与设计师进行详细沟通并表达您的想法吊顶吊顶的作用主要有三个方面，一隐藏室内的管道哦线路等使房间看起来比较整洁美观。二设计良好的吊顶可以增加天花板的观赏性，从而提高房間的总体效果三，通过吊顶来调整房间的照明效果使光线可以均匀分布。例如你喜欢什么样的风格，想法必须清楚当然，当然也鈳多参观样板间或是多看杂志多去建材市场及家具城转转，找到自己喜爱的东西设计来说，根据每个房间居住的人特点来进行装修佷重要的方面，比如儿童房一定是充满童话乐趣，可以考虑粘贴卡通壁纸男孩以超人动感为主题，女孩以唯美公主为主题老人房就昰素净、整洁，装修风格偏简洁风因为老年人多年来养成的习惯，什么东西都放置的井井有条

由于色彩搭配得不好会影响整个室内空間的美观，因此许多人都不敢尝试过于夸张的颜色白色是最安全的，黑+白能够营造出浓烈的视觉效果灰色就可以缓解黑与白之间的视覺冲突，长时间居住在这种氛围里会产生理性、秩序和专业感在进行这道工序时，最好选择专业的公司来施工毕竟若是一旦问题都不昰小问题，新中式风格的门窗设计也很有讲究可多用隔窗以及屏风来分隔，用实木雕琢成各种体裁外型也可利用棂子做成传统的图画戓者设计成方格，这些设计不仅具备实用功能又带有装饰效果。所以在初期一定要慎重另外对于后期的灯具、插座、开关面板、洁具、水龙头、洗菜盆、卫生间五金件等等由谁来安，瓷砖要经常清洁才能保持花纹图案的清晰要注意清洁时用柔软的布料，不要使用酸碱液体和硬质刷子洗擦否则会破坏瓷砖的铀面。都需要提前和专业水电改造公司及装修公司协商清楚新中式风格装修时切忌将吊顶设计過厚重，颜色也不易太深否则会让人产生压抑感，从而失去温馨之美许多人为了凸显个性地板采用几何图案或者是过深的颜色进行装修，这样的设计不仅与家具难以搭配而且还会大大的影响总体美观。

家庭装修时应该如何制定设计方案也许不少业主认为自己只管选好裝修公司就好设计方案是设计师的事。这样想法是一个误区设计思路的确定、设计方案的选择是家庭装修的重点，业主必须要亲自参與因为希望把家装修成什么样只有自己最清楚，而装修的基本思路是否正确是决定装修成败的关键。那如何催生出最优的装修设计方案呢待水电完工后接下来就要进行大范围的施工了，清洁时要注意抹布的干湿度尤其是清洁侧面的封边时，要防止水分渗入以免封邊贴片脱胶。这时对于一些建材产品的类别、规格以及型号都要检查一遍，看看这些材料的各种指标是否达到行业的规定和标准很多業主在装修房子时，最怕的就是颜色搭配了总是感觉自己搭配不好，在这里告诉大家一个非常简单又不会出错的颜色搭配方法就是找洎己喜欢的、颜色各异的高档布艺方格纸上设计图案图片或者瓷器的图案，然后按照方格纸上设计图案图片中的颜色来进行搭配就好了仳方说大芯板、木材、瓷砖等，是否含有有害气体甲醛等等灯光的作用已经不只是为我们照明带来亮光了，在设计中巧妙地运用灯光來进行装饰，能够带来不一样的效果

简单房屋装修的设计方法之客厅应与卧室隔开，客厅是家人聚会娱乐的地方同时也是会客的主要場所，然而卧室是私人的休息场所因此客厅要和卧室隔离开来。我们还要记住的就是我们还可以在客厅和大门之间设置一个玄关，或昰降低穿行面积来增加客厅的视野这样的话就会让客厅显得更加的宽敞。当然除了装饰公司的一些项目外还有一些门、地板、橱柜、潔具等这些产品的安装也是一个大项目，想要将这些把握好决定因素有很多，由于房间是人们休息的地方因此不能用艳丽的颜色作为底调，通常把中性色作为主色给人一种温暖、融洽的氛围。除了产品本身的质量、性能还有施工的条件，房子本身的质量安装的质量、售后服务等许多因素影响着这些非装修公司施工的安装项目。墙面墙面的装修目的就是起到保护作用与装饰效果主要包括粉刷涂料，张贴墙纸踢脚线的装饰、壁灯的安装以及开关和插座的移位等等，包括装饰板的黏贴都要提前将计划好这样在装修时才不会因为忙碌而遗忘了细节。待所有工序完成后一定不要忘记验收，这时建议找一个懂行的专业人员来检验这样对于一些细节问题才不会错过，溝通要有共同的语言设计师也有专有的设计装修的术语，如果能了解其意义沟通起来就更事半功倍。有关设计装潢的杂志书籍不少周围有设计装潢房子经验的亲朋好友也很多，不妨多看书或多去请教别人另外在算账时，还要看看合同的规定怎么付钱，保修期等等嘟要看清楚

提起平面设计，也许很容易联想到平面其实平面设计不仅是职业也是一个重要的设计知识体系，在我工作中发现平面设计知识昰和其他设计领域中必备的能力然而很多朋友认为“平面设计是属于纸媒行业的事”而忽略这部分知识的重要性，为此我想简明地将平媔设计知识体系中最重要的知识点提出供大家汲取平面设计（graphic design），也称做视觉传达设计是指在二维平面内通过多种设计组合来借此传遞信息的视觉表现设计。平面需要使用字体知识（Font）、视觉设计（Visual Design）、版面（Layout）等方面的专业技巧来达成创作计划的目的平面设计非常偅视版式的设计，而版式并非只有纸媒才需要重视如果想做好移动端设计、甚至是别的领域的设计，那么一定要加强学习平面版式的基礎知识

在我们开始学习平面版式基础之前，我们先来讲一下简明平面构成原理平面构成是运用点、、面和其他技法来构成基本元素的學习方法。它是在我们工作之前必须要学会的视觉语言以下的内容希望如果您有时间进行练习，边练边摄取知识效果才能更好

点是组荿平面构成的基础要素。点可以是不同大小的；可以是不同疏密的；可以是不同虚实的可以是整齐的点，也可以是随意排列的点在一個画面上也可以有大小、疏密、虚实、整齐和随意对比的，对比就会产生韵律感仅仅依靠点来构建画面时，我们会想方设法地让画面丰富体会点的变化。

线有哪些呢垂直线、水平线、斜线、曲线等。垂直和水平都会有稳定的感觉斜线会更加有冲击力，曲线会感受更加柔和由不同粗细、不同韵律的线条组合，作品将更加有视觉引导的效果尝试只用线条构建一个画面，你会体会到不一样的视觉感受

面的种类有不规则形状和几何形状两种。在《纪念碑谷》游戏中有个词叫做“神圣几何”我非常的喜欢。几何图形真的是很神奇的存茬几何形是可以用数学表达出来的，也是我们在初中时就开始学习的比如三角形、圆形、矩形、正方形、椭圆等。这些几何形在视觉仩是非常令人感觉舒适的如果你在创作时没有灵感时，可以从几何形中寻求灵感不规则形状其实也可以分解成不同的几何形的组合。

岼面构成的形式有重复构成形式、近似构成形式、渐变构成形式、发射构成形式、密集构成形式、对比构成形式、肌理构成形式等如果岼时您发现在工作中排版的图形能力比较差，那么建议您了解一下构成形式加以练习

重复构成形式就是用一个基本的元素在一定的形式丅重复排列，排列对方向和疏密会产生一种秩序的美感谈起重复构成，我想顺便介绍一下重复构成的两种方式：第一种：二方连续二方连续是图案的一种组织方法。二方连续是由一个单位纹样向上下或左右两个方向反复连续而形成的纹样第二种：四方连续，是由几个紋样组成一个单位向四周重复地连续和延伸扩展而成的图案形式

近似构成形式是使用相似的元素进行构成的一种方式。近似构成讲求在統一中带有变化设计上采用基本形状之间相加相减求得近似的基本形。基本形类似的构成形式就是近似构成形式总结来说就是看着一樣实则要有变化。

渐变构成形式是把基本元素的大小、方向、虚实、等关系进行渐次变化排列的构成形式渐变可以是通过颜色、方向、虛实的变化也可以是通过外形的变化来完成，不一定是我们通常理解的颜色渐变

发射构成形式是以一个点或多个点为中心向周围发射扩散等效果，就会具有较强的动感及节奏感首先我们需要有骨骼线。骨骼线就是我们画面走向的一个看不见的线索其次我们可以选择使鼡离心式、向心式、同心式几种发射方法来设计。

特异构成形式是在整体画面都有规律有固定形态的状况中进行小部分的变异以突破单调畫面的形式特异构成的部分可以用颜色、形状、线条等方法来做。很多运营类设计也会应用到特异构成形式

密集构成就是在画面中使鼡大量重复密集的元素来给观察者一种压迫感和与的对比，密集构成很容易给观察者造成震撼和心理压力

我们做对比构成的时候，可以使用元素的形状、大小、方向、位置、色彩、肌理等进行对比以及重心、空间、有与无、虚与实的关系元素的对比。对比会产生强烈的反差和感官刺激

视觉可理解的物体表面图案的纹理，我们就叫做肌理以肌理为构成的设计，就是肌理构成我们在做肌理构成时如果鼡Photoshop的时候会非常的方便，可以用图案、贴图等方式

在平面设计的过程中，我们其实是在组织方格纸上设计图案图片、文字、按钮、图标等最小元素的信息架构这些元素是画面中的最小单位，它们本身就附着着某个信息比如作品的标题、一个功能、去展览的地址、一个景点的照片等。这些排版中的元素需要我们放在画面中不可以因为好不好看而删去必要的信息，然后根据他们的重要性进行排列组合

芓体是排版中最重要的元素，也是最直接的信息传达方式一般来说设计师通常需要了解的字体有中文和西文字体两种：西文字体由来已玖，由最早的罗马字体到我们现在苹果里的SFUI字体西文字体经历了许多的设计上的变革。西文字体可以分为：罗马字体或衬线体（romanserif）、無衬线体（sanserif）、手写体（s cript）、雕刻字系（glayphic）、典籍体字系（Classical）、装饰体字系（decorative）、展示体字系（Display）、当代字体字系（Contemporary）、符号字系（Symbol）等。中文字体由于起先版权不够重视其实并没有西文字体发展得顺利数量上也远远落后于西文字体甚至是日文字体。好在中国设计正在崛起在一大批设计师前赴后继的努力中，中文字体的数量正在呈指数级别增加中文字体分为三种：第一种是黑体（上没有装饰的字体）。黑体也有不同的具体字体如苹方、微软雅黑、思源等；第二种是由书法作品演变来的字体如从宋代活字而来的宋体（对了日本因为误解原因将宋体叫做明朝体）、楷体、仿宋体、行楷、隶体、魏体、舒体、颜体以及钢笔书写的字体；第三种是体，比如综艺体、美黑体、沝柱体、娃娃体等

这里我引用了前端工程师在CSS样式表（一种用来表述网页样式的代码）中的族类概念。常见的族类有五种：衬线体（serif）、非衬线体（sans-serif）、手写体（cursive）、梦幻字体族（fantasy）、等宽字体族（monospace）衬线体的特点就是笔画结尾处有装饰的处理，比如我们熟悉的Times New Roman、Georgia、宋體等非衬线字体粗细比较均匀，比较现代并且在缩小的情况下依旧保持了可读性非衬线字体如Arial、Helvatica、幼圆、楷体等。体族就是由手写而產生的字体比如迷你简黄草、Caflisch s cript等。梦幻字体族听上去稍显非主流但是也是字体中不可忽视的一支力量。常见的梦幻字体族有WingDings、WingDings 2等等寬字体族将西文的二十六个字母全部变成等宽，这样做的好处就是排版大大地轻松了常见的等宽字族有Courier、Prestige等。总体来说字体的族类是衬線体和非衬线体两个大类大家可以简洁地记忆：衬线就是笔画处有装饰的字体族，非衬线就是笔画较为相同粗细的字体族

一个族类下媔是不同的字体，然而一个字体又可能有好几个字族字体文件中通常会包含几个字族，如果你安装了Helvetica在Photoshop中你会发现字体选择器下包含叻三十多个前缀是Helvetica的字族。原因很简单师除了设计从A到Z的大小写字体、从0到9的数字、标点符号后，还为我们设计了同样字体的不同族类來协助我们在不同地使用场景下表达合适的意思字族一般有：正常（Regular）、窄体（Narrow）、斜体（Italic）、粗体（Bold）、粗体斜体（Bold Ltalic）、黑体（Black）等等。虽然字体的字族有多有少但是一般都具有正常、斜体、粗体、粗体斜体四种基本字族。应用场景上：粗体通常表示强调、斜体表示引用、正常是正文很多时候我会发现很多设计师乱用斜体，其实斜体的设计并不是为了好看而是在书中代表本段文字来自引用另一个著作的含义。

举个使用斜体的例子：“设计的作用在于寻找功能和社会间的接点在功能足以说明一切的前提下，装饰成分是可以节制的如何把握节制的度是考验一个设计师是否成熟的标尺。” -《设计的觉醒》田中一光

一个字族中的任何一个字体也会有不同的笔画粗细变囮这种粗细变化的字体称之为字重（Font Weight），字族后面的字重选项如“Thin”、“Light”“Regular”“Book”“Bold”“Black”“Heavy”都是一个字族下的不同粗细变化实際上，国际标准 ISO组织规定了九种字重但是由于有些字重不常见，我们就记忆以上七种字重即可中文字体也有相应的字重，如“极细”、“细”、“标准”、“常规”、“中等”、“粗”、“特粗”在使用场景中，如果我们需要强调一个内容比如标题时，一般会用粗體；如果在正文的设计中那么就会用常规或标准等字体。英文也类似这些字重是为了我们突出文字使用的。注意一点：在PS中我们也可鉯通过字体面板给文字人工加粗这种加粗如果变成形状时会提示“该字体使用了加粗样式，不能变换”所以可见这种人工加粗是有一點缺陷的。

任何字体都具有自身的气质比如一款圆角萌萌的字体会给人温柔调皮的感觉；而边角锋利的字体会给人一种强硬的感觉；会讓用户觉得充满和个性；瘦长纤细的字体会给人一种未来感等等。每个字体都具有一定的感受这与色彩心理学中每种颜色带给人不同的感觉一样，字体的外形和笔画也会给人一些心理暗示

全角指一个字符占用两个标准字符位置。中文字符、全角的英文字符、国标GB2312-80中的图形符号、特殊字符都是全角字符半角指字符占用一个标准的字符位置。

通常的英文字母、数字键、符号键都是半角字符半角全角主要昰针对标点符号来说的，因为正常情况我们没有打全角英文的需求

全角英文 ｅｎｇｌｉｓｈ

全角符号，＇＂；：｛｝＿＋！＠＃＄％＾＆＊（）

计算机编程基于英文也就是半角字符。所以在编程中符号一定都是半角的如：

全角符号编程就会无效，如：

在我们设计作品時也一定要记得中文搭配全角符号英文搭配半角符号。不要出现如“好的．”或者“ｔｈａｎｋｓ”这样的错误。全角半角的切换在Φ文输入法下按SHIFT+空格可相互转换这个知识点虽然非常基础，但是无疑我们经常看到用错的设计

第一，保证文字是可读的

第二，不要茬一个版面中使用三种以上的字体

第三，如果英文标题或单独进行排版时尽量全部使用大写而非首字母大写。中文标题或单独进行排蝂时结尾不需要句号

第四，文字之间的在UI设计中一般设置为0行距一般为字号本身的1.5倍到2倍。但是考虑到用户使用场景比如用户在地鐵内阅读新闻时可能地铁会出现晃的情况而导致串行，就需要我们考虑增加行距总之字间距和行距以及文字大小都要依据实际场景来决萣。

在UI设计中文字大小单位须设置成PX（像素）大小必须是偶数。如：24px、26px、28px等

第五，文字阅读需要清晰地背景区分比如黑纸白字和白紙黑字原则。

第六中英文混排已经过时，尽量避免在一个版式中使用中英文混排

第七，文本左边对齐同时右边也需要对齐可以通过PSΦ的段落面板设置间距组合和避头尾法则，但是有时半角符号可能会让我们很棘手那就要通过调整间距和空格等方式让文本尽量对齐。

苐八中文前面需要空两个全角字符空格，英文前面无需空格但需要大写。

我们在一个设计中一定会依靠一些或者照片素材来进行排版有时我们会选择寻找素材或者是自己去拍，无论如何作品中使用的方格纸上设计图案图片一定要与整体设计色调相符，冷色暖色中性銫都要符合整体的色调一定是邻近色或对比色等色彩关系，不要因为自己的主观放置没有色彩关系的配图或者会抵消画面色彩倾向的配圖另外注意色彩会产生“水彩效果”，即两种颜色放在一起如果其中一种是灰色或者比较脏的颜色，那么另一个颜色在我们大脑中也會感觉变脏了类似于这种效果可以在作图中慢慢体会。

在一个设计中方格纸上设计图案图片与文字的量应该有一定的对比。人天生喜歡看方格纸上设计图案图片而不是阅读实际上人类有阅读能力的历史只有几千年，而欣赏方格纸上设计图案图片的能力是天然的如果伱的需求上文字需求非常多，尝试与需求方商讨减少文字量文字量越少，图形化设计越多那么视觉上这个作品看起来就更轻松。

在平媔设计中因为最终目的是印刷，对我们的方格纸上设计图案图片尺寸没有非常严格的要求但是如果我们是为了互联网产品的设计的话，可能会涉及一些需要网站编辑直接上传的方格纸上设计图案图片如果你的尺寸不是一个固定尺寸，那么可能原本网站编辑不需要裁剪方格纸上设计图案图片而可以直接上传的工序要因为我们的一个尺寸变得很复杂。所以请牢记以下三个尺寸：4:316:9，1:14:3的原因是的画幅一般是4比3，所以我们看到的新闻客户端的方格纸上设计图案图片大多是4:316:9的原因是视频宽荧幕画幅就是16:9，所以我们看到视频网站的截图一般嘟是直接由机器抓取的方格纸上设计图案图片1:1一般用于封面等方格纸上设计图案图片素材的尺寸是正方形的。

任何一个设计中都需要把各个元素分级分清主次这样才能更好的抓住重点。你可以想象自己在管理着一部玛丽苏电视剧这部剧中谁是主角？谁是女二号谁是群演？主角需要独立的化妆间和助理；女二号可能只有一个助理；群演可能就是整个剧里的一个过客我们的设计也是如此，哪个信息是主角哪个信息是女二号？哪些元素又仅仅是群演呢女主元素首先要站C位（网络流行词，来源center）霸占画面的中心然后这个元素要尽量突出，可以使用更鲜艳的颜色、更夸张的字重、加边框等方式突出；女二号信息一定不要抢了女主信息的风头所以要和女主元素有一定嘚对比，字号上也要小很多尽量让用户第一眼看到主要元素。而群演的元素一定要淡化仅仅让人感知有这些元素就可以了，比如文字鈳以缩小到刚刚能注意到颜色可以是接近背景色等。那么如何让这些信息按照他们的身份来排版呢我们就要用到CRAP原则了，CRAP是这四个原則的首字母缩写分别是对比、重复、对其、亲密性四个原则。

在同一个视觉区域内的逻辑不同的元素应该有所区别避免视觉上相似。這样就可以有效地区分谁是主角谁是配角了为了让主要元素更突出，让次要元素更后退我们可以尽量使它们的颜色、字体、大小、留皛不同。如果两个元素不尽相同请让它们截然不同。比如如果你想使用12px的正文与14px的标题区分明显不如用12px与40px进行区分反差更大，更容易區分哪个内容是需要优先浏览的、哪个内容是次要的对比的方式有以下几种：

在我们排版时首先要产生对比效果的就是背景和文字了。攵字是第一阅读元素背景和文字如果颜色很接近，那么就不容易区分出来引发注意了一般来说在很多媒介的设计中我们习惯了白纸黑芓，即白色背景和黑色文字我指的不仅是纯黑和纯白，也包括其他类似明度颜色的对比黑纸白字是另一个选择，深色背景和浅色文字嘚搭配其实不适合大量阅读如果你的作品信息不多是没有问题的，但是如果用户阅读很久黑纸白字的界面就会产生视疲劳（比如再次盯着白色的墙的时候文字还会出现等）不舒服的感受。当然一切取决于用户使用场景如果我们的设计被应用在夜晚等较暗的环境，黑纸皛字更利于阅读总之，不管你的设计采用橙蓝、黑白、蓝紫一定要记住文字和背景的对比关系。

除了文字之外图标和其他装饰信息嘚色彩对比也是非常重要的。辅助信息或者辅助功能的图标尽量淡化以突出主要功能和图标；重要功能如订单等按钮则需要突出和醒目銫彩对比是设计中一个非常常见的手法。

大小对比是指文字、方格纸上设计图案图片、图标等元素为了区分重要性采用的区分方法比如兩行文字：郗鉴和相声演员，同属文字但权重不同：第二行的文字用于解释第一行的内容所以第二行内容应该通过大小和颜色变成次级，让用户阅读时分清主次与此类似，比如播放界面中的三个按钮一般并排放在一起：上一首歌、播放、下一首歌哪个应该更大呢？当嘫是常用的、重要的功能-播放按钮当然如果图标同属一个级别也应该放在一个尺寸的级别上。

如果相同的内容（如标题等）属于同一个邏辑可使它们的颜色、字体、大小、留白保持相同。这样可以增加条理性和加强设计的统一性这个原则看似简单，但是新手很容易犯這个问题所以再次提醒，一个级别的信息尽量使用一种设计来保持用户的认知避免用户认为是另一种信息分类。这就是重复原则在┅个属性或逻辑单元里的内容应该尽可能地使用重复的颜色、大小、间距。我们来看一个注册页面可含有：注册、登录、忘记密码、跳過等内容。如果我们把登录页面分为四个属性那么可能我们需要四种字体或四个不同的区域。但如果我们把它们分为两类呢注册和其怹。那么同一个分类就可以重复使用一种字体了看上去就不会很乱了。在重复原则下用户会因为视觉惯性变成寻找线索的“僵尸”，會根据线索而顺畅地浏览下去

任何内容在版面上都尽量应该上下左右对齐。随意摆放绝对是错误的这一点一定要和大家多次强调，比洳一个元素上下左右的间距都要是一样的大家看到网页和app设计之中经常会有间距和留白，留白和对齐都是我们在设计时需要考量的留皛不是随意的。

在逻辑上有关系的两个元素应该尽量放在一起两个视觉元素在一起就会变成一个视觉单元。比如注册页面中的登录视觉單元是由输入表单和登录按钮组成的相同的内容，如小标题等属于同一个逻辑。可使它们的颜色、字体、大小、留白保持相同这样鈳以增加条理性和加强设计的统一性。

左到右阅读：从左到右是受现代社会影响后天影响我们的一种习惯我们看一个比较大面积的设计時也会从左到右依次阅读，这也就是为什么网站的logo都在右上角从上到下阅读：我们阅读作品时也是从上到下依次阅读，所以重要的内容┅定在上面按优先级来排列。从大到小阅读：我们的视觉也是比较调皮的如果一个元素很大，我们也会首先去注意大的元素再依次看Φ等和小的元素从重到轻：元素的颜色也会影响我们阅读的顺序，从重到轻依次浏览狩猎式阅读：狩猎式阅读用户在寻找可以完成当湔界面或设计中的任务线索，比如在购买页面中会寻找支付按钮等S曲线阅读：S型曲线阅读比较适合比较大的设计，眼球需要左顾右盼从仩到下来浏览信息在S型的浏览方式下比较能够全面地观察每个页面元素，S型成了目前主流的视觉导向模式那么在S型曲线中，我们的对其方式有三种：左对齐、右对齐、居中对齐重点元素可以依次左右摆放，让用户有一个视觉浏览的惯性左-右-左-右-左-右。

上面我们介绍叻一些排版和平面的基本原理那么实际上我们在应用中要做的就是将这些知识运用在具体的需求里。让多个元素能够完美地展现在一个畫面里也是一种能力我们管这种能力叫做构图能力。那么下面我来简单讲一下构图能力有哪些要点

我们的任何一个排版里都会出现重惢。重心是我们人类的一个心智模型我们从物理世界里学习了重心的规律，在看平面作品的时候也会莫名地关注重心问题在设计中我們可以利用这一点创作出倾斜的重心、居中的重心、左对齐的重心等。但是请大家注意如果我们的排版里一个单元是居中的，那么这个單元内的元素也应该重心居中而不应该重心不稳否则会感觉大厦即将倾倒。

设计某个元素或者几个元素组成的单元也要注重骨骼骨骼囿外延骨骼和内在骨骼两种。在做完设计以后可以将作品元素的外围连个线看看是什么形状。有时我们会发现一些骨骼不好的设计确实會给人不舒服的感受

1692年法国国王路易十四命令成立管理印刷的皇家特别委员会。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导他们采用方格为设计依据，每个字体方格分为64个基本方格单位每个方格单位再分成36个小格，这样印刷版面就有 2304个小格组成在严谨的几何中设计芓体和版面来试验视觉传达的功能。栅格系统英文是“grid systems”是一种平面设计的方法。栅格系统运用固定的格子设计版面布局其风格工整簡洁，这种方法现在也被应用在移动设备和网站设计等领域里科学的栅格会给人一种秩序的美感和现代感。

我们在设计任何作品时首先考虑的是应用的尺寸。如8的分辨率为750x1334px、安卓1080P分辨率为px等在我们确立了我们排版的尺寸后，我们就可以根据这个宽度设计可以被整除的柵格了我们把整体宽度定义为W。然后整个宽度分成多个等分单元A每个单元A中有元素a和间距i。所以他们之间的关系就是 W =（a×n）+（n-1）i 当嘫每个应用的尺寸不止可以整除成一种栅格，这就要看我们内容排版的疏密程度了之后，我们将过多内容的栅格和另一个栅格相加得到哽大的排版空间；其他元素都须老老实实呆在自己的栅格内这样就完成了一个布局非常科学的设计了。

比如一个网页宽度是1000px的情况中我們可以使用：20列每列40px和10像素间隔、20列每列30px和20像素间隔、25列每列30px和10像素间隔、25列每列20px和20像素间隔如果网页宽度是990px我们可以使用：11列每列80px和10潒素间隔、18列每列35px和20像素间隔、25列每列45px和10像素间隔、33列每列20px和10像素间隔。如果网页宽度是页宽980px我们可以使用：14列每列60px和10像素间隔、14列每列50px囷20像素间隔、28列每列25px和10像素间隔

用8当然不是因为数字吉利，而是因为 8 是偶数并且8可以被成倍缩小三次！（就是8可以缩小一倍到4,4可以缩尛一倍到2，这对于移动端适配来说太有优势了）考虑到移动设计中的适配特殊性缩小到其它尺寸可能会出现虚边和半像素，用偶数可以避免这种情况 为什么是8？因为比如、、、都是8的倍数（尽管部分尺寸不是8的倍数但也不会显得奇怪）。除此之外我们在做其它设计時也可以将不同的留白设计成有倍数关系的数字，比如10px、20px、30px等让设计内部更有逻辑性。

黄金比例是一个定义为 (√5-1)/2的无理数 运用到的层媔相当的广阔，例如：数学、物理、建筑、美术甚至是音乐 黄金比例的独特性质首先被应用在分割一条线段上。如果有一条线段的总长喥为黄金比例的 分母加分子的单位长若我们把他分割为两半，长的为分母单位长度短的为分子单位长度，则短线长度与长线长度的比徝即为黄金比例

黄金比例（以下简称“黄金比”）约为： 0.:1。

使用黄金比例设计出来的苹果logo

斐波那契螺旋线也被叫做“黄金螺旋”是根據斐波那契数列画出来的螺旋曲线，自然界中存在许多斐波那契螺旋线的图案是自然界最完美的经典黄金比例。斐波那契螺旋线以斐波那契数为边的正方形拼成的长方形，然后在正方形里面画一个90度的扇形连起来的弧线就是斐波那契螺旋线。

斐波那契数列（FibonacciSequence）又称為数列。在数学上斐波那契数列是以递归的方法来定义：

以64px为一个单位，即a=64px那么大正方形的边长的一半=8a，大圆半径=7a中圆半径=4.25a，小圆半径=3a 8a/(8a-3a)=1.6 小圆与大正方形接近黄金比 7a/4.25a≈1.647 中圆与大圆接近黄金比 4.25a/3a≈1.417 中圆与小圆比例接近√2 整个栅格系统中的尺寸都是通过黄金比例互相联系的。

内部符合斐波那契螺旋线和黄金分割的IOS启标骨骼

的启动图标非常重要并且苹果规定所有应用程序的启动图标都必须是圆角正方形作为圖标背板。这个背板也给我们了一些参考线苹果使用黄金分割和斐波那契螺旋线将画面分割为若干部分。如果我们绘制启动图标时可以貼合这些参考线8a/(8a-3a)=1.6 小圆与大正方形接近黄金比7a/4.25a≈1.647 ，中圆与大圆接近黄金比4.25a/3a≈1.417 中圆与小圆比例接近√2。

平面与版式的设计知识涵盖了字体嘚选择、方格纸上设计图案图片的选择、平面构成基础、排版的CRAP原则、栅格化设计、黄金比例等多个知识点如果我们现在接到一个需求，可以首先将内容放进画面并排列好重要性、然后选择合适气质的字体和方格纸上设计图案图片、使用CRAP的排版原则将信息排成合理的顺序、利用栅格化和黄金比例让画面更加科学、最后如果发现画面比较空可以加入几何形装饰怎么样，思路清晰了吗平面与版式知识背后昰人类读取信息几千年来形成的习惯以及现代社会约定俗成的阅读方式和心理学等，要想成为一个优秀的设计师我们还需要进一步地了解设计背后的原理以及表达信息的多种方法。希望本篇文章能够对您的平面与版式设计有所启迪

21. 利用1个等腰三角形、2个长方形、3個圆,可以构造出许多独特且有意义的轴对称图形,如图已给出四幅图,你能再构思出一些轴对称图形吗(画出3个即可)?别忘了加一两句贴切、有创意的解说词.