简单的设计_网页设计教程

推荐：页面构建和js前端不得不说的那点事儿
作为微博的页面构建工程师，主要职责就是利用htmlcss，高质量的完成静态页面的制作，保证项目的按时完成。而页面需要的js效果则交给下游的js前端工程师去做。在微博，这两个岗位是分开的。但在大家的思维定势里可能觉得这两个岗位应由一个人来完成最好，毕竟，页面构建

什么是简单？很多时候我们把简单和简洁混淆成一个概念，以为简单就是使用尽量少的视觉元素。其实不然。简洁和简单关注的角度不同。简洁强调的是“洁”，是干净；而简单强调的是“单”，是不复杂、容易—容易获取、容易理解、容易使用。

Google 的主页很简洁，但并不简单。为人诟病的“更多”的设计，以及功能极其强大的高级搜索语法都在向用户说“其实我并不简单”。随着Google的成功，不少搜 索引擎都乐衷于仿效其设计，却往往只是套上相似的“简洁不简单”的外壳，而没能在简单上下功夫，做到比Google更胜一筹。

反过来看，网址站的设计不论放在哪个设计师眼里都会被鄙视。但就是这样毫不简洁的设计，却是一个简单的设计。使用网址站的用户，既不需要有多高的学历（识字就行），也不需要有多深的计算机知识（会用鼠标就行）。当年还在美国求学时，系里的教授时常看着新浪主页百思不得其解，流行的解释是东西方文化差异。其实没这么玄 乎，当年的门户不就是扮演着网址站的角色吗？要让广大教育程度相差悬殊的网民都能使用，网站的设计就不得不“向下兼容”，简单原则重于简洁原则。

今天既简洁又简单的设计当属苹果。通过简洁的外观加上简单的界面，苹果塑造了许多设计经典。而在功能机时代，诺基亚则是当之无愧的简洁又简单的设计表率。可惜时过境迁，触屏改变了过去的交互模式，让诺基亚曾经的简单变得不再简单。

那么，如何做简单的设计呢？

首先，是做到用户价值上的简单。

在核心用户价值上只保留最重要的一项，其他都可以先舍去。这样做最大的好处是用户能够很容易理解你所要表达的价值。就好像谈到搜索引擎用户就很自然地想到Google。

其次，是做到心理上的简单。

视觉是很重要的手段之一。适当地借助视觉通过良好的组织让设计第一眼看上去便显得简单。这是简洁可以帮上忙的地方。不只是设计师 容易把简洁当简单，用户更是如此。不过，也不能因此就处处以简洁来包装。有时，不需要简洁才是更好的简单，就如网址站的陈列方式。

再次，是 做到使用上的简单。

这主要是与可用性相关的内容，例如减少步骤、保持一致性等。使用上的简单要根据用户人群的特点来考虑不同的设计策略。同样是命令行形式 的交互手段，对于普通用户而言可能非常复杂，而对于软件开发人员而言则是简单的。使用上的简单也要伴随着技术的发展而不断进步。Google地图街景的出 现让数字世界变得真实亲切。

最后，是做到文字上的简单。

图形界面听上去是图形为主，但不可忽视文字的重要性。一个较为普遍的例子是现在许多公司都非常用心地对404页面加以设计，通过简单而有意义的文字将错误信息传递给用户。虽然排在最后一点，但文字的重要性丝毫不比前三点差。

这，就是简单的设计。

作者林敏，用户体验践行者和布道者，曾创立UU网为国内早期从业人员提供学习交流平台。现为三星中国设计研究所用户体验创新部负责人。

分享：网页设计的8个趋势
本文译自网站设计公司weavora.com，介绍了在他们眼里8个Web网页设计趋势：单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体，每个趋势后面都附了数个案例，相信对网站设计师会有一定的参考价值。 单个长页面的设计一度不受人