canvas 将图形设置为button_以图形转译想象,将无形化为有形:哥大建筑系学术分享(附背景提升阅读)...

062a2986cc6eab647f56e7be76a9864a.png

490754f95a12bba4e72ad5c8b9ecb065.png


本期讲座的背景知识提升阅读包括:

1. 《建筑学教程1 设计原理》— 赫尔曼·赫兹伯格

2. 《庇护所》— 劳埃德·卡恩

3. 《Siteless 1001 Building Forms》— Francois

(文末附详细介绍与讲座文件资源)


《以图形转译空间,将无形化有形》

Sixuan

Columbia School of Architecture

前言

这次讲座首先我会结合建筑案例介绍关于图形的一些概念,解释怎么样用图形的语言过滤出重要的信息,运用到设计里头。之后我会以我自己的申请作品为例,解释我在设计过程怎么样阅读图形和玩图形,把无法言说的想象变成相对更能被体验的形式。希望同学们在大量生产好看的图纸的同时,也能多关注设计过程中对形式的梳理深化。相信这次分享对大部分同学都会有帮助!

一、作品集的重点——什么才是重要的?

我们在制作作品集的时候常常会陷入一种困惑:应该把作品集的重点放在什么上面?如果大家把做作品集当成一个特别功利的事情,就很容易把自己逼迫到一个高产的状态,进入“画图——画好看的图”这样的死循环里。我们可以回到一个比较基本的问题:你觉得设计里面什么是重要的?

在美国,比较盛行的做法是把一个社会政治观点放到设计里:即把重点放到阐述一个论点里,而非做一个设计本身。这样做设计会特别依赖建筑以外的学科,其设计成果比较容易站不住脚。因此,我认为建筑学本身应该是有自己的价值体系的。我们可以通过图形/结构/材料等方面对建筑进行一个评判。所以我在做作品集的过程中,还是把它当作梳理自己观念的一个过程,通过作品集渐渐认识到自己觉得什么是重要的。

我的作品集都是本科课内的作品,我建议要比较大胆地把大多数时间放在设计本身,如果过度偏执地追求画图的话,思路就会停留在一个停滞、有缺陷的状态。中国擅长画图的学生已经太多了,能够钻研设计本质的学生却还是少之又少。

我今天要关注的点是图形思维。图形思维是一种可以把抽象的概念/想法等变成一个相对可以被体验,可以传达给其他人的方式,从而让设计变得有章法可循,且更加直观。

二、有关图形的概念

1. 格式塔心理学(Gestalt)

格式塔心理学(gestalt psychology)是平面构成中一个非常基本的概念,你会把一个支离破碎的图形脑补成一个完整的图形,这导致了建筑学里一直在说“方盒子”,方盒子就是一个完整的、可以被操作的基本图形。

b2dee8b81e5110270dcc3f4f93d91a90.png

2. 涂黑与空间(poché vs space)

下一个概念是涂黑与空间(poché vs space),左边的平面里教堂被涂黑的部分是像褶皱一样的边界,有支离破碎的感觉。右边模型展示的是平面里留白的地方,是更几何、更完整的图形,在教堂里最完美的那部分“躯体”。

d07a1d00624933ee4d3aa364f601d876.png

近几年这个概念被用的比较好的,是西班牙事务所Aries Mateus。他们会非常极端地把厕所/楼梯/储物等比较次要的功能全部涂黑。这样一来从右边平面就可以看到,被高亮出来的白色部分是相互贯穿的矩形空间。涂黑这个动作可以把这些“躯体”的关系表现得一目了然。通过这张图我们甚至可以想象内部空间跟空间之间,会有什么样的洞口,会有什么样的体验。

2c36f9a115ad1a230da875ea66b87c76.png

Aries Mateus 3. 服务空间与被服务空间(servant vs served)

在路易斯康的设计里,常常提到服务空间与被服务空间(servant vs served)的概念。在他的特灵顿浴室的平面中,橙色的房间是服务空间(servant space),它是被服务空间之间的角落或交界,,同时也容纳了像厕所这样的辅助功能。在金贝尔美术馆的剖面中,灰色部分也是服务性比较强的空间,容纳设备和一些结构,从而保留拱形主空间的完整性。

