Rhino(犀牛)中国技术支持与推广中心

标题: 手绘效果图的排版问题 [打印本页]

作者: jack110 时间: 2008-8-29 21:42
标题: 手绘效果图的排版问题
如果仅仅说草图，应该不存在排版问题，只要能记录下思考的过程，自己能看懂就可以。可是，手绘的效果图是有展示作用的，所以他还要有条理，能让别人看的懂看的明白，所以就会涉及到排版构图的问题，但是我发现不知道是这个问题并不重要还是大部分人都忽略了，无论是在书籍当中，还是网站论坛里，都很少会提到这个问题。那些介绍手绘技法的书和帖子往往都只注重技法本身，很少涉及到排版，所以特在此求教高人能介绍一些手绘的排版构图方面的经验。

作者: suffamoph 时间: 2008-8-29 23:44
标题: 看看
别处转来的，忘了出处了……
觉得有用就看看吧~

工业设计排版样式（文字-图片）
一、文字排版样式
　　以文字为主的排版样式。文字在排版设计中，不仅仅局限于信息传达意义上的概念，而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们的审美时尚的新视角。文字是任何版面的核心，也是视觉传达最直接的方式，运用经过精心处理的文字材料，完全可以制作出效果很好的版面，而不需要任何图形。

　　1. 字体、字号

　　字体的设计、选用是排版设计的基础。中文常用的字体主要有宋体、仿宋体、黑体、楷书四种。在标题上为了达到醒目的效果，又出现了粗黑体、综艺体、琥珀体、粗圆体、细圆体以及手绘创意美术字等，在排版设计中，选择两到三种字体为最佳视觉结果。否则，会产生零乱而缺乏整体效果。在选用的这三种字体中，可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小，同样能产生丰富多彩的视觉效果。

　　字号是表示字体大小的术语。计算机字体的大小，通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。“点”：也称磅(P)。电脑排版系统，就是用点数制来计算字号大小的，每一点等于0.35毫米。

　　2.字距与行距

　　字距与行距的把握是设计师对版面的心理感受，也是设计师设计品味的直接体现。一般的行距在常规的比例应为：用字8点行距则为10点，即8：10。但对于一些特殊的版面来说，字距与行距的加宽或缩紧，更能体现主题的内涵。现代国际上流行将文字分开排列的方式，感觉疏朗清新、现代感强。因此，字距与行距不是绝对的，应根据实际情况而定。

　　3. 编排形式

　　文字的编排形式多种多样，我们大致可以理解为以下几种：

左右齐整，横排也可竖排；左齐、右齐或聚中编排

文图穿插

突出字首

自由编排

　　4. 文字编排的特殊表现

形象字体，根据文字的意思或内容进行艺术创造的字体。

意象字体，将特定的文字个性化，直接地展示文字的内容。

图文叠印，将文字印在图片或图形的背景上。

群组编排，将文字编排在一个具体的形状中，使其图片化。

二、图片排版样式
　　以图片为主的排版样式。图片在排版设计中，占有很大的比重，视觉冲击力比文字强85%；也有这样一说，一幅图版胜于千字。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。因为图片能具体而直接地把我们的意念高素质、高境界地表现出来，使本来物变成强而有力的诉求性画面，充满了更强烈的创造性。图片在排版设计要素中，形成了独特的性格以及吸引视觉的重要素材，视觉效果和导读效果。

　　1．图片的位置

　　图片放置的位置，直接关系到版面的构图布局、版面中的左右上下及对角线的四角都是视线的焦点。在这焦点上恰到好处地安排图片，版面的视觉冲击力就会明显地表露出来。编排中有效地控制住这些点，可使版面变得清晰、简洁而富于条理性。

　　2.图片的面积

　　图版面积的大小安排，直接关系到版面的视觉传达。一般情况下，把那些重要的、吸引读者注意力的图片放大，从属的图片缩小，形成主次分明的格局，这是排版设计的基本原则。

　　3.图片的数量

　　图片的数量多寡，可影响到读者的阅读兴趣。如果版面只采用一张图片时，那么，其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果之根本保证。增加一张图片，就变为较为活跃的版面了，同时也就出现了对比的格局。图片增加到三张以上，就能营造出很热闹的版面氛围了，非常适合于普及的、热闹的和新闻性强的读物。有了多张照片，就有了浏览的余地。数量的多少，并不是设计者的随心所欲，而最重要的是根据版面的内容来精心安排。

