优秀页面设计

很多人常常询问某个页面该如何布局这样的问题，其实网页布局也没有想象中那么难，只要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。一、    搭建当然在设计之前我们要了解客户的需求、网站的定位、受众群等很多方面的事情，也就是说需要了解策划方案。如果我们连这些问题都还不清楚的话，请先不要去想着设计，因为在不了解客户需求的情况下，盲目的去把页面设计达到某种视觉效果是很难的、也会很容易被客户推翻的，即使客户不懂，过关了，但是如果没有真正为客户带来价值，它还是失败的。当我们真正了解客户需求后，你可以尽可能的发挥你的想象力，将你想到的"构思"画上去（用笔和纸或者软件都可以，根据自己的习惯而定），这是属于一个构思的过程，不讲究细腻工整，也不必考虑到一些细节的部分，只要用几条粗陋的线条勾画出创意的轮廓即可。尽可能的多构思一些，以便选择一个最适合的进行搭建。二、    粗略布局基本上在确认客户需求后，网站的大体影响就了一个简单的轮廓。是企业型的还是产品展示型。一般企业网站的首页大体上有一下六种模式。1)    大框套小框的布局这种布局方式即是我在上面提到的常见的布局，不是说这种布局方式一无是处，但我们总不能只会这一种布局方式，次次套用吧？按照这种布局当然也可以做出来漂亮的设计，但毕竟方框限制的视线的扩展，如果客户要求做出大气的感觉，一般不会按照这种方式来布局，通常来讲，大气意味着开阔视野。2)    通栏布局这种布局方式让视线不再受到方框的限制，比起上面的布局方式，自然多了些大气、开阔的味道来。另外，主视觉部分还可以灵活处理，既可以向上拓展到logo和导航的顶部位置，也可以向下拓展到内容区域，这种布局方式也是非常常见的布局方式。

　　AON公司LOGOAON保险公司是世界顶级的保险公司，属于世界 500强的企业，在全世界范围内拥有600家办事处与52000名雇员。在世界500强的企业中，85%的企业都由于AON的优质服务而成为他们的忠实客户。2000年至今AON为全世界50000名以上的国际学生提供了专业的保险服务。而它优秀的服务赢得了全荷个大学校国际学生的好评，在nuffic提供的国际学生保险满意程度调查中的到了9分（满分10分）的最好成绩。其最突出的特点为快速便捷的在线申请程序，丰富的覆盖范围，优秀的服务热线和快速的理赔服务。　　09年赞助　　英超冠军曼联俱乐部官方宣布，与总部位于美国芝加哥的保险金融业巨子Aon(怡安保险)公司签订了全新的球衣胸前广告赞助合同，将从2010/11赛季开始生效。 作为协议的一部分，Aon标志将出现在曼联球衣胸前，取代目前的AIG，后者因为申请破产保护，如今已经是美国国有公司，因此早已宣布在目前的合同2010年5月到期后，不再与曼联续约。而Aon公司，则是一家提供风险管理服务、保险与再保险经纪及人力资本与管理咨询的知名企业。数据显示，赞助曼联的确能迅速提高企业知名度，在第一年赞助红魔后，AIG很快就成为了世界上排名第47位的国际最受认可的知名品牌，而在巴隆国际企业受尊敬度排行榜上，他们最终从原本的第84位窜升到第30位。

软件掌握类 平面设计的软件比较多,但是现在比较常用的是photoshop,coreldraw,freehand,illustrator,pagemaker, photoshop主要是做图像处理,以及文字较少的广告画面 coreldraw主要是用于排版,是一个矢量软件,文字排版功能比photoshop强大,可以用来设计名片,宣传单,海报,画册,报纸等.... freehand我用得少,也是一个矢量软件,功能不比coreldraw,因为它能在苹果机上运行,而coreldraw不行,所以才会被大家选择. illustrator也是一个矢量软件,操作起来有点像photoshop and coreldraw的综合体,不过我还是用coreldraw用惯了,用了六年,所以这个软件我也是用得少 pagemaker是一个专业排版软件,主要用于排书刊. 平面设计基础方面主要是要克服平面构成,图案,图型联想,创意,基础素描,色彩构成等,一般书店都有这类书卖.这几个是决定你以后设计美感和感染力的主要因素.可以这样说,这些是作品的灵魂,软件运用是作品的躯体. 平面设计泛滥成灾，做平面入门容易，想成高手就持难，我从事设计10年，深知做平面有多累，刚出道可以从包装设计、广告设计入手，主要是这方面可参考的东西很多，做多了才会有自己的心的，多看国外的优秀设计，中国在这方面没国外好，学习国外的创意思维，设计是拒绝经验，拒绝重复，多看其它方面的书，提高自已的文化素养和审美力，（尤其在版面设计，色彩运用更是加重要，从这方面一眼就能看出你的水平），有条件可拜个名师，借借东风，多去商场看看别人的包装和街头广告，研究别人的版面和用色，这太有用了，总之要多留心,多学习从身边....

