[06/21] [教程] 设计基础知识------→ 版式 [转帖]
<P><FONT color=slategray>好的版式设计能起到方便阅读更好理解内容，并能起到美观悦目，具有艺术效果的作用。<BR><BR> 转自 ————小s<BR><BR>一、思想性与单一性<FONT style="FONT-SIZE: 0px">平面设计,photoshop,ps,矢量,笔刷,打造中国第一设计论坛1 A5 y1 O& Q; c3 a* g8 V</FONT><BR><FONT style="FONT-SIZE: 0px">photoshop论坛,平面设计交流,PhotoShop教程,CorelDraw教程,Fireworks教程,3DMAX教程,AutoCAD教程,flash教程,矢量,笔刷,婚纱模板,PSD素材,电脑网络,站长指南,教程学习,网站编程- n* ]& t0 ?. }* V, Q L</FONT><BR>版面设计本身并不是目的，设计是为了更好地传播客户信息的手段。设计师以往中意自我陶醉于个人风格以及与主题不相符的字体和图形中，这往往是造成设计平庸失败的主要原因。一个成功的版面构成，首先必须明确客户的目的，并深入去了解、观察、研究与设计有关的方方面面。简要的咨询则是设计良好的开端。版面离不开内容，更要体现内容的主题思想，用以增强读者的注目力与理解力。只有做到主题鲜明突出，一目了然，才能达到版面构成的最终目标。主题鲜明突出，是设计思想的最佳体现。<BR><BR><BR> 平面艺术只能在有限的篇幅内与读者接触，这就要求版面表现必须单纯、简洁。对过去的那种填鸭式的、含意复杂的版面形式，人位早已不屑一顾了。实际上强调单纯、简洁，并不是单调、简单，而是信息的浓缩处理，内容的精炼表达，这是建立于新颖独特的艺术构思上。因此，版面的单纯化，既包括诉求内容的规划与提炼，又涉及到版面形式的构成技巧。<BR><BR>二、艺术性与装饰性<BR>程,3DMAX教程,AutoCAD教程,flash教程,矢量,笔刷,婚纱模板,PSD素材,电脑网络,站长指南,教程学习,网站编程为了使版面构成更好地为版面内容服务，寻求合乎情理的版面视觉语言则显得非常重要，也是达到最佳诉求的体现。构思立意是设计的第一步，也是设计作品中所进行的思维活动。主题明确后，版面色图布局和表现形式等则成为版面设计艺术的核心，也是一个艰辛的创作过程。怎样才能达到意新、形美、变化而又统一，并具有审美情趣，这就要取决于设计者文化的涵养。所以说，版面构成是对设计者的思想境界、艺术修养、技术知识的全面检验<BR><BR> 版面的装饰因素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。装饰是运用审美特征构造出来的。不同类型的版面信息，具有不同方式的装饰形式，它不仅起着排除其他，突出版面信息的作用，而且又能使读者从中获得美的享受。<BR><BR><BR>三、趣味性与独创性<FONT style="FONT-SIZE: 0px">p</FONT><BR><BR>版面构成中的趣味性，主要是指形式美的情境。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用。版面充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神功力，从而更吸引人、打动人。趣味性可采用寓言、幽默和抒情等表现手法来获得。<FONT style="FONT-SIZE: 0px">ph</FONT></FONT></P><P><FONT color=slategray> 独性性原则实质上是突出个性化特征的原则。鲜明的个性，是版面构成的创意灵魂。试想，一个版面多是单一化与概念化的大同小异，人云亦云，可想而知，它的记忆度有多少？更谈不上出奇制胜。因此，要敢于思考，敢于别出心裁，敢于独树一帜，在版面构成中多一点个性而少一些共性，多一点独创性而少一点一般性，才能赢得消费者的青睐。<BR><BR><BR><BR>版面构成是传播信息的桥梁，所追求的完美形式必须符合主题的思想内容，这是版面构成的根基。只讲表现形式而忽略内容，或只求内容而缺乏艺术表现，版面都是不成功的。只有把形式与内容合理地统一，强化整体布局，才能取得版面构成中独特的社会和艺术价值，才能解决设计应说什么，对谁说和怎么说的问题。<BR><BR> 强调版面的协调性原则，也就是强化版面各种编排要素在版面中的结构以及色彩上的关联性。通过版面的文、图间的整体组俣与协调性的编排，使版面具有秩序美、条理美，从而获得更良好的视觉效果。<BR></P></FONT>
[ 本帖最后由 kittenmimi 于 2008-8-11 00:31 编辑 ] <DIV class=t_msgfont><FONT color=slategray>字体版式其实对于中文来讲，如果硬要把英文的版式套成中文，会遇到2个问题：<FONT style="FONT-SIZE: 0px">phot</FONT><BR><BR>这其一，是中文的表述方式问题：<BR><BR>同样的语句，英文所使用的字符数量比中文要多得多，因为英文是以 单词 为视觉单位的，中间有 空格，而中文在 字词 之间，没有 空格。这一点，即使是用英文大写，也和中文不同。<BR><BR>YOU MUST KNOW!<BR>你必须知道！<BR><BR>比较一下因此，英文的“视觉暂歇”能力要强一些。但是，现在英文的版式中的标题也有 去除空格 的风格，是为了更紧凑：<BR><BR>YOU MUST KNOW!<FONT style="FONT-SIZE: 0px">平</FONT><BR>YouMustKnow!<BR>现在有些标题开始使用这样的风格，这是将暂停空格转换为“节奏符号”，用大写字母来造成 视觉波动。这样比纯粹的大写字母“易读”。<FONT style="FONT-SIZE: 0px">6 D. }$ `8 X* e* g" m/ _</FONT><BR><FONT style="FONT-SIZE: 0px">% i, s' D1 S' k8 N</FONT><BR>其实，对于模拟相应视觉感知的中文，我觉得是这样一种方式：<FONT style="FONT-SIZE: 0px">w</FONT><BR>在 关键字 的前后位置上添加 一个 半角空格。</FONT></DIV>
<DIV class=t_msgfont><BR><FONT color=slategray>在关键字的前后位置上添加一个半角空格。</FONT></DIV>
<DIV class=t_msgfont><BR><FONT color=slategray>上面一句是不是比较好读？而且，这样的风格，在将来 添加链接 时，也显得 格外 容易。这样的好处，我觉得比加强 分段 的数目，要好一些。<BR>关键字明确，易于被 搜索引擎 捕捉。还原成“打印文字”时，也比较简单，只是去除 不必要的 空格就好了，当然，这是针对中文来讲。对于 印刷 的文字来讲，处理中文的办法要多一些。<BR><BR>下面我要说的第二点问题：<FONT style="FONT-SIZE: 0px">p</FONT><BR><BR>印刷上对于中文字符，广义的说是“双字节”字符，包括韩文和日文，都有这个 行气 的问题。日文对于 视觉调整 的探索要早一些。它们用了两个办法来增强 易读 功能。一个是调整“字怀”变大，一个是将字高变成字宽的 81%。这两个，雅黑都用了。为什么是81%而不是其他，我还没有找到说明的资料。但是，对于网络来讲，压扁字体，是目前不太可能做到的。正文部分 9px 字来讲，正文使用什么字体的意义都不大（视觉差异）。所以，还是应该把目前的重点放在行距调节上。</FONT></DIV> <P><FONT color=slategray>一、注意字体。无论是标志还是排版。作为标志，有时图形是次要的，字体可以帮你解决很多问题，努力学习，掌握字体的设计。<FONT style="FONT-SIZE: 0px">9 </FONT></FONT></P>
<P><BR><FONT color=slategray>二、还是字体。一切都离不开版式，一切版式都离不开字体。作为东方文化最杰出的代表——中文字体，你得好好琢磨。</FONT></P>
<P><FONT color=slategray></FONT> </P>
<P><FONT color=slategray>一开始，你最好先想到是宋体还是黑体，特殊的情况下，你才去考虑是否选用这两大字体之外的字体。简单的讲，宋体很严谨，很庄重，也很尊贵；黑体，很现代，很整齐，很简约。<BR><BR>其次，字体的间距最好小于常规间距。以“0”为标准，你最好取“-50”，这可适用于标题类字体排版，作为大面积的正文排版，同样需要稍微缩小字体的间距，稀疏的间距不但不能完成轻松阅读的任务，反而会让眼睛疲惫。把握“紧凑”和“稀疏”的区别。</FONT></P>
<P><FONT color=slategray></FONT> </P>
<P><FONT color=slategray>最后，字体的高度，最好压一压，就是压扁一些，这样，汉字看上去，会更象汉字一些。</FONT></P>
<P><FONT style="FONT-SIZE: 0px" color=slategray></FONT> </P>
<P><FONT color=slategray><FONT style="FONT-SIZE: 0px"> {</FONT><BR>说的对不对，不妨试一试，都是很简单的处理。<BR><BR>三、版式。如果你功力不够，或者时间不够，最好采用稳妥的排版方式。记得，在商业设计中，不要轻易尝试夸张的跳跃性的版式，那些看上去愈随意愈凌乱的优秀作品，需要的时间愈多，你需要非常扎实的构成功底，同时你需要处理所有已经出现的细节，并且要创造更多的细节。一个平面里，两个元素的距离可以扩展到无限大，但你得有足够的力气，不让它们跑出界了。越乱，越难，而不是反之。我所强调商业设计，这是为你的安全着想，因为客户是付费的，如果你的功力尚浅，就不要冒险。一个简单的测试是，一张白纸上，有两个圆点，想一想，如何处理两点的大小和距离，可以让这张纸看上去紧绷的快要破裂？如果你可以制造出这样的视觉，你就可以去创造那些复杂的版式。<BR><BR>四、回到“稳重”的版式上来，最重要的一点是：节奏。</FONT></P>
<P><FONT color=slategray></FONT> </P>
<P><FONT color=slategray>什么叫节奏？因为不同，所有产生了节奏。对比，反差，无论是面积也好，色彩也好，结构也好，不要什么都一样，也不要什么都不一样，否则，就没有节奏可言。可以用音符如何产生旋律来理解排版中的“节奏”。<BR><BR>五、色彩。如果你想提高，就尽量抛弃正统的红黄蓝绿吧。色彩的感觉，基本上靠天赋。但也可以培养，如果你爱看电影，多留意大师们的电影，看看里面的用色，就拿常见的来说，看看王家卫的电影，每一部，就是一本色彩学。平面设计中，色彩是什么？色彩不是红黄蓝绿，色彩是情绪，每一种色彩的选用和调制，就是每一种心情的表达。所以，最重要的一点，你必须是个非常感性的人。</FONT></P> <P><FONT color=slategray>文字与版式设计剖析<BR>平面设计中的文字添加与版式设计，先来看下面几张精彩的封面设计，它们的共同的特点就是作者充分利用了图片里的特别细节来吸引观者。 <BR><BR> 下图中的两大排白色文字很容易就吸引你的目光，因为作者充分利用了图中人物的姿态，好象一手托着字而另一只手往下按着字，自然而然地吸引你的视线，达成设计目的。<BR></FONT></P>
<P> </P> <P><FONT color=slategray>第二张图片虽然图片上的字很多，却还是给人一种很清爽的感觉，设计者利用衣服的色彩以及走势打入文字来吸引目光，不失为聪明之举。前期拍摄从人物的整体造型到灯光色彩都非常精彩，这绝非后期修改所能做到的。<BR></FONT></P>
<P><FONT color=slategray> </P></FONT> <P><FONT color=slategray>第三张很有戏剧性，作者利用了被摄者拉购物车的这一生动姿态来编排文字。 </FONT></P>
<P><FONT color=slategray> 大家在做设计的时候应该努力发现自己图片中的特点和细节，利用图片中的某个姿态、色彩、形状、走势等来合理编排自己的文字<BR></FONT></P>
<P><FONT color=slategray> </P></FONT> <P><FONT color=slategray>下面几张作品并没有什么特殊的技巧和很绚丽的色彩，画面感觉很自然很普通，但正是因为很自然和普通反而更能吸引别人的目光。画面中的人物并没有故意去摆弄某一种姿势，而是很随意的做着一些普通的动作如：行走、微笑、转身等。 <BR><BR> 但普通自然并不代表随便乱拍，这里的普通自然指的是表现人真实的一面，模特发自内心的的微笑很有感染力。这样整个图片已经不再需要过多的文字来说明什么了，只在图片的空白处编排了一些文字，效果就很好了。所以说在设计前期要留意这些东西，再到后期制作的时候将会比较省力。<BR></FONT><SPAN id=attach_28801 onmouseover="showMenu(this.id, 0, 1)" style="DISPLAY: none; LEFT: 213px; POSITION: absolute; TOP: 6731px"><IMG src="http://images.5d6d.com/dz60/Overcast/attachimg.gif" border=0></SPAN></P>
<P> </P>
<P> </P>
[ 本帖最后由 柔雪 于 2008-6-21 01:16 编辑 ] <P><FONT color=slategray><STRONG>点在版面上的构成</STRONG><FONT style="FONT-SIZE: 0px">pho</FONT><BR><BR><BR>点、线、面是构成视觉的<STRONG>空间</STRONG>的基本元素，也是排版<STRONG>设计</STRONG>上的主要语言。排版设计实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。在<STRONG>平面设计</STRONG>家眼里，世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。它们相互依存，相互作用，组合出各种各样的形态，构建成一个个千变万化的全新版面。<BR><BR><STRONG>1.点在版面上的构成</STRONG></FONT><BR><SPAN id=attach_28804 onmouseover="showMenu(this.id, 0, 1)" style="DISPLAY: none; POSITION: absolute"></SPAN></P>
<P> </P> <FONT color=slategray>点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。这种聚散的排列与组合，带给人们不同的心理感应。点可以成为画龙点睛之“点”，和其他视觉设计要素相比，形成<STRONG>画面</STRONG>的中心，也可以和其他形态组合，起着平衡画面轻重，填补一定的空间，点缀和活跃画面气氛的作用；还可以组合起来，成为一种肌理或其他要素，衬托画面主体<BR><BR><BR><STRONG>2.线在版面上的构成</STRONG><FONT style="FONT-SIZE: 0px">p</FONT><BR><FONT style="FONT-SIZE: 0px">www.missyuan.com- r- w0 O# l2 x2 a- A4 x</FONT><BR><BR></FONT>
<P align=left><FONT color=slategray> 线游离于点与形之间，具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。所以说，设计者能善于运用它，就等于拥有一个最得力的工具。</FONT> </P>
<P align=left> </P>
<P align=left> </P> <P align=left>线从理论上讲，是点的发展和延伸。线的性质在编排设计中是多样性的。在许多应用性的设计中，文字构成的线，往往占据着画面的主要位置，成为设计者处理的主要对象。线也可以构成各种装饰要素，以及各种形态的外轮廓，它们起着界定、分隔画面各种形象的作用。 作为设计要素，线在设计中的影响力大于点。线要求在视觉上占有更大的空间，它们的延伸带来了一种动势。线可以串联各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在最大程度上稳定画面。</P>
<P align=left><FONT style="FONT-SIZE: 0px">www.missyuan.com6 ?# E" S; `3 I, n C</FONT><BR> 3.面在版面上的构成<BR> 面在空间上占有的面积最多，因而在视觉上要比点、线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。因此，在排版设计时要把握相互间整体的和谐，才能产生具有美感的视觉形式。在现实的排版设计中，面的表现也包容了各种色彩、肌理等方面的变化，同时面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极多的变化。在整个基本视觉要素中，面的视觉影响力最大，它们在画面上往往是举足轻重的。</P>
<P align=left> </P>
<P align=left> </P>
页:
[1]