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

如果你在一个小团队里面身兼数职，却又没有多少美学基础。又或者你觉得你们的项目在视觉上还有更多发挥的空间，那么这篇文章就是写给你的。蓝蓝设计将谈到传统的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>

世界一直在变，它的变数很大，而引领世界改变的互联网变数大到你无法想象。因此，迅捷的变化节奏导致互联网工作者的工作注定是”高强度、快节奏”的，要么适应变化，要么引领变局，要么被淘汰，无非这三种。正因如此，这个行业竞争激烈，新生力量层出不穷，很难有人一直保持前列。

而蓝蓝设计的目的，不是为各位设计师罗列出森严的”军规”，然后以专家的口吻说”你必须得这么干”。本文的目的是更新大家适应网页设计的观念，掌握哪些经历过时间检验的基本准则，以更好的适应变化。

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

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

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

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

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

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

Step.1 写一份网站说明书

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

1.创建这份文件的意图

蓝蓝设计：随着互联网的高速发展，各种各样的网站界面设计层出不穷。在这样的环境下，用户是如何在浩瀚的互联网海洋中快速挑选网站设计的呢？网页设计师又如何能让自己的网站设计在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢？本文作者向用户介绍了一种简单的页面布局方式——分割布局，这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。

作为网页设计师，我们可以参考的ui设计范例和布局原则有很多，比如说：栅格化、纵向一致性、F型布局、Z型布局、三分法则、黄金分割法等等。注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式，将页面两等分。

虽然在一开始听起来有点傻，但是这种基本布局确实能起到非常好的效果。当我们通览一个页面时，我们的视线常常会沿着一个“之”字形移动。而如果用户的视线是沿着一条水平线移动时——就像在Z型布局里一样，那么他/她就会很专注（或者说尝试着专注）。但由于初来你网站90%的用户都不会很仔细的去关注你的页面，因此让你的设计“浏览起来友好”肯定会获得不错回报哦！

有很多小型的服装公司网站设计都交给一些富有个性，创意十足的ui设计师打理，可能他们的规模并不如大品牌那样出众，但这些网站的界面设计表现却令人感到惊艳。蓝蓝设计收集了许多酷炫的服装行业网站设计，来看下它们有哪些不俗的布局与惊喜的彩蛋吧。

Gasoline Caps

在网页设计中自然图案的展示是很常见的一个手法。ui设计师通常喜欢用各种景观照片、风景插图或者乡村风格的视频来增加网站界面设计自身的自然度。现在我们把思绪聚焦在航海主题上。海洋并不缺乏强大的情绪，相反它能够激发一系列积极的感受，在网站设计中见证这样一个骇俗的场景足以让我们感受到它戏剧性的效果，在心中刻下明显的印记。

至于海景的功能使用，它们当然可以各领风骚。例如水下风景可以客气地吸引用户通过线下滚动的模式来探索网站，为他们提供视觉路径；而普通的海洋照片可以作为非语言支持的信号，或者网站的标志。一切都源于一些常用的概念。

So~来看看蓝蓝设计这里搜集的实例吧。

Luxaqua Design

第一个网站就非常给力了！这是一个基于垂直滚动的网站，通过滚动鼠标滚轮引领我们潜入海洋深处。每个部分又有独立的滚动画面，整个设计是由照片辅助实现的，非常磅礴。

曾经有一段时间，大伙儿都在努力把网页设计内容全部塞进首屏。今时不同往日，网站设计师和开发者们不再害怕滚屏，而是将背景渐进展示、页面元素动画以及其它基于滚屏动作的酷炫效果融入其中，把滚屏当作一个吸引访客的绝佳靓点的界面设计来好好展现。

为了给亲们带来新的灵感，蓝蓝设计特意收集了一系列把滚屏玩出新花样的网站设计，跟我来感受一下吧！

Hot Dot

所有网站设计，无论是官方、电子商务、社会化网络还是个人站点，都应该设计一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的时间浏览你的网站。

蓝蓝设计：这是一篇老文章，不过写得还算实用，大家可以了解一下界面设计思路

一、为什么要有“关于”页面

不要让用户思考！

1、向浏览者传达本站的价值，留住用户
2、始终提醒自己站点的主旨，不要跑题

二、起什么名

“关于”页面存在的目的就是尽快让浏览者找到网站的方向，或者作为进一步补充，比如陈列相比竞争对手而言，自己的优势和特色。所以名字越简单、越朴 素就越好。

典型的门户的名字比较传统，因为它们无人不晓。比如网易的“公司简介”，谷歌的“Google大全”。

大众、平易近人的网站往往都称呼为“关于我们”，比如嘀咕、phpChina；“关于+网站名称”的类型也不在少数，比如豆瓣和支付宝。

个人站点比较简约，两个字搞定：“关于”。人人网等很多社会化网络站点也是如此。

多数国外站点同上，比如“about Flickr”、“about us”、“about”。

三、放在哪里

标题、标识、内容或知名度非常强的网站放在页脚。
这些类型的网站要么你们熟知，要么一眼就能看出它讲的是什么。比如新浪微博，淘宝。

小站点，比如个人站点、博客，或者全新的网站，有必要显性地“通告”浏览者本站的导向和意图（以期靠好奇心留住访客），放在页首。

PMCaff成立不久，导航干净明晰。如图01

最近，你会发现大家都在讨论扁平化网页设计。每个人都想要它，因为它很酷，是目前的主流趋势。扁平化界面设计，因其简单性和关注用户，去除了很多网站设计的不必要的元素，例如沉重的背景图片，渐变，斜面和其他一切使空间杂乱的东西。现在，所有的注意力都集中在良好的排版，高品质的图像，清晰的文本，完全兼容所有主流浏览器和屏幕尺寸。正在使用的大公司，如微软，谷歌或苹果，因此很容易理解为什么这种风格的在设计界会有巨大的采用率。

在蓝蓝设计这篇文章中，你可以看到许多华丽的扁平化网页设计作品，希望您会喜欢这个集合。

Tynan D’Arcy

对预算低的企业或者刚开始有意建网站的同学，使用一个高质量的网站设计模板能大大减少时间，让珍贵的时间磨在刀刃上。今天蓝蓝设计一些专业的网站设计里收集了20款由专业ui设计师打造的高质量网站界面设计模板，如果你正好需要，点进那个优雅的链接

Modus Versus