很多人常常询问某个页面该如何布局这样的问题，其实网页布局也没有想象中那么难，只要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。一、    搭建当然在设计之前我们要了解客户的需求、网站的定位、受众群等很多方面的事情，也就是说需要了解策划方案。如果我们连这些问题都还不清楚的话，请先不要去想着设计，因为在不了解客户需求的情况下，盲目的去把页面设计达到某种视觉效果是很难的、也会很容易被客户推翻的，即使客户不懂，过关了，但是如果没有真正为客户带来价值，它还是失败的。当我们真正了解客户需求后，你可以尽可能的发挥你的想象力，将你想到的"构思"画上去（用笔和纸或者软件都可以，根据自己的习惯而定），这是属于一个构思的过程，不讲究细腻工整，也不必考虑到一些细节的部分，只要用几条粗陋的线条勾画出创意的轮廓即可。尽可能的多构思一些，以便选择一个最适合的进行搭建。二、    粗略布局基本上在确认客户需求后，网站的大体影响就了一个简单的轮廓。是企业型的还是产品展示型。一般企业网站的首页大体上有一下六种模式。1)    大框套小框的布局这种布局方式即是我在上面提到的常见的布局，不是说这种布局方式一无是处，但我们总不能只会这一种布局方式，次次套用吧？按照这种布局当然也可以做出来漂亮的设计，但毕竟方框限制的视线的扩展，如果客户要求做出大气的感觉，一般不会按照这种方式来布局，通常来讲，大气意味着开阔视野。2)    通栏布局这种布局方式让视线不再受到方框的限制，比起上面的布局方式，自然多了些大气、开阔的味道来。另外，主视觉部分还可以灵活处理，既可以向上拓展到logo和导航的顶部位置，也可以向下拓展到内容区域，这种布局方式也是非常常见的布局方式。

