作为一名UI设计师，每年都会沉浸在一些新的界面设计趋势中兴奋不已。接下来，我们将探寻2014年的设计趋势，这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势，紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然，响应式设计不仅去年是热点，今年依然还会被人们重视。同样，栅格化设计作为最基本的设计，也会被继续延续下去。

这次，蓝蓝设计想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些界面设计风格，但是今年我们会真正关注它们。

更多留白/负空间

蓝蓝设计这个教程中我们将使用Photoshop CS6设计一个简单、干净、三列的作品集时间轴。在这个过程中，我们将着眼于自定义网格，排版样式，并利用不同的颜色和对比度实现我们想要的美感。

同学们可以从这个教程学习如何在一个页面平衡不同的元素，使整个界面设计富有韵律感与呼吸感。快毕业的童鞋们可以尝试这样展示你的作品集哟。

上效果图：

蓝蓝设计与你分享一位优秀的交互设计师的成长过程与想法。

1. 交互设计师应当具备的能力

如果我们简单的将用户体验领域涉及到的技能分为：用户研究、产品（概念/功能）设计、交互设计、视觉设计、工程技术，我认为任何一个交互设计师和视觉设计师等等，都应该具有整体的复合技能，只是哪部分更多哪部分更少的问题。

1) 用户研究：对于交互设计师，不具备基本的用户研究能力，无法吸收来自用户的「信息营养」，如何做出真正以用户为重心的设计呢？观察法、访谈法、问卷法、可用性测试、行为数据分析等等，这些基本的方法应该要有所掌握。

2) 产品（概念/功能）设计和交互设计：这方面不必多说，交互设计师必须有大局观，能够真正的理解产品的思路和方向，从交互的角度实现产品层面的意图。这也是很多交互设计师转向产品设计师、产品经理的原因，在很多方面有交叉。

每当谈到网页设计这个话题时，我总会想到这些年我见过的一些常见的错误，尤其是发生在年轻UI设计师身上的。所以今天蓝蓝设计整理了一些资料，算是我这些年总结的经验吧，主要是教大家怎样做好网页界面设计。我认为每一个网页设计新手在开始一个项目之前都应该了解这些知识，在项目开展中也应该注意。

这些概念不仅仅是网页设计方面的，还包括现实中的工作流问题，它可以帮你更好的完成工作。如果你能将这些知识融会贯通，假以时日，做一个专业的网站界面设计布局就不是问题啦~

01.将你的想法先在纸上画出来

随着互联网信息爆炸式增长，用户浏览单个网页时，并不像我们想象的如阅读文章般从左到右、从上倒下逐一查看，那么朋友们和蓝蓝设计一起了解如何在设计中建立良好的视觉层级！

一、 视觉层级为什么重要

左侧是设计师期望用户的浏览方式，右侧为用户实际的浏览方式—摘自《Don’t make me think》

用户来到一个网站有他自己特定的目标，如阅读新闻、购物、查看新消息，然而信息量太大，逐一查看需要大量时间，这就要求网站设计能抓住主流用户特征，将重点推送给他，用户找到自己的目标或感兴趣的点，才有可能继续浏览或产生下一步动作，否则就会离开。

优秀的编码和优秀的设计之间是相辅相成的。不幸的是，视觉设计能力偏弱的人通常会觉得自己缺乏天赋，换句话说，就是人们要么觉得自己具有出众的美学天赋，要么就是这方面的白痴。对这个说法，我可不敢苟同。

如果你在一个小团队里面身兼数职，却又没有多少美学基础。又或者你觉得你们的项目在视觉上还有更多发挥的空间，那么这篇文章就是写给你的。蓝蓝设计将谈到传统的5个消除丑陋艺术设计的元素和原则（或者至少能够进行一定程度的掩盖）

1.来点留白

大多数的UI设计开发者并不在意添加空白的像页边距，填充，行高，或者其他任何增加空白的CSS属性。识别出开发者设计的界面设计是很容易的：文本都是紧紧地挨着边缘的，没有任何留白，而且屏幕元素之间是通过直线来实现分割的，而不是空白。

