洁净和一尘不染之间是不能划等号的。去掉了多余内容的界面设计看起来外形美观，一目了然，让人心旷神怡，尤其是对网页设计领域更甚。设计师在网站设计过程中，时常会遇到过度设计的例子。保持审美需求和实际需求之间的平衡，对整洁，干净和条理清晰的网站来说很重要。在激烈的行业竞争中，网页设计师想要获得成功，先决条件之一就是要掌握简洁的网站设计基础。在网站设计中，并没有保密规定，但相关的从业人员仍需坚持一些基本原则：用外观专业，整洁的网站设计来打动用户。

但是，简洁的网页设计并不就等同于我们在网页设计中所强调的极简主义。简洁的网页设计可能使用了多种元素来衬托网站内容，但依然还能保持整洁有序的外观。不过，极简网站设计是以内容为核心，多余的东西统统扔掉。而简洁网页设计则使用了创意和美学元素，在一定程度上，这是可行的。也就是说，网页设计师所追求的拥有整洁，专业外观的网站应该着重让所使用的元素变得高雅，而不是丢弃这些元素。但是，这并非一蹴而就，一个简洁的网站可能要花上数天的艰苦努力才能完成。

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

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

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

更多留白/负空间

做为UI设计师的你怎么确保你花时间设计的所有软件产品都让你的用户真正愿意去买单？你花几周时间去写代码实现一个好创意是一回事。但你确定你所编程出的产品有用户群么？

最终你想做的事情就是创造些东西，投资广告，却没有给你的潜在用户带来任何附加值，然后用户就会开走，永远不再回来。在你写代码之前，最重要的一点就是你需要跳出键盘之外，想一想你的用户真正想要使用的和真正愿意买单的产品是什么。

有点难度的就是是：了解你的用户愿意为什么买单。容易的是：这里有一个步骤你可以尝试：1，瞄准一个特殊的用户群，2，学会如何设计出一个产品来解决他们的问题，3，并渐渐形成习惯。

蓝蓝设计这里有个很著名的例子。当你使用 Instragram时，实际上有这样一个过程，你每一次浏览你用智能手机拍的一张很有艺术气质的照片的时候（这个动作每天有数百万人去做），并且将它分 享给你的朋友们，这就是形成习惯。Instragram，还有 Facebook, 是两个产品满足用户关键需求的经典案例——与尽可能多的朋友分享他们的生活，同时也形成了习惯。这些应用都有一个形成用户习惯的过程，这个过程正是源于深 入观察用户的需求然后整合到界面设计中。

随着移动端设备的猛涨，现在UI设计师们做网站设计也要经常考虑如何适应这些不同分辨率的屏幕了。今天蓝蓝设计分享一些关于自适应不同分辨率界面设计的几个技巧，非常实用，建议同学们学习一下 ：）到的页面效果是一样的。

一、PC端

【举例1】http://up.qq.com/2014/life/  1920*1080下显示。

产品设计的原则有点太泛哈，今天蓝蓝设计这里想结合自己的工作心得来小结一下手机应用设计8原则：

原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型

就是把后台本来很复杂的事情通过界面设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是UI设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。

在产品设计中，产品界面、使用情景、用户操作等都会影响用户对产品的体验。因此我们在界面设计的过程中应遵循一定的原则，避免UI设计者片面的根据自己主观认识对产品做出抉择。蓝蓝设计收集到的产品设计的八个原则！

原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是UI设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。

蓝蓝设计在开始介绍这五个UI设计原则之前，我们应该反思一下什么是不好的界面设计？你觉得设计不应该是怎样的？现在，到处充斥着直接抄袭而没有认真理解人家设计原因的设计，充斥着难以让人使用美其名曰高科技的设计，充斥着连基本的美学原理都违背了的设计，充斥着差不多可以了的设计，充斥着无法展现品牌，无差异性的设计…我想，有追求的UI设计师都应该会对这些现象说“不”，那么，什么样的设计应该是我们所追求的呢？

今日蓝蓝设计偶然发现一篇界面设计师Joshua Porter博客当中的一篇文章——《Principles of User Interface Design》，文章中列举了20大UI设计原则，看完之后，觉得挺受启发，于是试着将其编译，希望能够给广大UI设计师——特别是刚入门的初级设计师，提供较好的学习机会。全文编译如下：

1.清晰度是首要工作
清晰度是界面设计中，第一步也是最重要的工作。要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它？让用户知道为什么会使用它？比如当用户使用时，能够预料到发生什么，并成功的与它交互。有的界面设计得不是太清晰，虽然能够满足用户一时的需求，但并非长久之计，而清晰的界面能够吸引用户不断地重复使用。

2.界面是为促进交互而存在的
界面的存在，促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。

通过与设计者进行接触，蓝蓝设计兴奋地了解到这项设计的 成功之处，其中四个最基本的成功要素如下：

一、首页越长越好，绝不允许广告出现

Brand42首先介绍了传统的网站设计对显著位置和不显著位置的处理，以及很多新闻网站采取的UI设计模式。他们介绍说，Mail Online的首页很长，甚至需要向下滚动很长才能看到全部内容。这里采取的界面设计模式就是越多越好，也就是在首页放置尽可能多的内容。Brand42另一 个与众不同的举措就是在首页去除所有广告，而在网站其他页面上投放加倍的广告量。

二、就像一个没有尽头的迷宫

Mail Online上每篇报道的侧边栏平均有70篇报道，每个报道都配有自己的图片。当读者阅读一篇报道时，侧边栏的花絮新闻就好像一个个锚将读者吸引到另一篇 报道。“我们创造了一种独具特色的信息结构，为读者提供更多的接入口和信息渠道。”Brand42团队写道。侧边栏的大小及比例通过视线追踪技术反复测 试，使得设计团队能够依照读者的平均阅读速度设计。根据这些数据， Brand42还创建了追求搜索引擎最优化的模板，借助这些模板，编辑们可以方便发布链接，预防死链接的出现。当前，Mail Online超过一半的页面阅读量并非来自主页，但是通过网页间的交叉点击获得。

作为一个UI设计师开始一个项目时经常会考虑到网页界面设计的布局，虽然现在很多人倾向使用 Grid css框架（如960，blueprint），但有时也需要设计一些独特的布局。今天蓝蓝设计要探讨如何将黄金分割理论运用到网页设计中，大部分涉及到的技术 也同样适用于其他的设计或艺术类工作，当然主要还是针对于网站设计布局。

黄金比例

黄金分割又称黄金比例，是一个数学上是术语，用来表示两个元素的比例，它的值大约等于1.618。黄金分割从文艺复兴时就开始了。那个时代的艺术家 对黄金分割十分推崇，并且广泛运用在各种设计作品上，数百年来，在建筑、雕塑、绘画等领域都可以看到黄金分割的身影，今天我们同样可以将它运用在数字艺术上。