　　4.图片的形式

　　图片的形式主要有:

　　方形图式
　　出血图式即图片充满整个版面而不露出边框。
　　退底图式是设计者根据版面内容所需，将图片中精选部分沿边缘裁剪。
　　化网图式是利用电脑技术用以减少图片的层次。
　　特殊图式是将图片按照一定的形状来限定。

　　5.图片的组合

　　图片组合，就是把数张图片安排在同一版面中。它包括块状组合与散点组合。
块状组合强调了图片与图片之间的直线。垂直线和水平线的分割，文字与图片相对独立，使组合后的图片整体大方，富于理智的秩序化条理。

　　6.图片的方向

　　图片方向的强弱，可造成版面的行之有效的视觉攻势。方向感强则动势强，产生的视觉感应就强。反之则会平淡无奇。图片的方向性可通过人物的运势、视线的方向等方面的变化来获得，也可借助近景、中景和远景来达到。

三、图形排版样式
　　以图形为主的排版样式。图形可以理解为除摄影以外的一切图和形。图形以其独特的想象力、创造力及超现实的自由构造，在排版设计中展示着独特的视觉魅力。在国外，图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用，日益被人们所认同。今天，图形设计师已不再满足或停留在手绘的技巧上，电脑新科技为图形设计师们提供了广阔的表演舞台，促使图形的视觉语言变得更加丰富多彩。

　　图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。

　　1．图形的简洁性

　　图形在排版设计中最直接的效果就是简洁明了，主题突出。

　　2．图形的夸张性

　　夸张是设计师最常借用的一种表现手法，它将对象中的特殊和个性中美的方面进行明显的夸大，并凭借于想象，充分扩大事物的特征，造成新奇变幻的版面情趣，以此来加强版面的艺术感染力，从而加速信息传达的时效。

　　3、图形的具象性

　　具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中，以写实性与装饰性相结合，令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者，使版面构成一目了，深得读者尤其是儿童的广泛喜爱。

　　4、图形的抽象性

　　抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成，是规律的概括与提炼。所谓“言有尽而意无穷”，就是利用有限的形式语言所营造的空间意境，让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见，其表现的前景是广阔的、深远的、无限的，而构成的版面更具有时代特色。

　　5、图形的符号性

　　在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉体验。它包含有三方面的内涵:

　　符号的象征性

　　运用感性、含蓄、隐喻的符号，暗示和启发人们产生联想，揭示着情感内容和思想观念。

　　符号的形象性

　　以具体清晰的符号去表现版面内容，图形符号与内容的传达往往是相一致的，也就是说它与事物的本质联为一体。

　　符号的指示性

　　顾名思义，这是一种命令、传达、指示性的符号。在版面构成中，经常采用此种形式，以此引领、诱导读者的视线，沿着设计师的视线流程进行阅读。

　　6、图形的文字性

　　文字的图形化特征，历来是设计师们乐此不疲的创作素材。中国历来讲究书画同源。其文字本身就具有图形之美而达到艺术境界。以图造字早在上古时期的甲骨文就开始了。至今其文字结构依然符合图形审美的构成原则。世界上的文字也不外乎象形和符号等形式。所以说，要从文字中发现可组成图形的因素实在是一件轻而易举之事。它包含有图形文字和文字图形的双层意义。

1．图形文字

　　图形文字是指将文字用图形的形式来处理构成版面。这种版式在版面构成中占有重要的地位。运用重叠、放射、变形等形式在视觉上产生特殊效果，给图形文字开辟了一个新的设计领域。
　　2．文字图形
　　文字图形，就是将文字作为最基本单位的点、线、面出现在设计中，使其成为排版设计的一部分，甚至整体达到图文并茂、别具一格的版面构成形式。这是一种极具趣味的构成方式，往往能起到活跃人们视线、产生生动妙趣的效果。

一、点在版面上的构成
　　点、线、面是构成视觉的空间的基本元素，也是排版设计上的主要语言。排版设计实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。在平面设计家眼里，世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。它们相互依存，相互作用，组合出各种各样的形态，构建成一个个千变万化的全新版面。

　　1.点在版面上的构成

　　点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。这种聚散的排列与组合，带给人们不同的心理感应。点可以成为画龙点睛之“点”，和其他视觉设计要素相比，形成画面的中心，也可以和其他形态组合，起着平衡画面轻重，填补一定的空间，点缀和活跃画面气氛的作用；还可以组合起来，成为一种肌理或其他要素，衬托画面主体。

