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

黄金比例

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

新时代的网页设计充满了各种新技术、各种新的jQuery脚本、各种响应式网页设计——但我们依然不能忽略最基本的网页设计基础。

新时代的网页设计以响应式理论为蓝本，力图在不同设备上呈现一致的网页浏览体验。
而响应式时代依然不便的设计基本准则又是什么呢？一起来看看l蓝蓝设计下面的七条，望诸君UI设计时铭记于心。

1.优秀的网页设计应该简约，并且完整

UI设计大师往往都是哲学家，他们往往保持一种包容的界面设计态度，不会采用极端的设计方式，他们的设计往往是一种平衡之美。

我们可以画出一个横轴，左边是简约、右边是完整，而最好的设计会聪明的选取中值（如下图）

网页设计必须简约，任何无用的特质都必须移除；与此同时，网页设计必须能够满足用户需求。

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

网页设计的要点之一便是一致性，UI设计师首先需要了解一致性，然后再致力于构建页面元素之间的联系。
网页设计的目标是将网页和用户连结，通过设计（顺手的导航、流畅的交互）让用户对网站产生信任。尽管网页界面设计以功能性为主，但依然可以为用户提供优良的用户体验。

客户，用户以及一致性：

具备一致性特质的网页能够帮助推广品牌、清晰传递信息。客户在意的是设计能否有效传达他们的品牌、信息，在意设计是否能够在消费者中建立一种对品牌的信任感。
如果品牌信息传递的不够一致、或者晦涩难懂，那么消费者很难对品牌产生信任感，这就影响到了客户的销售额和业绩。

一致性与设计师个人推广：

作为设计师，你自己就是一个品牌，你需要仔细思量一下该要如何打造一致性的”个人品牌”。如果你的个人博客设计的风格一致，分量充足，案例丰富，那么客户很容易就找上门来。

在设计一个响应式网站设计时，运用到的计算是费时费力的，不过还好，国外有一系列的响应式框架模板可以使界面设计过程变得更便捷。这些框架或模板都有现成的栅格，布局和媒介，然后你可以尽情填充自己的设计理念。蓝蓝设计这篇文章汇总了国外UI设计师所推崇的大量热门框架模板，收藏之前，先来瞧瞧吧：）

Bootstrap

我想每个人都会赞成，网站的可用性是它能否受欢迎的一个重要方面，无论你进行的是公司网站、在线商店还是其他，让你的界面变得容易操控，使用时令人舒服是关键，近几年已经有很多针对网站界面优化的研究，而且这些研究的成果对于提高网站可用性是非常有价值的。现在蓝蓝设计这里有10个超实用的经验分享，相信我，这些建议会极大地提高你那个网站的用户体验，让用户爱上你的网站设计！

一、善用人物配图，使用户专注于你想呈现的

当进入你的网站，我们会本能地关注网站上人物图片中的脸和眼睛，这倒是为我们提供了一个想法，是不是可以用人物配图吸引小伙伴的注意力呢？当然，但这仅是第一步，我们还可以这样做，你瞧，是不是大不相同！（见下图）

这是第一步：

在最初的一次网站设计可用性测试实验中，我遇见了一位和蔼可亲的老大妈，她从来没用过鼠标。在测试过程中，她一直用手比划着，一边对着屏幕在空气中比划，一边对着光标说着建议的话。在测试最后，我当然没有得到任何结果，但是她坚持认为我是一个“可爱的男孩”，并且应该认识一下她的孙女。很快地，我学习到了如何设置实验者招募的核心标准。

如果你之前做过一个可用性测试，你就会知道这个不是看起来那么容易的。虽然这不是火箭科学，但其中也包含一些举足轻重的复杂性。在这篇文章里，我会分享一些我学到的关于如何帮助你避免你的可用性测试者在测试时最后进入一个令人泄气的结果的课程。

在我事业开始的第一年里有非常多我本可以学习的可贵的经验，并且我认为在错误中学习是学习的最好方法，我们并不是总有机会去失败。这里有一些蓝蓝设计学习道路上的小技巧，可以帮助你快速提升可用性测试的技巧并且避免一些陷阱。

设计你的可用性测试脚本来回答具体的研究问题

当我们开始一个新的可用性测试时，不要迟疑，你所要做的就是挑选出网站的主要区域，然后让用户完成那些测试。在这个过程中你会发现一些有用的见解，但是也许当你呈现出这些发现时，你因为无法回答网站盈利者提出的问题而被围得团团转，你也别因此而惊讶。

响应式网页界面设计，是一种正在流行的网页开发思想，它是利用灵活可变的栅格系统，令网页的显示模式可以根据访问设备的屏幕尺寸规格而进行自适应。预计2015年的时候，移动端的用户数量将会从目前的8亿，增长到19亿，而这也意味着目前我们为桌面浏览器而设计的网页，将会在他们的手机和平板上呈现出非常糟糕的使用体验。

但是随着实际应用状况的改变，响应式网页设计还是会出现一系列复杂的并发症。蓝蓝设计本文余下的部分，就是详细阐述如何在响应式网页中安置和处理多媒体元素，诸如图片和视频，最终的目的是帮你做出一个靠谱的网站，能让这些元素无缝地在各种手持设备上加载运行，提升用户体验。

响应式网页设计中的图片处理

先说说响应式图片的处理方法。在响应式网页设计中，图片处理的问题或多或少地和传统网页中的导航栏设计有相似之处。随着新的移动设备的普及，更高像素密度的屏幕使得网页的任何一个瑕疵都显得无比明显，因此，图片处理的核心问题在于如何确保网站（尤其是图片）的各个方面都能尽可能灵活，并且确保每个像素不会在高分屏下模糊。

蓝蓝设计灰常乐意每周在网页设计佳作列表中展现界面设计精美的网站，不断为你提供灵感。而今天蓝蓝设计打算另辟蹊径，为网页设计收集了既能提供UI设计灵感又实用的优秀案例，与过往选择单一”主题”的例子有所不同。我们将为你呈现不同的工具和技术分享网站，可让你在得到灵感的同时还能发现不错的工具或服务。在这篇文章中你将看到美观又实用的网站，全部都不容错过哦亲！

unroll.me

免费且简单地取消邮件订阅，还能将剩下的订阅汇总，并以有组织的概览形式专门提供给你。

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

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

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

更多留白/负空间