简洁页面设计分析
GUI部分
1.配色选取：用色谨慎，选用三种或者四种同色系的颜色组合作为主色。对比强烈和不同色系的颜色只用在有提示作用的ICO或标题上，原则上也是能少用就少用。
2.风格设计：避免出现重UI常有的阴影，圆角，渐变，透明，光影，复杂颜色，插画等等，不是说就不能使用这些风格而是要简化他们，比如把细节丰富的按钮矢量化啊，色块化；复杂颜色变成统一颜色或对比渐变；去掉或完全保留透明度等等。
3.Border和圆角：灵活的用1px左右边框来构建立体感，使用同一色系在有限的空间内来构建了明部和暗部。增强立体感的同时不失写意和简约的整体风格。页面在头像，弹出框，心情输入等几个常用部件上使用圆角，从而使网站从呆板，过于沉稳的印象中摆脱出来，增加活力和亲和度（注意度的问题）。
4.标题设计：大部分功能性标题配有ico，导航，模块标题采用对比颜色区分或者以标签页形式出现。这种看似很简单设计往往对简约型的网站帮助很大，起到画龙点睛的作用。
5.模块区分：采用色块区分各功能区，栏目，有着很好视觉区分，便于用户迅速做出判断和定位任务。
6.版式设计：半圆角的导航设计，横版简介的标签页，头像压在两个色块的交界线，这些都是不错的版式设计。简洁设计考虑更多的应该是依赖于标题，段落，图片本身的大小，位置，粗细，线条等来形成自然的排版和区分。
7.按钮设计：没什么好说的，矢量化，色块化，立体感可以用高光，阴影线条来构建。
着重举例：Facebook
简洁UI设计的优势
1.简洁设计的网站没有冗余的信息，简单的信息架构有助于导航，检索。
2.它让网站加载更快，更少的图片；更小的JS，CSS；更少的http请求，意味着更快的载入速度。
3.它使主要内容和特色突出，优化和有限的内容决定了用户可以快速检索和浏览内容，而复杂的界面和通篇的图文会让用户望而却步。这符合大部分用户都是浏览而不是精读的报告。
4.它有一种与生俱来的优点：更贴近用户，在当今信息爆炸流程界面越加复杂和繁琐的世界里，人们每天都要处理海量的信息，人们害怕，厌倦和讨厌的再看到复杂的东西。它刚好迎合了这种心理，简洁的界面，简洁的交互，简洁功能，纯粹的就像白纸一样，拿起笔来就可以写就可以画，降低了学习门槛，没有了学习恐惧症，用户会觉得：“恩？这个好像很简单，我会用”。（这点尤其重要）
5.它更容易设计和制作。简单的UI，求简的交互，必要精简的功能，开发维护都很便捷。
交互部分
交互应该以人为本，不要为了交互而交互，为了追求技术上和视觉上的满足而增加用户的使用成本。能否快速定位任务，并高效完它是交互设计的好与坏的评判的根本。去掉不必要的步骤，去掉烦人的弹出框，给用户真实的体验，给用户有限并优化的选择，使用户不会迷失在对话框，按钮，下一步等等奇怪复杂，令人生畏的交互海洋里。
另一点从心理学认知角度讲，我们可以参考生活中已经存在的交互方式来构建产品的交互，开关的关闭，方向盘的操作，书籍的翻页等等。我认为简洁网页的交互应该尽可能的精简，这里重点说下ajxa的应用，ajax的出现的目的是为了处理复杂页面局部刷新，使用户不用等待，可以在当前页面接续浏览和操作，这才是它的应用点，价值所在。但现实设计时，我们往往因为各种原因在很简单的页面，在很简短的流程中加入不必要的交互，除了聊以自慰的炫耀和增加用户使用和学习成本外一无是处。交互应该做到快速定位，高效完成就好了，给用户有限而优化的选择。
举个国内例子：
简洁UI和交互的代表：豆瓣
重UI的代表：时光网
这两个网站在业务和受众上有很大的重叠，有高代表性和可比性。时光的“重”只是相对而言，豆瓣也不是都好，有的界面它做的真是“过分”的简单，只有文字的排版，有的连文字排版都省了，更别提视觉上的设计和区分。但在以“用户贡献内容”为驱动的运营模式下简洁的交互和设计绝对起到了“收拢人心”的作用。“轻”还是“重”“美”还是“丑”“简单”还是“复杂”其实没有一个“正确答案”，更多的应该根据实际情况来选取一种平衡。
优秀简洁设计网站：
http://www.natureetdecouvertes.com/ Nature & Decouvertes
http://arnbacktraining.ch/ David Arnbäck
http://arnbacktraining.ch/ Arnback Training
http://www.gucci.com/us/index2.asp Gucci
http://www.douban.com/ douban
http://teamexcellence.com/ Team Excellence
http://177designs.com/ 177DESIGNS
http://www.coolforex.pl/ CoolForex
http://bluepixel.net/ Blue Pixel
http://mivokids.pl/ Moiv
http://www.cobahair.co.uk/index.html COBA
http://teamexcellence.com/ Team Excellence
http://www.toopi.in/ Toopi