　　一、网页艺术设计的内容　　设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设　　计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。　　1.视听元素　　这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文　　字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术　　的运用大大丰富了网页艺术设计的表现力。　　以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示GIF、JPE　　G图形和GIF89a动画。还有些多媒体文件（如MP3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏　　览器使用插件（Plug-in）可以播放格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页　　中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之　　中的小应用程序，相比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之　　，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技　　术的出现，也对网页的艺术设计提出了更高的要求。　　2.版式设计　　网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式　　设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺　　术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。　　但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网　　页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计　　带来了一定的难度。　　二、网页艺术设计的原则　　网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，　　由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与　　形式的统一。它要求设计者必须掌握以下三个主要原则：　　1.主题鲜明　　视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，　　是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰　　和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。　　根据认知心理学的理论，大多数人在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息　　容易产生记忆上的模糊或遗忘，概括起来就是：较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含　　在人们寻找信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。　　作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想　　运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对　　网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注　　意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。　　优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性　　质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次　　，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题　　。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现　　“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的　　网页为目的。它的主题只有一个，就是——美。　　只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都　　将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。　　要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的　　逻辑性的把握运用来达到。　　2.形式与内容统一　　任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式　　是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的　　结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如　　黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表　　现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）　　一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的　　设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，　　深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另　　一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。　　只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。　　据有关资料所做的保守估计，目前在WWW上网页数据传输平均以每秒1.5k的速度到达客户端。假设某个网页为了丰富其艺术性而　　追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏　　览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之　　一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响　　了传达信息的效果，因而不是形式与内容的完美统一。　　网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这　　就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。　　因此，在网页设计中必须注意形式与内容的高度统一。　　3.强调整体　　网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。　　网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足　　人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部　　有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。　　网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特　　征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，以　　周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定；一个站点通常只使用　　两到三种标准色，并注意色彩搭配的和谐；对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，　　都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。　　从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页　　整体性设计的同时必须注意：过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”　　是“多变”基础上的整体。　　三、网页艺术设计的特点　　1.交互性与持续性　　网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因，也是网页设计时　　必须考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事　　先确定的格式来传播。而在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息　　的加工处理和发布之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人　　员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。　　例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一　　贯性的基础上，不断创作出新的网页设计作品。　　2.多维性　　多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以　　在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、　　网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困　　难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。　　印刷品中导航问题不是那么突出，如果一个句子在页尾突然终止，读者会很自然地翻到下一页查找剩余部分，为了帮助读者找　　到他们要找的信息，出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时，读者会看到类似于　　“续68页”这样的指引语句。然而，作为一名网页设计者，你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者　　考虑得很周到的网页中，导航提供了足够的、不同角度的链接，帮助读者在网页的各个部分之间跳转，并告知浏览者现在所在　　的位置、当前页面和其他页面之间的关系等。而且，每页都有一个返回主页的按钮或链接，如果页面是按层次结构组织的，通　　常还有一个返回上级页面的链接。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因此必须　　考虑的问题。如：怎样构建合理的页面组织结构，让浏览者对你提供的巨量信息感到条理？怎样建立包括站点索引、帮助　　页面、查询功能在内的导航系统？这一切从哪儿开始，到哪儿结束？　　3.多种媒体的综合性　　目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平　　台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量　　提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（Stream）技术的推动下，　　Internet网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合　　运用是网页艺术设计的特点之一，是未来的发展方向。　　4.版式的不可控性　　网页版式设计与传统印刷版式设计有着极大的差异：　　(1) 印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器；　　(2)网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准；　　(3) 网页设计过程中有关Web的每一件事都可能随时发生变化。　　这一切说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设　　计的不可控制性。其具体表现为：　　(1) 网页页面会根据当前浏览器窗口大小自动格式化输出；　　(2) 网页的浏览者可以控制网页页面在浏览器中的显示方式；　　(3) 不同种类、版本的浏览器观察同一个网页页面，效果会有所不同；　　(4) 用户的浏览器工作环境不同，显示效果也会有所不同。　　把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引人之处。　　5.技术与艺术结合的紧密性　　设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供　　的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主　　要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注　　重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。　　例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，　　由于音频或视频文件都比较大，需要较长的下载时间。流（Stream）技术出现以后，网页设计者充分、巧妙地应　　用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐　　服务，无疑增强了页面传播信息的表现力和感染力。　　网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间　　听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了　　技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。　　四　结　束　语　　网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其　　所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛　　， 包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视　　觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视　　觉编排。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉　　环境，技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。

