东坑镇网页UI的视觉体系（一）：3个功能

从今天开始，我们也来聊聊UI设计。当我们谈论UI设计时，其实我的知识贡献范围也只能是WEB端，当然WEB端和软件端大同小异。但不管是设计网页界面还是软件界面，作为设计师，那就绝对不会否认这一点：比例、颜色、大小等微妙的元素间的平衡不是一项轻松的工作。

　　网页UI设计也是一样，一个网站就像和其他传统的艺术创作一样遵循同样的规律，较终达到视觉的艺术效果。这是美学的范畴，同时隐含着现代商业的法则。一个先进的网页设计必定是让人轻松又足够吸引的。

　　视觉的创作组合

　　让我们先谈谈，网站界面的三个功能。

　　引导用户——网站对用户的引导，就像暗中一只无形的手，会指引用户通过点击等操作按钮浏览网站，了解信息，而不会带给用户压迫感。比如square这个网站，当你不断下拉的时候，会出现相应的文字提示你接下来继续到哪里。

　　呈现内容间的关系——按照一定的布局去展示网站的主次内容优先级，比如abduzeedo这个网站，就将主推的内容放在了较大的顶部三个卡片展示上，其他的普通内容则在下方以列表的方式展示，底部则是一些标签分类的链接。

　　建立情感联系——人们去餐厅用餐，其实不会只把餐厅当做一个解决食欲的地方。他们会关注到餐厅的场地、氛围、菜式甚至是其中的一些特别的情调，他们在这里交谈、交易。同样道理，用户会因为和你的网站内容产生的情感联系而接受网页界面或交互的小小瑕疵。

　　浏览模式：人眼焦点预测

　　就像你的眼睛会更快关注到快速移动的物体，或当你在街边被高冷美好的模特吸引一样。人眼会在看这一行为中自动启发对眼界中出现的某个物体的特别注意力，我们这里可以称之为焦点。大部分的人都会被页面中的焦点所吸引。

　　例如一篇文章的展示，也会遵循相同的浏览模式。99Designs的设计作者Alex就提到了两种主要的浏览模式。