随着开放平台日益增多，衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点设计也可谓是五彩斑斓，灿若繁星。 我们可以来找找这些网站的设计是否有规律可循。 通常一个网站，都会有许多目标需要完成，而像应用服务或程序类网站其最主要的目标就是吸引访客去购买或者注册他们的产品。   可以从几个方面来分析   色彩 Amoderneden 从它的整体色彩配图元素构建等不难看出，这是一个关于儿童教育有关的网站，推的就是寓教于乐的产品服务。   Paraply 他们为用户的当前位置提供降雨预报服务。忧郁的蓝色预示着雨雪的降临，与雨伞保护感强烈的红色相对比显得相得益彰。   MailChimp 他们专门为客户公司提供强大的电子邮件营销服务。鲜亮的色彩预示这是家充满激情活力的公司。   色彩的应用组合预示了这些信息。   布局 一般访客的视线会从页面的左上角的开始，扫视网站的顶部（Logo,导航） 接着他们目光向下移动，读下一个区域…该产品的模拟截图和简单的文字介绍，通过这块漂亮的展示区域，他们才开始对网站有了初步的印象。 访客看到产品的模拟展示后，他们就可以想象实际应用的情景。如果能够让潜在客户想象使用产品的情形，你就已经开始勾起他们的购买欲望了。 更重要的是，这类图片不仅仅是会吸引访客，他还传递给访客易于使用的信息。 如果你为访客描绘了一副栩栩如生的画面，让用户觉得使用你的产品可以受益很多，那么他们的购买欲望就会膨胀起来。 最后，当用户做决定的时候，视线就自然的落在了按钮上，引导他们立即购买或注册产品。   可以举些例子 LemonStand   Opera Zendesk 百度快搜   按钮 操作按钮要做的灰常之醒目可点击极强，这是必须的。 看看下面这些按钮实例：     功能点 如果可以，在页面下半部分使用一些图标和短标题来把产品的一些功能点罗列出来，简明易懂就行。   网站的设计应该为它的目标服务。当然，网站的外观也很重要，它决定了访客的第一印象，但是同样重要的是，不要为了设计而让网站走入歧途，美学上的好看并不能提升网站的表现力。因此，你需要确定设计策略都是由网站的目标和计划驱动的。 部分资料参考源自