简洁，不等于简单。这与弹琴是一个道理，你也许有能力弹得很快，但你并不需要在所有地方都弹得这么快。在很多时候，让速度慢下来反而比弹得飞快要来的更加困难。实际上，味道往往最能体现在从容自然、舒缓平淡的韵律当中。接下来进入原文作者人格;我发现自己在很大程度上就是一Dummy System来着。简洁的Web页面设计风格是当前圈子当中的风潮之一。在本文中，我们首先将对这类风格当中的那些最具代表性的组成要素进行分析，随后，我(英文原文作者)还会向各位分享一些工作中的实战技巧。简洁风格的创意组成要素　　固定宽度的页面布局结构　　花时间观察一些简洁风格的网站，你会发现它们当中的绝大多数都有用到经过良好规划的网格布局系统。如果哪位朋友对网格布局还不大了解的话，可以设想一下，在着手进行实际的视觉设计工作之前，使用辅助线将页面划分为若干等宽的列，通过这种方式对页面结构及元素的布局进行更精准的规划。网格布局可以使设计方案当中的信息结构更加清晰，在视觉上具有强烈的节奏感与一致性。　　固定宽度的网格布局结构可以为页面带来秩序与效率。举个例子，虽然Creative Review当中的页面布局会根据内容类型的不同而有所区别，但我们能够感受到的浏览体验却是相当连贯的，因为这些页面都是基于同一套网格布局框架进行设计的。　　对于在线杂志或报纸一类需要呈现大量内容的网站来说，要打造简洁的页面设计方案则更加困难。不过英国的卫报(The Guardian)以及一些同类型的在线报纸站点倒是向我们展示了通过固定宽度的网格布局实现简洁设计方案的可行性：　　如果不使用固定宽度的布局方式来组织这些内容，几乎可以说，首页将会乱的一塌糊涂。然而，在网格布局的帮助下，模块之间的留白及层次关系都相当清晰，整个内容结构的健壮性得到了提升。　　下面两篇文章(英文)可以帮助你更好的理解与实践网格布局的概念：　　● A Brief Look at Grid-Based Layouts in Web Design　　● The 960 Grid System Made Easy　　也不是什么新概念了，国产好文章也蛮多，有欲求的同学可自行觅食——译者C7210注。　　良好的文字排印　　良好的文字排印方案往往可以对简洁风格的页面设计起到事半功倍的推进作用。　　对字体数量的限制是这其中的一个关键因素。如果在同一套设计方案当中运用了过多的字体，它们彼此之间就会产生视觉上的竞争与冲突，这无疑会使页面变得凌乱不堪，用户的阅读连贯性也会受到极大的破坏。　　看看那些设计优秀的网站，你会发现它们通常只会用到一到两种字体，并在此基础上通过不同的字号、字色、粗细、间距等属性来体现出内容的层次结构。　　这两个站点用到的字体都不超过两种，但它们的设计方案都比较充分地利用了字体各方面的属性特质，使得整个页面当中的信息层次非常鲜明。　　除了字体以外，行间距(line-height)也是文字排印方案当中的一个关键性因素。使行与行之间保持足够的空间，文字段落就能变得更加易读，当用户阅读到一行文字的末尾时，也可以很轻松的将目光转向下一行开头的位置。我们可以在样式表当中通过line-height属性对行间距进行调整。　　此外，对于每一行当中的文字来说，字间距(letter-spacing)也是我们需要考虑到的细节问题。合理的字间距可以为文字带来更好的呼吸感。　　关于文字排印，也有些不错的文章(英文)推荐一看：　　● A Basic Look at Typography in Web Design　　● CSS Typography: The Basics　　● CSS Typography: Techniques and Best Practices　　● CSS Typography: Examples and Tools　　简化的配色方案　　在印刷领域，设计方案所用到的颜色数量通常会受到各种现实问题的限制，譬如项目的预算只允许设计师使用两种颜色来设计海报。类似这样的情况是很常见的，设计师们时常会因为这些局限而感到相当的闹不住。　　而Web设计领域当中却不存在这类问题，如今，多数显示设备所支持的颜色数量都庞大的不亦乐乎。从技术上讲，我们可以随心所欲地打造各种花里胡哨五彩缤纷的设计方案，然而这样的实践方式显然会与简洁至上的设计目标背道而驰。很多经典的案例当中只会用到两种颜色， 即某个明度的灰色外加一种有彩色。其中的有彩色会用在最为关键的页面元素上，例如重要的链接或页头当中的交互对象。从某种角度来说这种极简的配色方案具有一石二鸟的作用，一方面，它无疑会对简洁视觉风格的构建起到至关重要的作用，同时，这类方案还能有效的提高页面元素之间的对比度，使那些重要元素得到最大程度的突出。　　另外一些成功的简洁设计方案当中，虽然用到的颜色数量会超过两种，但整体的配色风格依然趋向于保守，而且用到的颜色多数是比较中性的。　　正如文字排印方式与信息传达效果之间的关联作用，配色同样不仅是选取一些好看的颜色那么简单，优秀的配色方案可以通过正确的视觉基调将网站当中的内容更加有效地呈现出来。以Notologist为例，明亮、互补的颜色搭配使得内容信息及它们之间的关联得到了非常自然的体现，页面整体风格非常简洁直白，同时又不失活力。　　一致的图片样式　　如果同一个网站当中的图片(照片、插画、图表等)样式差别很大，你会觉得焦虑么?反正我会。　　对于内容当中有可能包含很多图片的网站或页面来说，要落实简洁至上的设计思路，其中最关键的一点就是要通过和谐统一的样式风格将这些视觉元素呈现出来。　　举例来说，IBM的智能星球运动(Smarter Planet campaign)涉及到多个方面的主题，与其相关的印刷品、插画、图表、人机互动素材等都遵从着同一套方案标准，包括几何框架、线条风格、色彩饱和度等。无论是在网站，还是在平面媒体中，相关主题的视觉表现形式都具有高度的一致性。　　设计思路与技巧　　先复杂，后简化　　在页面设计的过程中，我们必然要将各种界面元素一点点的放置在页面里。为了打造简洁的设计方案，很多设计师通常会在这种时候有所顾忌，下不去手。这会导致整个流程当中缺乏必要的探索性，而且最终的设计方案往往会让人感到苍白与空洞，而非简洁。大家多多少少应该都有所体会，如果运气好的话，探索过程中的那些happy accident往往能带来预想不到的惊艳效果。　　所以，我们不妨试试先复杂，后简化的思路。在设计流程初期，不要对界面元素的数量进行刻意的限制，同时尽量多尝试一些不同的布局方案，直到需求所需的内容及功能元素全部就位，然后开始简化工作。　　微调，再微调　　道上的朋友们觉得我总是喜欢没完没了的折腾设计方案，我真心觉得这种评价是对我的赞扬。　　在我看来，设计流程从来没有真正结束的时候，我们总是可以将方案朝着正确的方向再推进一点。说正经的，在这方面，问问那些和我合作过的设计师或实习生，他们会告诉你，跟着我干是多么苦逼的一件事儿。我估计也是，当我让他们在一些阴影的细节上修改了12次以上的时候，基本没人会觉得有意思了。　　正像我们在前文当中了解到的，“简洁”是由界面布局、文字排印、配色方案、元素外观等多方面要素协同构成的综合体验效应。所以，在整个流程中，花费大量时间在每个方面的细节当中进行纠结是必需的，这能怪我么?这里增大点行间距，那里的外边距减小两像素，把边框线的颜色由#EEE改为#DDD...这样的改动听上去并不重要，但当所有这些微调共同作用在页面整体上时，细微的差别所累加起来的综合效应就会变得非常明显。　　所以，微调吧，然后再微调些些。很多时候，在一个细节当中的调整还会引发另外一处的修改需求，有时甚至会对整个设计方案的方向造成影响。不怕，耐心些，简洁至上的设计目标需要我们付出的绝不会像最终成品看上去的那么简单轻松。　　大局观　　我前半辈子主要是一名印刷设计师。说是印刷，其实自己做了很多打印工作，因为每天在工作当中都会反反复复地将各种稿件打印出来并钉到墙上。久而久之，几面墙上都钉满了各种视觉方案的打印稿。　　在改行做Web设计之后，我果断不打印了，因为我觉得最终产品只会上上线而已，完全不会涉及到出版印刷一类的问题。于是在很长一段时间内，几个墙面都是空空如也的。不过慢慢的我却开始怀念起过去的日子了。将项目当中的设计稿一张张的打印出来并钉到墙上，这种简单直白的组织方式其实可以给我们带来一种很明显的大局观，使我们能够站在全局的层面上对页面进行观察和评审，并有可能发现可以被简化的细节元素。　　相比之下，在Photoshop或Illustrator中通过切换图层来对比视觉稿的方式就会让我们的视野受到很大的局限。所以我建议各位好好利用一下纸张及墙面，通过这种方式来发现不同页面的设计方案在一致性等方面的缺陷，去除有可能影响到简洁方案的不和谐因素。

