点线面构成知识

分享到

... 复制网址邮件QQ空间新浪微博MSN腾讯微博人人网开心网网易微博搜狐微博朋友网百度贴吧淘江湖百度搜藏豆瓣查看更多(115)

这是什么工具?

分享到各

大网站 JiaThis

 登录

UED-5173用户体验团队博客

专注用户体验



 重温《二维设计基础》

 yihui12 | yihui12

 分类：视觉设计

时间：2011-01-30 11:28

俗话说“温故而知新”在看了中国美院王雪青老师的《二维设计基础概论》视频后很受启发。王老师对设计的梳理与总结很见功力，解析的深刻而清晰，好的东西不敢独享，在此与大家一起分享。

先来了解一下什么是二维设计基础？

维度的定义

一维只有长度，呈一种相对的线形状态；

二维有长度与宽度，呈相对的面形状态；

三维有长度宽度和高度，呈体积或空间的状态；

二维设计基础在平面范围内的研究，是为设计做铺垫的涉及到形态的创造方法与规律，色彩的基本知识与实践以及与之相关的图形生成与构成关系等基础知识。

让我们通过课程中的三个关键词来展开：

就我个人的理解，这三个关键词是一个递进的关系，工具与手段是基础，形态与色彩是建立在工具与手段的基础之上是表现的手法与形式，感觉与逻辑是前两者的精神内涵之所在。看看课程中是如何去解读的。工具与手段，设计工作中都是利用工具来勾画草图与绘制图形的，但在王老师的二维设计基础的体系中，首先打破的是我们对工具的认识，铅笔不仅是画石膏，水粉笔不仅是画色彩，一切事物都能是视觉元素的创造工具，你需要放弃传统的用法，去发现新的表现方法和创新工具的运用，这一点给了我很大的启示。从学习设计第一课开始就注重培养创造与发现的能力，这对开拓设计思路是很有帮助的，让同学们学会换位思考去观察和发现，当这种思考成为一种习惯，在设计时会产生很多富有表现力的视觉元素，而这些元素是很独特的，让我们来看看下面的例子：

形态解决的是图形的质量问题，在这里讲到了图形的造型本身和肌理的效果，一个高质量的图形是两者兼备的，给人以耐看并有深层次的内涵在里面。图形的造型解决的是平面内点，线，面的构成。在网站的视觉设计的过程中设计师就是通过点，线，面的关系来传递页面的逻辑关系。好的页面一定有非常清晰的点、线、面关系，而肌理效果强调的是页面的质感、色调的表现。

形态当中一个很重要的内容就是图与底的关系，每个图形都有“正像”与“负像”之分，在处理某些图形是，如果过于关注图形的正像而忽视了图形的负像，可能就会导致整个图形的形比较散，而缺少组织和关系。这一点也是在设计过程中实现提升和突破的关键。

形态的另一个内容就是构图，构图大家都比较熟悉，在很多时候我们都会面临构图的选择，因此我们可以理解构图是对画面组织的一种决策，同样的元素由于构图的组织关系的不同，画面给人的感觉是不同的。把握好构图的选择是对形态的一种诠释。在构图的过程中会有一些形式法则，规则和不规则的，这种法则定义为图形的骨骼。如：重复，特异，渐变，聚散。图形的关系应该是自然和谐的，在设计中不能机械的去应用这些法则，只有轻松灵活的组织才能让图形变得更灵动。非常认同这一点。

色彩的感知与构成。关键在于如何去寻找色调，确定色谱，如何去营造一种色彩的氛围，课程中介绍了几种方法：

向大自然请教

向大师请教

向成功的设计请教

大自然中有很多漂亮的色彩关系，大师的绘画作品里色彩关系也很丰富，很多成功的设计作品也很值得借鉴。通过掌握提取色彩方法，组织色谱来达到更有效的设计表现。在这个过程中需要大量的练习与尝试，是一个理解与实践的过程。当很好的掌握色彩的调子，很多的色彩应用也就信手拈来，在选择上也就更宽泛。但在设计经验的积累还不是很丰富的时候，以上的方法是很好的一种解决办法。

来一起看看下面的例子：

感觉与逻辑，在设计的过程中我们会遇到很多抽象的形态，比如点线面等元素，在界面设计时我们会比较注重逻辑的东西，而忽视掉一些感性的东西，让用户觉得页面缺少个性的东西而不容易记住，而有的时候太注重感性层面，把逻辑的层次给打乱了。所以掌握两者的平衡

是考验一个设计师的综合的能力。个人的理解在界面设计中，感性是“

情”，逻辑是“理”，在设计之初，设计师应该有更多的情感的元素在心里已经沉淀，充分理解产品与交互的“理”的时候，再去取舍心中的“情”，设计时做到点到为止，不能凌驾与“理”之上。所以，适当的情感化的界面设计是提升界面美观与品牌形象的关键。

在这里还提到了，保持敏锐的个人感受又能很好的研究逻辑，掌握方法。从感性与理性这两个方面去灵活有效的把握造型，提高审美素质。在了解与掌握图形创造规律的同时，研究如何去赋予图形以生命与寓意的可能性。审美素质是一种观察与判断的美的能力，赋予抽象图形以寓意，是将个人的观察与判断提炼并深化再创造的过程。提高审美素质是我们创造与设计的基础，需要更多的用心观察，发现事物，而提高审美素质的过程是阶梯式的，某一个阶段会感觉提高比较快，而某一个阶段会感觉停滞没有突破，在这个过程中需要我们去打破一些相对固定的法则，融入一些新的理念并能换位思考做到融会贯通，慢慢的这种思考和眼光会让你的作品变得更有张力，上升到新的层次。设计说简单也简单说复杂也复杂，正如课程中所说如果能用一颗玩的心态来做设计是多么开心的一件事情啊！

具体的设计的应用：

文中部分内容摘录王雪青老师的视频，想聆听王老师真传的同学请点击这里

(本文出自5173 UED Blog，转载时请注明出处) 查看[] 评论[1]

 

上一篇: 用户研究的常用方法的选择和使用【二】下一篇: 用户及用户特征

共10 条评论

添加你的评论

枯の灵

现在挺流行UED哇

内容很不错哇但形式上没必要和腾讯CDC一个样回复

2. xulba

2011 年 2 月 9 日 14:32 很专业回复

3. IT泡泡堂

2011 年 2 月 9 日 17:50

好文章，已转载到http://www.3ppt.com/Design/Art/35735.html感谢5173ued！回复

4. 图图网

2011 年 2 月 9 日 21:39 基础很重要回复

5. mcann

2011 年 2 月 10 日 11:02

王老师对设计的理解很深奥啊，要好好听下教程。回复

6. 草根网

好文，收藏至20ju.com 回复

7. aidcr

2011 年 2 月 24 日 14:13 ued挺火的文章不错支持一下回复

8. 武汉网站建设

2011 年 4 月 10 日 11:18 创意不错！设计的很好，谢谢分享！回复

9. bodybuildingtips 2011 年 8 月 9 日 21:23 bodybuilding tips – watch our tips 回复

Trackbacks / Pingbacks

 o



o o o o o o o

交互设计 (8) 产品设计 (5) 前端开发 (4) 可用性 (3) 团队折腾 (4) 数据挖掘 (3) 文案策划 (3)

分类目录

o o o



o o o o o

用户研究 (8) 移动设备 (1) 视觉设计

(11) 浅析韩国团购网站让网页设计有规律可循

漫谈互联网产品商业需求文档（BRD）的设计（2）用户及用户特征重温《二维设计基础》

相关文章