e6a3db46dd6165164116abc4263570f6.png

特灵顿浴室平面

59fc474808b23f64a7c84070671aa406.png

金贝尔美术馆剖面 4. 图底/虚实(figure vs ground)

在图底/虚实(figure vs ground)的概念中,“虚空”——即建筑中被使用的空间是主角,图底和实空间是配角。下方是西班牙的la coruna art center,这个博物馆里不仅有展览的空间,还容纳了一个舞蹈学校,怎么把这两个完全不相干的功能交融在一起是非常有意思的问题。左边第一个模型就是舞蹈学校的实体,建筑师给舞蹈学校扣上一个罩子,虚空的地方就是博物馆的展览空间。第三张图中可以看到,玻璃体是博物馆的部分,混凝土是舞蹈学校。因为舞蹈学校对采光/临街面要求没有那么高,所以建筑师把它处理成像盒子一样的闭合空间;把主要的虚空间留给博物馆。

f99ca01105e5fd085ce95c80c2a36cc8.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java中的Canvas绘图源码实例,主要是画线条、弧线、圆角矩形、三角形、文字、圆形等简单的几何图形,主要是通过创建DrawingCanvas对象canvas,为canvas设置命令监听者,实现接口CommandListener的方法,把缓冲区图像的内容绘制到画布上,画图部分代码:   int w = getWidth(); // 画布的宽度   int h = getHeight(); // 画布的高度   Image buffer = Image.createImage(w, h); // 用于绘图的缓冲图像   Graphics gc = buffer.getGraphics(); // 获取缓冲图像的图形环境   // 清除画布   public void clearScreen() {    gc.setColor(255,255,255); // 设置绘图颜色为白色    gc.fillRect(0,0,w,h); // 把缓冲图像填充为白色    gc.setColor(255,0,0); // 设置绘图颜色为红色   }   // 绘制直线   public void drawLine() {    setTitle("直线"); // 设置画布的标题    clearScreen(); // 清除画布    gc.drawLine(10,10,w-20,h-20); // 绘制黑色直线    gc.setColor(0,0,255); // 设置绘图颜色为蓝色    gc.drawLine(10,h/2,w-10,h/2); // 绘制蓝色直线   }   // 绘制弧   public void drawArc() {    setTitle("弧线和填充弧");    clearScreen();    gc.drawArc(5,5,w/2-20,h/2-20,60,216); // 绘制弧线    gc.drawArc(5,h/2-10,w/2-20,h/2-20,0,360); // 绘制圆    gc.setColor(0,0,255);    gc.fillArc(w/2,5,w/2-20,h/2-20,60,216); // 绘制填充弧线    gc.fillArc(w/2,h/2-10,w/2-20,h/2-20,0,360); // 绘制填充圆   }   // 绘制矩形   public void drawRect() {    setTitle("矩形和填充矩形");    clearScreen();    gc.drawRect(25,25,w/2-30,h/2-30); // 绘制矩形    gc.fillRect(w/2 25,25,w/2-30,h/2-30); // 绘制填充矩形   }   // 绘制圆角矩形   public void drawRoundRect() {    setTitle("圆角矩形和填充圆角矩形");    clearScreen();    gc.drawRoundRect(5,5,w-5-30,h/2-30,20,20); // 绘制圆角矩形    gc.setColor(0,0,255);    gc.fillRoundRect(5,h/2,w-30,h/2-30,20,20); // 绘制填充圆角矩形   }   // 绘制三角形   public void drawTriangle() {    setTitle("填充三角形");    clearScreen();    gc.fillTriangle(w/2, h/6, w/6, h/2, w/2, h/2);   }   // 绘制文字   public void drawText() {    setTitle("文字"); //设置标题    clearScreen();    gc.setFont(Font.getFont(Font.FACE_SYSTEM,Font.STYLE_BOLD,Font.SIZE_SMALL)); // 设置字体    gc.drawString("Hello World!",0,0,gc.TOP|gc.LEFT); // 使用当前字体绘制文字    gc.setFont(Font.getFont(Font.FACE_SYSTEM,Font.STYLE_BOLD|Font.STYLE_UNDERLINED,Font.SIZE_LARGE));    gc.drawString("Hello

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值