一个含义是媒体的推广，另一个含义是媒体的管理和开发1、根据公司产品策略，策划推进公司的业务运营战略、协调公司各部门执行、实现公司的运营目标；2、建立并完善日常运营相关的制度体系、业务流程，建立规范、高效的运营管理体系；3、策划推进及组织协调公司重大运营计划、进行市场发展跟踪和策略调整；4、制定运营部部门战略发展和业务计划，协调各项工作，建设和发展优秀的运营队伍；5、制定运营指标、年度客户发展计划，推动并确保营业指标的顺利完成；

目前有小黄人力压暑期档所有电影，同期又有强IP强阵容的《悟空传》迅速吸金，《大护法》的排片量非常少，上映首日只有13%左右，第二日《喵星人》上映后，《大护法》的排片更是不足9%。在这样的压力之下，截至今日，《大护法》上映3天入账2000万，票房与口碑的对比着实有些尴尬，线上的讨论也非常有限。关于《大护法》的内容方面，本篇不做展开，仅从其宣发的角度来看看，动画电影都有哪些套路，而这些套路现在到底能否奏效。从《大圣归来》的成功开始，光线似乎就认准了同一套动画电影宣发模式：全国路演+口碑营销+众筹衍生品+三次元明星参与，后来的《大鱼海棠》、《你的名字。》和近日的《大护法》，宣发模式大同小异。如果说两年前情怀还值9.5亿票房，如今，光线带着主创团队全国做路演点映讲故事，似乎已经不那么容易让观众买单了。依靠导演往期作品和众筹吸引核心粉丝《大护法》的导演不思凡，从闪客时代开始就以强烈的个人艺术风格打动了核心的动画爱好者，拥有了一批最初的导演粉丝，从《黑鸟》、《小米的森林》到《妙先生》系列作品，都收获了良好的口碑，在豆瓣上评分远高于多数国产动画。2015年，不思凡开始筹备《大护法》，同年1月开通了官方微博@电影大护法，并由好传动画主导在美国众筹网站Kickstarter发起了项目众筹，一共获得了2万美金的支持。Kickstarter上的《大护法》众筹页面与《大圣归来》和《大鱼海棠》一样，《大护法》众筹是其宣传的重要方式，在国际舞台上发布了海报、人物设定和一些场景图片，制作人海格提到，《大护法》的第一批粉丝都是从当时的众筹开始关注这部作品的。同时，依托于Kickstarter成熟的推广渠道，《大护法》通过众筹反响在初期就掌握了作品的市场反馈，灵活调整后续创作。这个阶段，《大护法》所吸引的都是核心粉丝。2016年里，《大护法》还举行了数次小型的路演活动，面向的都是动漫行业的专业人群，直至今年4月，电影开始面向大众人群进入密集宣传时期。全国路演，重点攻略高校年轻学生从4月起，《大护法》陆续发布了海报、PV等物料，并邀请到戴荃、周深、蔡琴、关晓彤献唱。至6月时，《大护法》又开始在全国范围内路演，首轮路演走过沈阳、成都、云南、广州、上海、武汉、西安、济南八个城市的高校，之后又在杭州、北京等地举行首映，共有近万名观众参与其中。这与《大圣归来》、《大鱼海棠》、《你的名字。》的全国路演类似，都是导演及主创团队在活动现场与观众交流。在活动现场，《大护法》每次都会放出一些新的宣传物料，如发布新的主题曲，公布新的宣传PV，放出新的海报等。除了主创之外，活动还会邀请当地的知名动画制作人参与宣传。结束后，《大护法》官方又会将现场活动照片及参与观众评价做成合集长图，希望形成口碑效应在受众间自发传播。不过从结果来说，也许是对路演营造口碑的套路已经免疫了，也许是路演活动宣传受众具有局限性，总之远远比不上像《大圣归来》时全微博热捧的盛况，也不及《大鱼海棠》上映后毁誉参半的激烈讨论。除了在少数参与的观众之间有所交流之外，并没有将《大护法》传播给更广泛的受众。电影衍生品众筹，与《大圣归来》等作品联动在电影上映前，《大护法》开启了衍生品众筹预售，这又与《大鱼海棠》的策略相同，不过《大护法》的衍生品品类较少，不超过10类，集中在毛绒玩具、手办等收藏性质的衍生品类，合作方也有限，而《大鱼海棠》的衍生品超过了20类，包括各类手办、雨伞、帆布鞋、各式首饰、手机壳、VR眼镜等日用品类。从销售情况来看，光线电商的淘宝旗舰店内，《大护法》卖得最好的存钱罐和毛绒玩具，月销量600左右，其他手机壳、门帘、笔记本等，销量只有数十份。对比一下已经上映一年之久的《大鱼海棠》，现在其手机壳月销量还能达到300。有业内人士认为，这是因为《大护法》在衍生品方面没有下足功夫，特别是手机壳、门帘等日用品类，外形不够亮眼，颜色搭配、图案设计都欠考虑，因此对销量影响很大。同期《大护法》另一项比较有特色的宣发策略，是与《大圣归来》、《大鱼海棠》、《昨日青空》联动，推出了宣传海报，还得到了《星游记》、《魁拔》、《茶啊二中》等有人气基础的国产动画声援。这一系列宣传算是《大护法》宣发的高潮，唤起了许多动画爱好者关于国产优秀动画的回忆，更是打着“延续大字号国产动画电影”的招牌将情怀卖到了极致。宣传始终未能突破二次元用户《大护法》宣发最大的问题在于，始终未能突破二次元用户的范围，当然，这也与题材内容有关，《大圣归来》是全年龄向的合家欢动画，《大鱼海棠》和《你的名字。》是受年轻女性喜欢的青春恋爱故事，都适合广泛传播。但是从宣发的策略和实际效果来看，《大护法》确实缺乏三次元受众基础，购票平台上显示的想看人数很不理想，与其他话题片的差距非常大。举个例子，从邀请的歌手阵容来看，《大圣归来》邀请了汪峰和陈洁仪，《大鱼海棠》邀请了陈奕迅、徐佳莹和周深，除了周深是主要面向二次元用户的歌手之外，其他都是三次元受众所熟知的流行乐坛大牌明星，具有很高的认知度。而为《大护法》献唱的戴荃、蔡琴和关晓彤，虽然也是三次元明星，但在年轻人中的号召力还是有限，而且他们与动画电影的搭配，实在让粉丝觉得有些违和感。路演活动也是同样，虽然面向的是全国高校，但一方面，参与路演的中传学生、清北二次元观影团等，本就都是动画爱好者，尽管为电影口碑打下了基础，其宣传范围和口碑影响却都非常有限；另一方面，《大护法》虽然是动画的形式，但其内核还是比较深刻，自主分级PG-13，有观众认为应该提到PG-18，《大护法》照搬光线此前动画电影宣发的经验，在年轻学生群体中做大量宣传，这些观影人群不一定完全匹配作品。而在线上的宣传，无论是与《大圣归来》、《大鱼海棠》推出联动海报宣传，还是《茶啊二中》、《魁拔》等国产动画官博，卢恒宇、颜开等资深从业者的支持，包括使徒子、非人哉、幽灵等微博大V条漫作者的声援，都像是圈子内部互相打气支持。再以三文娱参加的《大护法》北京首映礼为例，哪怕现场邀请到了《从你的全世界路过》作者张嘉佳、《绣春刀》导演路阳、《分手大师》导演及编剧俞白眉等影视圈名人，《大护法》却没能有效利用起这些资源来，在社交平台上几乎未见他们的个人账号为电影做任何宣传。当然，需要强调的是，《大护法》票房的失败并非仅仅因为宣发不足，也并非质量上有重大瑕疵，主要还是在于题材过于小众，难以在大众人群中掀起热度。既不是老少咸宜的合家欢电影，也不是年轻受众青睐的爱情题材，而是晦涩难懂的政治寓言，无疑大大提高了观影门槛。除此之外，也有其他原因，比如虽然有猫眼平台的票补，但院线方面没有达成合作，排片量非常有限；内容不够商业性的同时，其艺术性又没能在宣传时很好地传达出来等等因素。在经历了上映前两天的票房失败后，从昨天到今天，已经陆续有Sir电影、视觉志、独立鱼电影等自媒体为其发声，无论他们是自来水还是属于《大护法》宣发的一部分，至少都起到了一定效果。《大护法》真正代表了中国动画新的可能性——新的视觉风格，新的题材，新的内核。票房只是一部电影商业价值的体现之一，三文娱期待，将来还能有勇于尝试的中国动画，而不全是彻头彻尾的爆米花电影。

这就好比是线性代数和数学之间的区别一样。就是说在web前端知识体系里有HTML5这个知识点要学习。另外还包括其他的知识点如下图：——ITJOB