<IMG style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 0px; FONT: 12px/21px Arial, Helvetica, Arial, sans-serif; MAX-WIDTH: 100%; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; HEIGHT: auto; COLOR: #525252; VERTICAL-ALIGN: middle; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px" alt="'Two examples of space. The first box reads " src="http://uisdc.qiniudn.com/wp-content/uploads/2013/04/space.png" frontier.??? final The ?Space... reads, box second you?? on in closing are walls the like feel ever you Do>

创建一个成功的网站究竟该做些什么

近年来，网站摇身一变成为了更好的交流场所和绝佳的信息来源地。Boss们不仅想让网站品牌化，同时也希望游客能在浏览时找到有价值的信息。SO，如果一个网站不能提供精准且广泛的信息给目标顾客，顾客们就会转而去其他的网站。
网站设计的另一个目的在于让生活更便利，让工作更快捷。它通过放大双向沟通的方式，让游客对此留下深刻印象，从而产生依赖心理，并愿意长久的通过网站的查询方式来联系业务和订票等。这样一来，方便顾客这一目标就达到了。除此之外，网站还可以有效的节省你的时间，帮助你迅速增加用户基础以及让一些进程自动化。
前面提到的网站优点都只是抱砖引玉，网站真正的目的在于——最终能给顾客带去价值。这些价值除了鼓励顾客通过网站相互交流，并参与到商务处理流程中，还应该提供更好评定信息、规避长久的等待阵列、授与顾客权利去挖掘更广泛的产品和服务信息等。
蓝蓝设计主要是向你阐述，创建一个成功的网站究竟该做些什么。

Step.1 写一份网站说明书

写一份切实可行的网站说明书是创建一个专业网站所不可缺少的，它是最关键的文件之一，能助企业挖掘出优先考虑事项、明晰企业责任和树立企业品牌形象。必要的计划和精准的信息对一份网站说明书来讲是最重要的。但是当下，成功的寻找到有力的营销方法和持久最佳努力的前提是 —— 你有策划一个缜密计划的能力吗？
一份优秀的网站说明书要涵盖： 企业的预算、因不能及时交付产品而延误的时间、可交付产品、知识产权、网站的目的、网站的体系结构、域名、网站使用的编程语言。除此之外，以下几点是绝对不可缺少的：

1.创建这份文件的意图

作为一名设计师，每年都会沉浸在一些新的设计趋势中兴奋不已。接下来，蓝蓝设计将探寻2014年的界面设计趋势，这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势，紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的ui设计。当然，响应式设计不仅去年是热点，今年依然还会被人们重视。同样，栅格化设计作为最基本的设计，也会被继续延续下去。

这次，我想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格，但是今年我们会真正关注它们。

更多留白/负空间

作为一名设计师，每年都会沉浸在一些新的界面设计趋势中兴奋不已。接下来，我们将探寻2013年的设计趋势，这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势，紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然，响应式设计不仅去年是热点，今年依然还会被人们重视。同样，栅格化设计作为最基本的设计，也会被继续延续下去。

这次，蓝蓝设计想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格，但是今年我们会真正关注它们。

更多留白/负空间

随着做设计的年岁慢慢在增长，我们也在思考着，到底什么样的设计是最好的设计？恐怕这样一个问题，没人能用只字片语说得清楚，而日本当代最具代表性的产品设计师深泽直人就说过：“不为设计而设计=最好的设计。”      

而自20世纪80年代以来，做得最好的设计代表莫过于“无印良品(MUJI)”。它的本意是没有品牌的优质商品，虽然极力淡化品牌意识，但它遵循统一设计理念所生产出来的产品无不诠释着“无印良品”的品牌形象，它所倡导的自然、简约、质朴的生活方式也大受品位人士推崇。

无印良品的最大特点之一是极简。它的产品拿掉了商标，省去了不必要的设计，去除了一切不必要的加工和颜色，简单到只剩下素材和功能本身。它通过三个理念：1选择材料：有效利用全世界范围内已发现的原材料。2检查工序：彻底检查每一道工序。省去与商品原有品质无关的无用作业。3简化包装：追求材料本身的颜色及样式。拒绝过度包装。来设计各种品类的产品。

有人认为，与其说无印良品是一个品牌，不如说它是一种生活的哲学。它不强调所谓的流行，而是以平实的价格将还原了商品价值的真实意义，并在似有若无的设计中，将产品升华至文化层面。如今，无印良品的产品种类已达到6000种左右，国际著名的财经杂志《福布斯》，也曾经将它评为全球最佳中型企业。