俗话说“温故而知新”在看了中国美院王雪青老师的《二维设计基础概论》视频后很受启发。王老师对设计的梳理与总结很见功力，解析的深刻而清晰，好的东西不敢独享，在此与大家一起分享。 先来了解一下什么是二维设计基础？ 维度的定义 一维只有长度，呈一种相对的线形状态； 二维有长度与宽度，呈相对的面形状态； 三维有长度宽度和高度，呈体积或空间的状态； 二维设计基础在平面范围内的研究，是为设计做铺垫的涉及到形态的创造方法与规律，色彩的基本知识与实践以及与之相关的图形生成与构成关系等基础知识。 让我们通过课程中的三个关键词来展开： 就我个人的理解，这三个关键词是一个递进的关系，工具与手段是基础，形态与色彩是建立在工具与手段的基础之上是表现的手法与形式，感觉与逻辑是前两者的精神内涵之所在。 看看课程中是如何去解读的。工具与手段，设计工作中都是利用工具来勾画草图与绘制图形的，但在王老师的二维设计基础的体系中，首先打破的是我们对工具的认识，铅笔不仅是画石膏，水粉笔不仅是画色彩，一切事物都能是视觉元素的创造工具，你需要放弃传统的用法，去发现新的表现方法和创新工具的运用，这一点给了我很大的启示。从学习设计第一课开始就注重培养创造与发现的能力，这对开拓设计思路是很有帮助的，让同学们学会换位思考去观察和发现，当这种思考成为一种习惯，在设计时会产生很多富有表现力的视觉元素，而这些元素是很独特的，让我们来看看下面的例子： 形态解决的是图形的质量问题，在这里讲到了图形的造型本身和肌理的效果，一个高质量的图形是两者兼备的，给人以耐看并有深层次的内涵在里面。图形的造型解决的是平面内点，线，面的构成。在网站的视觉设计的过程中设计师就是通过点，线，面的关系来传递页面的逻辑关系。好的页面一定有非常清晰的点、线、面关系，而肌理效果强调的是页面的质感、色调的表现。 形态当中一个很重要的内容就是图与底的关系，每个图形都有“正像”与“负像”之分，在处理某些图形是，如果过于关注图形的正像而忽视了图形的负像，可能就会导致整个图形的形比较散，而缺少组织和关系。这一点也是在设计过程中实现提升和突破的关键。 形态的另一个内容就是构图，构图大家都比较熟悉，在很多时候我们都会面临构图的选择，因此我们可以理解构图是对画面组织的一种决策，同样的元素由于构图的组织关系的不同，画面给人的感觉是不同的。把握好构图的选择是对形态的一种诠释。在构图的过程中会有一些形式法则，规则和不规则的，这种法则定义为图形的骨骼。如：重复，特异，渐变，聚散。图形的关系应该是自然和谐的，在设计中不能机械的去应用这些法则，只有轻松灵活的组织才能让图形变得更灵动。非常认同这一点。 色彩的感知与构成。关键在于如何去寻找色调，确定色谱，如何去营造一种色彩的氛围，课程中介绍了几种方法： 向大自然请教 向大师请教 向成功的设计请教 大自然中有很多漂亮的色彩关系，大师的绘画作品里色彩关系也很丰富，很多成功的设计作品也很值得借鉴。通过掌握提取色彩方法，组织色谱来达到更有效的设计表现。在这个过程中需要大量的练习与尝试，是一个理解与实践的过程。当很好的掌握色彩的调子，很多的色彩应用也就信手拈来，在选择上也就更宽泛。但在设计经验的积累还不是很丰富的时候，以上的方法是很好的一种解决办法。 来一起看看下面的例子： 感觉与逻辑，在设计的过程中我们会遇到很多抽象的形态，比如点线面等元素，在界面设计时我们会比较注重逻辑的东西，而忽视掉一些感性的东西，让用户觉得页面缺少个性的东西而不容易记住，而有的时候太注重感性层面，把逻辑的层次给打乱了。所以掌握两者的平衡是考验一个设计师的综合的能力。个人的理解在界面设计中，感性是“情”，逻辑是“理”，在设计之初，设计师应该有更多的情感的元素在心里已经沉淀，充分理解产品与交互的“理”的时候，再去取舍心中的“情”，设计时做到点到为止，不能凌驾与“理”之上。所以，适当的情感化的界面设计是提升界面美观与品牌形象的关键。 在这里还提到了，保持敏锐的个人感受又能很好的研究逻辑，掌握方法。从感性与理性这两个方面去灵活有效的把握造型，提高审美素质。在了解与掌握图形创造规律的同时，研究如何去赋予图形以生命与寓意的可能性。审美素质是一种观察与判断的美的能力，赋予抽象图形以寓意，是将个人的观察与判断提炼并深化再创造的过程。提高审美素质是我们创造与设计的基础，需要更多的用心观察，发现事物，而提高审美素质的过程是阶梯式的，某一个阶段会感觉提高比较快，而某一个阶段会感觉停滞没有突破，在这个过程中需要我们去打破一些相对固定的法则，融入一些新的理念并能换位思考做到融会贯通，慢慢的这种思考和眼光会让你的作品变得更有张力，上升到新的层次。设计说简单也简单说复杂也复杂，正如课程中所说如果能用一颗玩的心态来做设计是多么开心的一件事情啊！ 具体的设计的应用： 文中部分内容摘录王雪青老师的视频，想聆听王老师真传的同学请点击这里