　　2.线在版面上的构成

　　线游离于点与形之间，具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。所以说，设计者能善于运用它，就等于拥有一个最得力的工具。

　　线从理论上讲，是点的发展和延伸。线的性质在编排设计中是多样性的。在许多应用性的设计中，文字构成的线，往往占据着画面的主要位置，成为设计者处理的主要对象。线也可以构成各种装饰要素，以及各种形态的外轮廓，它们起着界定、分隔画面各种形象的作用。作为设计要素，线在设计中的影响力大于点。线要求在视觉上占有更大的空间，它们的延伸带来了一种动势。线可以串联各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在最大程度上稳定画面。

　　3.面在版面上的构成

　　面在空间上占有的面积最多，因而在视觉上要比点、线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。因此，在排版设计时要把握相互间整体的和谐，才能产生具有美感的视觉形式。在现实的排版设计中，面的表现也包容了各种色彩、肌理等方面的变化，同时面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极多的变化。在整个基本视觉要素中，面的视觉影响力最大，它们在画面上往往是举足轻重的。

作者: hubble 时间: 2008-8-30 08:09
不错的东西学习了

作者: Tonway 时间: 2008-8-30 10:25
我感觉这些东西还是要看自己来怎么排，你所表达的东西能够很好的表达出来，然后思维很清晰，很有关联性的，而且图面也很清晰，这样就足够了，那些框框家家我想不能受到那些影响，一个人的思维是很重要的，不能被束缚，也不能太放松

作者: ids 时间: 2008-8-30 13:33
结合图片可能会更好的说明

作者: jack068288 时间: 2008-8-30 19:53
自己觉得好看就行

作者: jack110 时间: 2008-8-30 20:59
谢谢各位的见解特别是suffamoph提供的资料
各位有没有好的排版的作品来作为例子和参考

作者: suffamoph 时间: 2008-8-30 22:00
上两张优秀毕业设计展板大家看看

截屏000.jpg (38.87 KB, 下载次数: 37)

截屏001.jpg (36.38 KB, 下载次数: 40)

作者: My 时间: 2008-8-30 23:11
LZ应该是在问idear在纸上的记录方法,怎样的记录方法才能将自己的思路表达清楚,是这个意思吗?
俺猜的:loveliness:

就个人而言,在草图时会在A4纸的中间开始,中间的大形略微大一点,在它的四周辅于在想过程中的细节推敲,觉得好了再反过来完善中间的大形,再者可以画一些思维过程的箭头,文字说明.:loveliness:

作者: jack110 时间: 2008-8-30 23:19
太感谢两位了没错我就是这个问题
还有就是如果再大一些的纸怎么处理?比如说A3幅面的
比如考研的时候就是在一张四开的纸上画出三个草案然后从中发展出一个好的方案画出效果图  再加上一些必要的说明文字  这个时候怎么处理比较好呢?

拿考研的命题为例
我就觉得条理和画面活力很难平衡

有一种排版方式  就是在纸的靠左侧的位置纵列三个小的草图在中间比较大的区域画主方案  然后下方的位置做文字说明
这种排版比较条例但也略显呆板  我曾尝试突破这种构图但是效果是有画面饱满有活力但是条理性就差了不容易让人感受到三个方案之间的关系

大概是自己驾驭画面的水平有限总是做不到既有视觉冲击力又有条例的布局所以请高手多多指教

[ 本帖最后由 jack110 于 2008-8-30 23:31 编辑 ]

作者: My 时间: 2008-8-30 23:41
先看一下刚传上来的资料
http://bbs.rhino3d.asia/viewthre ... &extra=page%3D1

我想原理也是差不多,版面大的话可以按上面的方式分化,再在里面又同理执行差不多的布局方式,
当然,具体问题具体分析才是正道,这个只是作为参考.

作者: My 时间: 2008-8-30 23:47
其实这个帖子很值得参考的,
http://bbs.rhino3d.asia/thread-608-1-1.html

除了技法好之外,作者在一张A4纸上的分区条理很清晰,杂而不乱.
棒!

作者: jack110 时间: 2008-8-30 23:47
谢谢你了这正是我想要的这种资料很难找

作者: beaninflower 时间: 2012-2-27 13:52
My大的资料非常棒~作为新手非常需要~太感谢了！

欢迎光临 Rhino(犀牛)中国技术支持与推广中心 (http://bbs.rhino3d.asia/)