为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

懒人

2011-12-09 18页 doc 689KB 22阅读

用户头像

is_244042

暂无简介

举报
懒人“懒人”设计思维转 关键词:设计 HYPERLINK "http://bbs.redocn.com/design-page-0_0_0_replies_desc_0-1-????????-0-115-2-0.html"平面设计教学 HYPERLINK "http://bbs.redocn.com/design-page-0_0_0_replies_desc_0-1-?????-0-115-2-0.html"思维拓展 “懒人”设计思维【译者的话】设计师总会说设计是一件很累人的事,但这部分原因可能是你自找的。时间与设计出来的...
懒人
“懒人”思维转 关键词:设计 HYPERLINK "http://bbs.redocn.com/design-page-0_0_0_replies_desc_0-1-????????-0-115-2-0.html"平面设计教学 HYPERLINK "http://bbs.redocn.com/design-page-0_0_0_replies_desc_0-1-?????-0-115-2-0.html"思维拓展 “懒人”设计思维【译者的话】设计师总会说设计是一件很累人的事,但这部分原因可能是你自找的。时间与设计出来的效果也并不一定成正比。平面设计师或许应该培养一种“懒人”设计思维,面对一个设计时,心里应该想着的只是如何以最简单的方式完成,出来的效果可能也会更出色,毕竟,简洁的设计往往也是最好的设计。 大多数的设计都会同时涉及到文字与图片,这两者的差异是非常大的,也很难事先预料到两者一起使用时的互相影响,图片与文字如何搭配得漂亮,往往也是设计师的一个很大的挑战,一不留神,就会造成风格矛盾、细节冲突,对比错误。而且就算有一次给你做得不错,但下一次你面对另一个新项目时,你还是会为此而抓狂。 一些设计师在设计时往往会出现“设计过度”的现象。更好的方式就是象一个懒人的思维一样,图片放在这里,文字放在那里,搞定!关键是让每一个元素都简单清晰,让两者的互相影响减至最低,而且这种设计手法还可以让你一再使用,永不过时。让我们看具体的例子吧: 这是一家室内家居专业摄影工作室的册子封面,修改前的设计是一种“吃力”的设计。 设计师选择了毫不相关的字体及颜色,然后又加上背景及线条,希望使其成为一个有机的整体。其实,设计没必要搞得这么复杂! 修改后的设计,文字内容并没有改变,但整个版面分成两个区域,图片及文字各占据一个,出来的效果就是漂亮、干净、整洁,所用的时间精力也不多,而且这种构图及手法也可以一用再用! 让我们深入分析这两者的设计过程。 吃力的设计: 几经辛苦,这个设计完成了。每一步似乎都有理有据,设计师也将协调、对比、风格一致这些理论紧记于心,但老实说,出来的效果并不理想,从视觉上说也不吸引。为什么?因为设计师是事先想好了某种风格,然后强加在版面上,但偏偏主题元素又与这种设想的风格不一致,强加未遂。 我们再来总结一下这个设计: 在这个设计中,设计师主要采用了Round Bauhaus Demi字体,这种字体是一种有趣新奇的字体——处处呈现一种圆弧的感觉。然而,为了展现这种字体圆形的特点,我们需要将字体显得比较大,字母间距紧密,并且是要小写字母(上图),但问题是,设计师在设定介绍文字时,将其全部设为大写——这个时候,字体的直线感压抑了圆弧感,而且下面的文字尺寸又很小,其文字块边缘呈现向两边发散的直线视觉感(见上图箭头线段),这样的文字排版削弱了字体特有的风格,圆弧不见了,我们感觉到的只是凌乱的字体元素。 设计师深明在风格中细节必须呼应的重要性,所以他将一些地方设为圆角来呼应字体的特点(上图)。问题是,它还是不够圆,出来的效果仍然是直线占支配地位。特别是上图右所示的,我们可以观察到,这里显得非常局促,读者在观看时,看得的并不是一个整体,而是还得仔细区别你这细小的区域——竟然有4个“步骤”让读者去练眼力!毫无必要的设计。 分析完这个设计,让我们看一下“懒人”是如何设计这个项目的。 “懒人”的设计: 修改后的设计,图片异常抢眼,元素与版面风格配合,名称的文字同样醒目张扬,出来的效果漂亮清晰,为什么这种简简单单的设计手法却更能发挥作用? 通过大小及色值来区分: 精心设计的文字包含了四个视觉引导。从位置来说,呈现由上至下的引导;从字体尺寸来说,是由大至小的引导;从字体样式来说,是由粗至细的引导;从颜色明暗来说,是由暗到亮的引导。这种特点在这个设计中发挥重要的作用,你的眼睛很自然的由一个元素去到下一个元素,毫无阻碍。 介绍文字采用全大写,字母间距及行距都设得非常紧密(小写字母很难呈现这种紧缩的排列),形成了很短的文字行。文字整体呈现一种精细、垂直的视觉特点。文字放在左边,使右边留出较大的白色区域,这个区域呈现视觉张力,让人的眼睛不由自主地移到文字上来。 变化: “懒人”就算面对一个系列的设计,也是气定神闲,以不变应万变,谈笑间就能出色完成任务! 无论上下左右,怎么放都让人满意。因为图片及元素都自成一体,互不干扰,文字放在上面, 效果与放在下面一样出色。水平放置,同样显得优雅精美。其实这是颜色的功劳,不同的图片要用不同的颜色,文字颜色取自于图片中,这样文字与图片既分离,但又有联系,整体总是显得和谐一致。当然,还要记住视觉引导:名称要重点强调,而其它的字体则低调处理。 上面几个修改后的字体及颜色是我们自由选择的,如果客户就认定最初的那种字体及绿色他最喜欢,认为最能体现室内装修的风格,非得要用回原来的那种字体及绿色。怎么办?不用一头撞墙,认为自己如果不是有其它的人生际遇否则一早就成为一个艺术家的客户大有人在,反正我们一样应付自如: 仍然保留简洁的构图,版面仍然是图片及文字各就各位; 我们采用原来的字体,但正如我们在上面所分析的,我们会采用小写字母(就算是第一个字母也是小写),并且采用细体,这样的修整,能使包豪斯的字体风格得到最大程度的体现,文字呈现更丰富的特色。 保留字体引导的特性:仍然采用上至下,大至小,暗到亮。在这个设计中,字母不需要粗细变化。 保留对齐特性:包豪斯这种字体结构决定了你很难将它们的字母紧缩排列,所以也意味着我们很难象上面一样,将文字整体设置成一个具有强烈视觉效果的列状区域。我们需要随机应变:调整成右对齐,将名称的尺寸尽量拉大,然后将字母“g“突出右边的空白区域,起到强调的作用。作用是让文字整体搭配得更密切(想象一下,如果g不突出来,名称与下方的文字会显得很松散),当然,也使版面更活。 加深绿色:加深绿色的作用是减少与红色形成过于强烈的对比,现在红色及绿色的“份量”大概平等,起到恰当的互补关系,而没有出现谁要控制谁的现象。 本文所用颜色数值如下: 本文由LOGOSKY.NET网站设计师陈汉聪编译 图书版面与版心构成 荐 热 6已有 1038 次阅读 2010-08-23 10:46 标签: 版心 图书 编辑 版面 排版 汉轩林 1.图书版面及构成要素­ 图书版面是图书内容地承载页面;图书版面地规格及构成样式,与图书开本及内容相关。 ­ (1)图书版面地定义 ­ 图书版面,即图书书页地幅图;图书版面面积,即图书幅面面积(图书开本);图书版面面积的规格是与图书开本的规格一致的。 ­ 如:16开本的图书,版面规格为185×260。 ­ 32开本的图书,版面规格为130×185。 ­ 商标注册标识制作网站优化展览工程标牌设计专卖店设计产品摄影形象设计(2)图书版面的构成 ­ 版心 是图书版面上规则承载图书内容的部分;是版面构成要素之一;是版面内容的主体。人们看书的时候总是看到双面的,这一点正是图书设计与单面的广告、宣传画的图同之处。这也是在图书设计中应该注意的问题。 ­ 周空 是图书版面上规则版心四周的空白;是构成图书版面的不可或缺的要素。白边有助于阅读,避免版面紊乱,有利于稳定视线,还有助于翻页。 ­ 周空的名称:上白边——天头;下白边——地脚;左右白边——订口、切口。 ­ 周空过大,版面缩小、容字量少,即不经济,也显华而不实;周空过小,超过一定限度会使读者在阅读时感到局促和吝啬,有损版面美观,在印刷装订时容易发生事故;所以说在图书设计中周空大小十分重要。 ­ 2. 图书版心及字号字体 ­ 版心也称“版口”,是图书版面上规则的容纳文字图的部分。 ­ (1)版心面积及位置 ­ 版心面积 即版心规格,用版心宽度×版心高度表示。如文字或图表超过版心规格,称“超版心”。 ­ 网页设计彩页设计网站推广展览工程影视制作标志设计画册设计包装箱设计版心宽度 ­ ①影响视力的字行长度 ­ 小五号字的字行长度超过90mm。 ­ 五号字的字行长度超过110mm。 ­ ②目前通行的图书字行长度 ­ 大32开本图书的字行长度: ­ 五号字,27~29字/行,约100~108mm。 ­ 32开本图书字行长度: ­ 五号字,25~27字/行,约92~100mm。 ­ 小五号,29~31字/行,约92~98mm。 ­ 画册印刷LED显示屏包装印刷产品设计包装箱品牌加盟策划公司商标注册16开本图书字行长度: ­ 五号字,38~40字/行,约146~150mm。 ­ 小五号,48~50字/行,约150~156mm。 ­ 16开本的字行长度,显然已经超过了视力适度的范围。故除了个别书刊偶有用五号字单行排式外,大多都采用双栏排式。 ­ 版心在版面上的位置 ­ ①直排版式 版心位置:偏下靠右或居中。 ­ 理由:天头(上白边)较为舒展,可供批注; ­ 双单码面时,订口白边相对较小。 ­ ②横排版式 版心位置:偏上靠左或居中。 ­ 理由:版心面积不计页码,如版心上下居中,视觉版心下坠。 ­ 建站系统服装摄影摄影包装袋设计画册设计户外广告影视创作影视制作理论书籍的白边可留大一些,便于读者在空白处书写和批注。科学技术书籍出版量小,读者少,成本告,白边就应留得小一些。袖珍本、字典、资料性得小册子以及廉价书也要尽量利用纸张,白边也应留得小一些,至少应有10mm的宽度。精装本和纪念性文集用较宽的白边,这样也能增强书籍的贵重感和气派。从版面的和谐看,行距宽的也即疏排的版心,其白边要相应地宽一些,反之,密排地要窄一些。另外厚本书籍要注意内白边因弧形造成地减弱作用,要相应地加宽,注意不使版心缩进订口地隆起处,至少不必用手去揿捺就能看到最里边的文字。 ­ (2)字号字体及其单位换算 ­ 字号 即字的大小。图书出版物常用的印刷字有铅字、手动照排字和激光照排字三种。前两种目前很少使用,现多用激光照排字。 ­ ①铅字 初号、小初号、一号、二号、小二号、三号、四号、小四号、五号、小五号、六号、七号、六点字号数字以点(磅或标)为单位。 ­ ②手动照排字 7~100级 级数制以级(k)为单位。 ­ ③级数与点数换算关系 ­ 1级(k)=0.25 mm 1点(p)=0.35mm ­ 1级(k)=0.714点(p) 1 点(p)=1.4级(k) ­ ④激光照排字 字的大小不受限制,可任意缩放。并可产生多种形式的变形字,可做成长扁变形、左右倾斜、阴阳立体、勾边、旋转、空心网纹字等。 ­ 包装机企业宣传片画册制作SI设计包装箱商标转让影视广告片建筑摄影字体 即字的形体 ­ 图书出版物现用字体有: ­ ①基本字体 宋体、仿宋、黑体、楷体等。 ­ ②基本字体的变化 如:照排字中的“书宋体”、“报宋体”、“标宋体”、“宋三体”、“秀丽”、“小姚体”等,均为老宋体的变体;“等线”、“圆头体”、“大黑体”等均为黑体的变体。多用于正文、标题等。 ­ ③艺术体 图照排字中的“行楷”、“隶书”、“魏碑”、 “琥珀”、 “综艺”、“水柱”、“彩云”等体,均为美术字体。多用于刊物标题等。 ­ 3. 版心规格的计算 ­ 版心规格的计算,即版心容量(版面容纳字数)的计算,在图书正文用字确定后,即可根据既定的图书开本计算处版心规格。 ­ ⑴行长计算 即图书版面上一行文字的长度的计算。在一般情况下,行长等于版心宽度。 ­ ①铅排行长的计算 ­ 铅排行长=字数×(每字点数×每点毫米数) ­ 网站优化企业专题片广告招牌摄影器材展览工程广告摄影展览设计商标转让如:某图书,用五号字,每行排25个字。 ­ 行长=25字×(10.5点×0.35mm/点)=25字×3.675mm=91.875mm ­ ②手动照排行长的计算 ­ 照排行长=字数×(每字级数×每级毫米数) ­ 如:某图书,用15k字,每行排27个字。 ­ 行长=27字×(约五号15k×0.25mm/k)=27字×3.75mm=101.25mm ­ ③激光照排行长的计算(同铅排行长的计算) ­ ⑵行距计算 即两行文字的行间距离的计算。行距的确定:一般为正文字的1/2 ­ 展厅设计品牌设计设计签名标徽设计商标注册包装箱商标事务所画册印刷NT>、3/4、1。如:某行距为五号字的1/2,即5.25点;3/4即7.875点;1,即10.5点。或,为比正文用字大一级字的1/2。如:某图书,正文用字为五号,其行距为小四号字(12点)的1/2(对开),即6点(磅)。 ­ ⑶版心规格计算 ­ 版心规格=版心宽度×版心高度 ­ 版心高度=(字高×行数)+(行距高×行距数) ­ 其中:字高=每字点级×每点级毫米数 ­ 行高距=每行距点级×每点级毫米数 ­ 行距数=总字行数-1­
/
本文档为【懒人】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索