大家一起来呀,设计个本论坛的新LOGO
[:13:] ,这东西究竟有多难,我从0开始,给自己加个油,加油,GO,说干就干一、什么是LOGO
翻开字典,我们可以找到这样的解释:“ logo: n.标识语 ”。在电脑领域而言,LOGO是标志、徽标的意思。而本站主要所收集的LOGO,是互联网上各个网站用来与其它网站链接的图形标志。
二、LOGO的作用
1. LOGO是与其它网站链接以及让其它网站链接的标志和门户。INTERNET之所以叫做“互联网”,在于各个网站之间可以联接。要让其他人走入你的网站,必须提供一个让其进入的门户。而LOGO图形化的形式,特别是动态的LOGO,比文字形式的链接更能吸引人的注意。在如今争夺眼球的时代,这一点尤其重要。
2. LOGO是网站形象的重要体现。试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪?就一个网站来说,LOGO即是网站的名片。而对于一个追求精美的网站,LOGO更是它的灵魂所在,即所谓的“点睛”之处。
3. LOGO能使受众便于选择。一个好的LOGO往往会反映网站及制作者的某些信息,特别是对一个商业网站来话,我们可以从中基本了解到这个网站的类型,或者内容。在一个布满各种LOGO的链接页面中,这一点会突出的表现出来。想一想,你的受众要在大堆的网站中寻找自己想要的特定内容的网站时,一个能让人轻易看出它所代表的网站的类型和内容的LOGO会有多重要。
三、LOGO的国际标准规范为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO,目前有三种规格:
1. 88*31 这是互联网上最普遍的LOGO规格,本站所收集的均是这种大小。
2. 120*60 这种规格用于一般大小的LOGO。
3. 120*90 这种规格用于大型LOGO。
四、LOGO的制作工具和方法
好像目前并没有专门制作LOGO的软件,其实也并不需要这样的一种软件。我们平时所使用的图像处理软件或者还加上动画制作软件(如果你要做一个动画的LOGO的话)都可以很好地胜任这份工作,如PHOTOSHOP、FIREWORKS等。而LOGO的制作方法也和制作普通的图片及动画没什么两样,不同的只是规定了它的大小而已。
五、一个好的LOGO应具备的条件
Poorfish认为,一个好的LOGO应具备以下的几个的条件,或者具备其中的几个条件:
1. 符合国际标准(废话)
2. 精美、独特
3. 与网站的整体风格相融
4. 能够体现网站的类型、内容和风格
[[i] 本帖最后由 暗醉幻宇 于 2008-8-22 21:48 编辑 [/i]]
1
[:13:] ,西政在线,148,......是以文字为凸现主题,还是图片,如果是文字,文字该怎么来设计??图片颜色,种类,???或者采取混合文字图片的方式???[:30:]2
[:30:] ,以蓝色为基调[:30:]有关颜色的知识:
红色:最强有力的色彩, 能引起肌肉的兴奋.热烈、冲动. 还可以代表热闹
橙色:较温和, 是一种很活泼、辉煌的色彩.富足的、快乐的色彩.稍加黑则较稳重.蓝橙对比时较生动.
黄色:色亮度最高, 尤其灿烂、辉煌.象征着智慧之光, 象征着权力、骄傲.经不起白色的冲淡.当用黑、紫、深蓝反衬时, 能加强.淡粉色能使之变柔和.
绿色:具中性特点.和平色, 有活泼的特点.偏向自然美.宁静、生机勃勃, 宽容色彩.可衬托多种颜色而达到和谐.
[size=5][color=deepskyblue]蓝色:[size=4][color=black]永恒、博大、遥远感. 喜欢看天空[/color][/size] [size=2][color=red](海纳百川,有容乃大)
[/color][/size][/color][/size]
紫色:大面积有恐怖感, 紫红尤其明显.暗紫有灾难感.淡紫则是一种优美的活泼色.紫与黄共存时, 消极性更加显著.
黑与白:非常对立而又有共性, 是色彩最后的抽象.能够用来表达富有哲理性的东西.黑白颜色加在一起很酷的
黑色:空、无、永恒的沉默. 有点酷的感觉
白色:虚无,纯洁,有无尽的可能性.
此二色总时通过对方的存在显示自己的力量.
灰色:是色彩中最被动的颜色.受有彩色影响极大, 靠邻近的色彩获得自己的生命.近冷则暖, 近暖则冷.最有平静感(中性), 是视觉中最安静的色彩.有很强的调和对比的作用.
简便点:
黄: 东方代表尊贵、优雅,西方基督教以黄色为耻辱象征。
红: 热情、兴奋、刺激,容易鼓舞勇气,西方以此作为战关象征牺牲之 意,东方则代表吉祥、乐观 喜庆之意。
蓝: 沉静、幽远,欧洲为对国家之忠诚象征。
黑: 无情色,神秘之感,庄严、沉虑,如和其他颜色相配合含有集中和重心感。
白: 无情色,表纯洁之感,及轻松、愉悦,浓厚之白色会有壮大之感觉。
绿: 代表安全、平静、舒适之感,在四季分明之地方,如见到春天之树木、有绿色的嫩叶,看了 使人有新生之感。
橙: 炽烈之生命,太阳光为橙色。
灰: 代表寂寞、冷淡、拜金主义,灰色使人有现实感。
粉红:娇嫩、青春、明快。
紫: 一般人喜欢淡紫色,有愉快之感,青紫一般人都不喜欢,不易产生美感。
咖啡:代表健壮,与其它色不发生冲突。有耐劳、暗淡之感情
[[i] 本帖最后由 暗醉幻宇 于 2008-8-22 22:01 编辑 [/i]]
先看看别人的1
[:30:]1、打开psotoshop,在“文件”里打开一张你准备使用的图片,最好是JPG格式的静态图片,同时注意图片的选取要有作为LOGO图标的价值,这就看个人眼光了。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101706957.gif[/img][/align] 2、图片的上方如果显示是“索引”字样,就必须用“图象”——“模式”——改为“RGB颜色”,否则很多功能无法使用。如果直接就显示为RGB,那就不必改了。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101706763.gif[/img][/align] 3、然后选择工具栏的“裁切工具”,裁切一个88*31大小的图片,图片切得大了就继续切,切到合适为止,切得小了就重来。这里裁切的尺度是80*31。如下图。(或者可以用矩形工具选取一个88831的区域,再新建一个空白图片粘贴上去)。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101707527.gif[/img][/align] 4、在这个例子里图片宽度不够,裁切出来的大小是80*31,应该放大为88*31。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101707370.gif[/img][/align] 二、[b]加入文字 [/b]
在LOGO中显示的一般是网站名称和地址,这里以本论坛名称“天空之城”和地址“[color=#1b222e]www.vanely.com [/color]”为例。做LOGO最主要的是用各种显示的方法突出文字信息,以给人深刻和良好的印象。下面就举例介绍一下几种常用的文字变换的显示方法:滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。其他效果就需要自己慢慢摸索学习了。
[b] 滑行效果:[/b]字体从旁边慢慢滑行出来的效果。1、在工具栏选择文字工具——文字工具的样子的大写的“T”,在合适的地方输入文字,一般LOGO的文字格式是默认的宋体,12号大小,去掉锯齿。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101708387.gif[/img][/align] 字体常用的特效有投影、描边、模糊等,这里的例子用白色字体,绿色描边。进入特效设置的方法是在右下角的图层上用右键点出“混合选项”,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101708505.gif[/img][/align]
先看看别人的2
[:30:]2、简单介绍一下这几种效果的使用方法。点击“投影”字样(而不是点击它前面的选框),把投影选项中的“距离”“大小”改为1,“角度”改为150或120,“不透明度”自己定——不透明度是指投影颜色的深浅,在“混合模式”后面的黑框里选择颜色。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101709705.gif[/img][/align] 3、点击“描边”,把“大小”改为1,把颜色改成你想要的。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101710950.gif[/img][/align] 另外一个“模糊”效果是在“滤镜”——“模糊”——“动感模糊”里。呆会再说。
4、输入文字并设置好效果后,用移动工具拖动文字的位置。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101710588.gif[/img][/align][align=center][img]http://school.photops.com/UploadFiles/200703/20070317101711598.gif[/img][/align][align=center][img]http://school.photops.com/UploadFiles/200703/20070317101712104.gif[/img][/align][align=center][img]http://school.photops.com/UploadFiles/200703/20070317101713500.gif[/img][/align] 在这里可以用“缩放工具”放大图片,以便更好地设置。注意文字移动的曲线要在同一条直线上,分毫都不可偏差,比如说从左移到右,一般是用移动工具移动4或5次,每一次移动之后就要保存。保存的时候也要注意,先新建一个文件夹,把保存的图片按照顺序用01、02、03这样的文件名保存起来,这是一定必要的!也可以使用“存储为”保存为PSD图片,方便以后修改,但这种格式不能做为网页图片发布。
先看看别人的3
[:30:]5、用同样的方法移动 [url]www.vanely.com[/url] 字体。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101723403.gif[/img][/align] LOGO一般常用的英文字体是04号字体,最常用的一种是里面的“04b_08”,04b_08字体在这里下载:[url=http://www.vanely.com/bbs/images/04B_08__.TTF][color=#0000ff]http://www.vanely.com/bbs/images/04B_08__.TTF[/color][/url]字体的格式是,04b_08字体,6号大小,去掉锯齿。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101723785.gif[/img][/align] 6、字体的移动设置保存完毕后,进入ImageReady合成动画——点击工具栏最下边的图标进入。进入ImageReady后,选择“文件”——“导入”——“作为桢的文件夹”——选择你保存着图片的那个文件夹——确定。
7、图片间维持时间的设置,点击动画显示栏里图片下边的标志,设置间隔时间,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101724286.gif[/img][/align] 然后保存,注意要用“将优化结果存储为……”那个键。保存后看看效果,建议用ACDSee看,动画显示真实些,速度也快些。单纯使用滑动效果后的LOGO:
[img]http://school.photops.com/UploadFiles/200703/20070317101727953.gif[/img]
[b] 模糊效果:[/b]字体呈现瞬间模糊的效果,看起来比较动态。1、类似滑动效果的制作,选择要使用模糊效果的图层,并去掉描边特效,使用 “滤镜”——“模糊”——“动感模糊”把字体弄成模糊后再进行移动,这样看起来更有动感。完成后的LOGO如图:
[img]http://school.photops.com/UploadFiles/200703/20070317101728818.gif[/img]
[b] 渐变效果[/b]:字体从无到有渐渐显示出来。1、渐变效果是利用ImageReady的功能键完成的,在动画显示栏里,先在心里默认两张图片,第一张会慢慢渐变到第二张,然后用鼠标选择第二张,点击功能键里的“过渡”,选择过渡图片的张数,一般为3—5张,然后点确定就行了。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101728946.gif[/img][/align] 最后的渐变效果LOGO:
[img]http://school.photops.com/UploadFiles/200703/20070317101729550.gif[/img]
[b] 打字效果[/b]:字体一个一个逐渐显示出来。1、这种效果比较麻烦,并且只能针对中文,英文最好不要用。先在已经确定的位置上输入文字和效果,不要移动。预计图片的数量,四个字的话,一般为五张。那么就从第五张做起,逐渐到第一张。而输入文字后的图片则保存为06.gif。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101729447.gif[/img][/align]
先看看别人的4
[:30:]2、选择“图层”——“合并可见图层”,选择“矩形选框工具”,选择并框出最后一个字,如下图。(很多功能的操作都必须先合并图层,但合并图层后不利于保存为PSD修改)
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101730180.gif[/img][/align] 在选好的字里点右键选择“填充”—“白色”。在新建文件夹里保存为05.gif。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101730642.gif[/img][/align] 4、按“编辑”的“返回”回到合并图层前,用文字工具删掉最后一个字,再选择矩形选框工具(很多时候需要选择这个工具,菜单栏里的项目才会正常显示),再合并可见图层,再用矩形选框工具选出第三个字,用同样方法填充为白色,保存为04.gif。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101731669.gif[/img][/align] 5、用同样方法把第二、第一个字填充为白色,保存为03、02.gif。原始图片作为01.gif。6、在06.gif的基础上加入网站地址,可以自己选择效果。这里略。7、进入ImageReady合成动画,时间间隔设置为0.2秒较好。8、完成后的LOGO:
[img]http://school.photops.com/UploadFiles/200703/20070317101731387.gif[/img]
[b] 颜色过渡效果[/b]:字体上有一种不同于字体的颜色逐字滑过的效果。1、在确定的地方输入文字,加上效果,不再移动,保存为01.gif。2、用文字工具选择第一个字,把它改成于其他字体不同的颜色,保存为02.gif,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101735191.gif[/img][/align] 3、“返回”未修改颜色前,用同样方法只选择第二个字,把它改为红色,保存为03.gif。4、用同样方法保存完四个字,需要的话也可以对网址进行颜色过渡处理,不过每次变色最好选择两个字母同时进行。5、文字过渡效果也是用这种方法,并且更简单,写一个字就保存一次,然后再合成动画。最后的效果LOGO:
[img]http://school.photops.com/UploadFiles/200703/20070317101737608.gif[/img]
[b] 闪光效果[/b]:常见的一道闪光滑过图片表面的效果。1、在Firework 2004打开一张图片,在右上角的地方新建一个图层,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101737775.gif[/img][/align] 2、用鼠标选择本来的图层,而不是新建的那个图层,否则无法继续。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101738942.gif[/img][/align]
先看看别人的5
[:30:]3、用“矩形工具”选取一道闪光的矩形,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101738801.gif[/img][/align] 4、对选择好的矩形进行加工,方法有两种:淡化或者模糊。如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101739414.gif[/img][/align][align=center][img]http://school.photops.com/UploadFiles/200703/20070317101739678.gif[/img][/align] 5、如果需要倾斜的矩形,只需使用“修改”——“变形”——“任意变形”,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101740162.gif[/img][/align] 6、选择本来的图层按快捷键F8,选择“动画”,选择桢的数目和动画的范围,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101741965.gif[/img][/align]
先看看别人的6
[:30:] 作者:小飛兒 教程来源:闪吧论坛[url=http://school.photops.com/Class3/tsxg/200703/Article_20070317100820.html]http://school.photops.com/Class3/tsxg/200703/Article_20070317100820.html[/url]7、回到图片,拉动两头的小点调整动画范围,有时需要按住Ctrl键才能拉动,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101741315.gif[/img][/align] 8、在开始新建图层的地方再选择“共享图层”,如下图。
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101745899.gif[/img][/align] 9、然后选择“文件”——“导出向导”——“继续”——“导出”就行了。完成的图片在ImageReady中导入的时候会自动变成一桢桢的图片。用这个方法完成的LOGO:
[align=center][img]http://school.photops.com/UploadFiles/200703/20070317101745470.gif[/img] [img]http://school.photops.com/UploadFiles/200703/20070317101745295.gif[/img] [img]http://school.photops.com/UploadFiles/200703/20070317101746596.gif[/img][/align] OK,说了半天不知诸位明白没有,累得我……。这里只介绍了一些常用效果的制作,请诸位看仔细步骤,基本上是缺一不可的。还有一些其他需要注意的问题,可以看看:1、文字信息最好不要超过6个字,网址最好不要超过13个字母,否则处理起来很麻烦。2、操作失误时可以用PhotoShop里“编辑”里的“返回”,返回上一步重新操作;重新开始则选择“文件”里的“恢复”,恢复到图片原始状态。3、这些效果可以综合应用,在这个基础上其实还可以弄出更多花样来。但一个LOGO的图片数最好不要超过20桢,否则文件太大显示会很慢,最后文件的大小最好在25K以下。4、这个帖子图片太多,无法一次性显示完毕的话,在图片上用右键点击“显示图片”。
著名设计大师王孟友教你如何设计标志(LOGO)
[:30:]概述我在教学和实际设计中的一些心得。就不长篇大论了!让大家省些时间,捞干的。尽量通俗易懂。
想知道怎样设计标志,就要知道什么是标志?
标志:外来语叫logo是表明事物特征的记号。它以单纯.显著,易识别的物象.图形或文字符号为直观语言,除标示什么、代替什么之外,还具有表达意义、情感和指令行动等作用。
标志,按照使用的功能可分:商标、徽标、标识、企业标、文化性标、社会活动标、社会公益标、服务性标、交通标、环境标、标记、符号等。作为人类直观联系的特殊方式,在社会活动与生产活动中无处不在,越来越显示其极重要的独特功用。例如:国旗、国徽、公共场所标志、交通标志、安全标志、操作标志等,各种国内外重大活动、会议、运动会以及邮政运输、金融财贸、机关、团体、公司及个人的图章、签名等几乎都有表明自己特征的标志。随着国际交往的日益频繁,标志的直观、形象、不受语言文字障碍等特性极其有利于国际间的交流与应用,因此国际化标志得以迅速推广和发展,成为视觉传送最有效的手段之一。我们发展中的中国,早已认识到了这一点!各个单位、个人已经在发展的初期,就意识到要设计一个标志。
[b]标志有很多特点,介绍几点让大家了解:[/b]
1. 功用性
标志的本质在于它的功用性。虽然具有观赏价值,但标志主要不是为了供人观赏,而是为了实用。具有不可替代的独特功能。具有法律效力的标志尤其兼有维护权益的特殊使命。
2. 识别性
标志最突出的特点是易于识别.显示事物自身特征,标示事物间不同的意义、区别与归属是标志的主要功能。
3. 显著性
显著是标志又一重要特点,除隐形标志外,绝大多数标志的设置就是要引起人们注意。因此色彩强烈醒目、图形简练清晰。
4. 多样性
标志种类繁多、用途广泛,无论从其应用型式、构成形式、表现手段来看,都有着极其丰富的多样性。 其应用形式,不仅有平面的、立体的,具象、意象、抽象图形构成的,还有以色彩构成的。多数标志是由几种基本形式组合构成的。
5. 艺术性
经过设计的标志都应具有某种程度的艺术性。既符合实用要求,又符合美学原则。我个人提倡张扬个性。一般来说,艺术性强的标志更能吸引和感染人,给人以强烈和深刻的印象。
6. 准确性
标志无论要说明什么、指示什么,无论是寓意还是象征,其含义必须准确。尤其是共工标识,首先要易懂,符合人们认识心理和认识能力。 其次要准确,避免意料之外的多解或误解,尤应注意禁忌。让人在极短时间内一目了然、准确领会无误,这正是标志优于语言、快于语言的长处。
7. 持久性
标志与广告或其它宣传品不同,一般都具有长其使用价值,不轻易改动。
[b]设计标志的原则与步骤:[/b]
创意的想法,恰当的艺术表现形式和简练、概括的表现手法,使之具有高度整体美感、获得最佳视觉效果,是我设计标志追求的。实际,标志就是凝练出来的单纯易记符号。
1.首先了解对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。
2.符合作用对象的直观接受能力、审美意识、社会心理和禁忌。不同国家、地区、民族各不相同。
3.构思要具体问题,具体分析,力求深刻、巧妙、新颖、独特,表意准确,能经受住时间的考验。
4.构图布白守黑要凝练、美观、富有新意。图形、符号既要简练、概括,又要说明问题。
5.色彩运用要简单,富有变化。颜色是根据具体的寓意需要,具体分析。颜色是有感觉的,分:冷暖、距离、轻重、软硬等。颜色也是有情绪的,一种颜色分两种情绪,如:红的积极情绪是活力、希望;消极情绪就是危险、恐怖。总之,或强烈、醒目,或古朴凝重…….都要恰到好处。要以内容定颜色,如:蓝色多用在电子、通讯、科技方面居多。绿色就用在农业、林业居多……... 各种颜色都有各自的特点,这里就不占过多篇幅了,可以私下来信交流。
[b]介绍几种标志的定位与构思手法:[/b]
a、简化概括定位:
1, 以名称的文字定位(中文、英文、拼音)
2, 以名称的图形定位(人物、动物、植物、建筑等具体实物)
3, 以名称的图文配合定位
4, 以代表对象的外部特征定位
5, 以代表对象的内部特征定位
6, 以代表对象发挥的效能定位
7, 以突出标志个性特征的角度定位
相关案例:[url=http://www.gjart.cn/photomore2.asp?second_cateid=10][color=#0000ff]http://www.gjart.cn/photomore2.asp?second_cateid=10[/color][/url]
b、标志构思手法:
1、表象手法:采用与标志对象直接关联而具典型特征的形象,直述标志目瞪口呆的.这种手法直接.明确.一目了然,易于迅速理解和记忆2、象征手法:采用与标志内容有某种意义上的联系的事物图形、文字、符号、色彩等,以比喻、形容等方式象征标志对象的抽象内涵。
3、寓意手法:采用与标志含义相近似或具有寓意性的形象,以影射、暗示、示意的方式表现标志的内容和特点。
4、模拟手法:用特性相近事物形象模仿或比拟所标志对象特征或含义的手法。
5、视感手法:采用并无特殊含义的简洁而形态独特的抽象图形、文字或符号,给人一种强烈的现代感、视觉冲击感或舒适感,引起人们注意并难以忘怀。这种手法不靠图形含义而主要靠图形、文字或符号的视感力量来表现标志。
[b]归纳起来就是三种表现形式:[/b]
1.具象形式:基本忠实于客观物象的自然形态,经过提炼、概括和简化,突出与夸张其本质特征,作为标的志图形。这种形式具有易识别特点。
2.意象形式:以某种物象的形态为基本意念,以装饰的、抽象的图形或文字符号来表现的形式。
3.抽象形式:以完全抽象的几何图形、文字或符号来表现的形式。这种图形往往具有深邃的抽象含义、象征意味或神秘感。这种形式往往具有更强烈的现代感和符号感,易于记忆。
没有设计创意思路时怎么办?可以到这里看看190种小方法[url=http://www.gjart.cn/viewnews.asp?id=13149][color=#0000ff]http://www.gjart.cn/viewnews.asp?id=13149[/color][/url]
[b]标志构成的表现手法[/b]
1.秩序化手法:均衡、均齐、对称、放射、手大或缩小、平行或上下移动、错位等有秩序、有规律、有节秦有韵律地构成图形,给人以规整感。
2.对比手法:色与色的对比,如黑白灰、红黄蓝等;形与形的对比,如大中小、粗与细.方与圆.去与直.横与竖等,给人以鲜明感.3.点线面手法:可全用大中小点构成,阴阳调配变化;也可全用线条构成,粗细方园曲直错落变化;也可纯粹用块面构成;也可点线面组合交织构成,给人以个性感和丰富感。
4.矛盾空间手法:将图形位置上下左右正反颠倒、错位后构成特殊空间,给人以新颖感。
5.共用形手法:两个图形合并在一起时,相互边缘线是共用的,仿佛你中有我,我中有你,从而组成一个完整的图形,如太极图的阴阳边缘线共用等。
国际化的标志大多以以英文为主,因为英语以成为公认的“世界语”。其次就是以各种变化图形为主的标志。以前我设计过大量以拉丁文、图形为的作品,这类作品也到处可以看到。今介绍两种,我以国内本土文字为主设计的标志。也希望我们本土的文字标志,在世界各地到处都可以看到,这就需要我们国人、设计师共同努力了!
[align=center][table][tr][td][img]http://photocdn.sohu.com/20070210/Img248167335.jpg[/img][/td][/tr][/table][/align][align=center]国际艺术界网标志设计赏析[/align][align=center][table][tr][td][img]http://photocdn.sohu.com/20070210/Img248167336.jpg[/img][/td][/tr][/table] [/align][align=center]天行标志设计作品赏析[/align] 前列仅为常见手法,设计中还需不断发现和创造成新手法。我个人提倡:百花齐放,百家争鸣,推陈出新,张扬个性。在练习的过程中,先有法,后无法,乃最高境界。要不断的横向、纵向对比(横向:是指和别人比。纵向:是指和自己不同时期比)从中找出差距。设计需要的是眼界。希望大家多看好的设计,多积累。设计实际就是比的见多识广,看谁的阅历丰富、积累的多。只有渊博的广识,丰富的灵感,才能创作出优秀的个性作品。当然在具体的训练中还有很多方法,这里就不一而足了,如有问题请E-mail:[email]gjart@163.com[/email] 希望与广大专家、学者共进。标虽小,却能海纳百川;字不多,望您能有所小获。
中国是我们的大品牌。“中国”名字就非常好,听说西汉时,老祖宗就给我们留下了。“中国”是个非常有创意的名字,我爱它!我用现在的理解,它非常有创意。中国最大的领导机构是中央,世界的最大领导机构应该是中国。呵呵,有创意的中华儿女们,一起努力吧!!!
作者简介:王孟友,1966年生,现居北京。书法家、美术家、设计大师。
1998年去美国艺术学院深造,后受邀辗转韩国、日本、意大利、法国从事讲学、担任艺术赛事评委等活动。其作品版权拓展至台湾、马来西亚、韩国、日本、新加坡、意大利、法国、德国等地.....
2005年受聘美国-国际艺术界联合会住中国秘书长,兼中国国际艺术界网[url=http://www.gjart.cn/][color=#0000ff]www.gjart.cn[/color][/url]艺术总监。.美国2001年国际华人艺术节设计类评委委员,韩国华人艺术学社名誉社长。同时他还兼任世界各地多家华人协会名誉会长、理事等职。他先后创作了众多脍炙人口的艺术作品,对推动中国书画与国际间的交流作出了巨大贡献,他对艺术国际化、专业化、市场化有其独到见解。
来源:搜狐数字艺术,责任编辑:(韩建光)
美工LOGO设计全攻略之秘密武器
[:30:]说到美工LOGO设计,也许你马上会想到 Photoshop , Coreldraw , Illustrator , Flash 等工具软件,没错,正是因为有它们的存在才让我们将一个又一个的梦想变成现实。有关它们的教学与原理因特网上比比皆是,这里我们就不累述了。现在我们想告诉大家的是其他一些秘密武器:比例;对照;复制;还有精微调整!
其实把它们当作"武器"抑或是"工具"都是不恰当的,因为它们主要规定了作品的性质,而不是我们熟悉的传统意义上的"软件","平台"的概念。但在实际创作中它们是如此的重要,以致于在日常的工作中,我们常常把它们从传统的创作过程中分离出来并亲昵地称之为"武器"。
下面我们就这四个问题谈一谈自己的看法。由于篇幅有限我们不可能讲得面面俱到,而且为了便于你对它们的掌握,我们主要用例子,针对一些我们认为平时可能被遗忘或一些错误的认识来阐述我们的观点。
一、比例:
1、原理:
在《牛津现代高级英汉双解词典》中是如此对"比例"定义的:一物与他物在量,大小等方面的比率;部分与整体的关系。而在设计领域我们将这个概念缩小成部件在尺寸或长度上的彼此关系。
"比例"最重要的原则是遵循客观规律,文字比例要使得其易读,形体比例要使得它不会变形而且特色突出。然而,在这种"自然"的客观规律间还有着大量的细微调整,它们虽然不易察觉却直接影响到设计的最终效果。因此我们不要吝啬时间去调整它们以达到最佳的比例。
早在希腊与文艺复兴时代的建筑家就开始找寻一个"理想的"比例规则,其中最出名的就是图一所示的"黄金分割"。
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409568038.gif[/img]
随着现代人审美观念的改变,纯数字的"黄金"比例已不再是放之四海皆行得通的标准;而且现代电脑技术的发达,使得我们可以轻易设计出复杂异常的形体与颜色,它们的交互影响又直接影响到物体比例的感观。因此对于比例的考虑,我们将注意力更多地放在外形,可见性与突出性上面。
2、示例:
下面我们将以一个例子来解说如何找到它最佳的比例分割,如图二:
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409599297.gif[/img]
一个粗略的形体与两个字母如何达到最佳的比例安排呢?很明显,A图中字母与形体的距离太远,造成了整体的断离,因此我们将它们进行缩排,并将字体放大如图B;然后我们再对比一下图D,你会发现有什么不同?图D中的字体是以整个形体的高度作为字高,而图B则是以形体内部的正方形的高度为字高的,图C用红色导线指明了这一点。那么到底是图B还是图D更适合一些呢?
要注意到,形体与字体都是比较复杂的,形体包含了两个三角形与一个正方形,字体包含两个字同时字体相交,因此如何保持它的协调性就成为关键。图D很明显破坏了整体的协调性,应该进行修改。
在日常制作中,我们常常采取"内核外壳"的方式解决这类问题。所谓"内核外壳",就是将形体细分成内核与外壳两部分,以内核为标准对其他部分进行协调。这样做是有一定科学道理的,"内核"与"外壳"只是我们人为细分出来的,它们实际上是作为一个协调的整体存在,以此类推,以同一个协调的整体的内核为标准的其他部件也就取得了平衡性。
运用到图二上,我们将形体细分成内核(正方形)与外壳(三角形),然后以正方形的高度作为字体的高度,最后如图B。图C中红色导线勾勒出的范围就是内核(正方形)的高度,我们看到,这样的比例安排,既做到了LOGO的美观,醒目,同时还保持了高度的协调性。
这个例子告诉我们找到比例分割的通用法则,那就是:只要有可能,无论什么时候我们都要找到作品中各个元素的相互关系,尽管它有时并不明显;如果能将两个完全不相称的元素安全地变换成一个固定的比例,如一样大或者成倍数关系,那就值得去试试;你可以在脑袋中给作为标准比例的元素添加一根导线,然后将其他元素尽量向这根导线靠拢。事实上,这是一个非常有用的办法,以至于许多专业设计师认为"天地间万事万物都有一根线",因此它们看许多物体就是以那根不存在的"线"为起点的。
在我们的日常设计中,决定比例规则的工作常常分成两部分:先是尽可能全面地查找作品内部的所有元素;然后找出它们之间的关系并为它们定身制作比例标准。前一个工作往往让我们忘了这样做是为了定制它们的比例标准的目的,只是想尽可能多地找出一些自己感兴趣的东西;而后一个工作往往是我们将手中的任务扔在那里一两天后重新拿起来,脑袋中有了新的想法后才能完成的。
二、对比:
1、原理:
比例常常针对着尺寸大小,而对比则可以针对于万事万物,颜色,大小,形状,字体,纹理,等等,没有一件事物不具备对比性。只要你静下心来认真进行比较,你将会惊奇地发现那些外表相似的物体竟然还有如此丰富的对比因素。
一开始你也许会只是简单地将它们进行对立看待,但实际上所有的对立显示了不同程度的连续性,而正是这对立程度的选择,往往是区别一位设计高手与业余设计者的标准!对比,突出的并不是组件本身,而是组件彼此的关系与它们要传达的交互信息。
2、示例:
我们应该如何看待对比?如图三,你可能会告诉我:它们的颜色是对立的,一个是黑色,一个是白色,而其他是相似的。没错,但你的想法太过简单,而这种简单,对我们的实际创作是毫无意义的。
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409663083.gif[/img]
首先我们要做的是改变对比的对立性,不要把它们当作矛盾的对立体,并且想方设法让对立显得不太尖锐。而通常比较有效的作法是先找出或创建出更多的对立点,然后再力图找到它们之间的对应关系。对应关系的重要性,可以用沟通的桥梁来形容,一旦缺少了对应关系的联系,对立因素就成为彼此不相干的单独的物件,也就真正失去了对比的意义。
这样说比较抽象,我们就用图三的两个物体来阐述我们的对比经验。
首先我们通过增添对立因素来分散对立概念:为图三增加尺寸对比,如图四:
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409707058.gif[/img]
图四看起来效果稍好一点,但还是有着粗糙的人为印象在里面,下面我们通过位置对比进一步分散对立概念,如图五:
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409745931.gif[/img]
现在又多了一项对比因素:位置,黑色方块在里面,白色方块在外部。图片经过分散锐化而变得有趣多了。
最后我们再将黑色方块变成圆形,然后在形体下加上公司的名称,一个简单的LOGO就完成了。如图六:
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409775536.gif[/img]
下面我们再举一个例子进一步地阐述观点:
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409808517.gif[/img]
图七中的对立因素的连接点在"RWC"三个用于表达中心意思的字上;而对比因素就很多了:背景层尺寸更大,并有虚化效果;前景层小一些,色泽更暗;背景层用小写字体而前景层使用大写字体;背景层中的"W"是处于升格而前景层中的"W"处于降格;字体色彩不一致;等等。正是由于多种对立面的分散锐化,使整个LOGO从矛盾中显得异常协调!
将对比概念应用到我们在《美工LOGO设计思路》中谈到的具体操作中,可以这样认为:
1、形体的对比,包括大对小,水平对垂直,方形对圆形,等等。
2、色彩的对比,包括色相,饱和度与亮度的对比,等等。
3、字体对比,包括字型,大小写,尺寸等的对比。由于字体发展不平行的特性,使得我们很难在同一个LOGO中应用两种完全不同风格的字型,因此常常在大小写方面做文章,如图八:
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409855794.gif[/img]
4、收尾工作对比,事实上这方面的对比操作很少,因为它是在所有元素合理放置并定形后才进行的操作,如果再改变对比属性事必造成前期所有工作的重新修订。
三、复制:
1、原理:
跟对比强调组件的联系一样,复制并不是旨在突出组件的鲜明,而是用以强调一种发展趋向,一种变化顺序。这也从另外一个意义上暗示我们:复制物件最好按照一种线性流程进行定位,或者是直线,或者是曲线,或者是一种较为复杂的交互线程。
2、示例:
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409909563.gif[/img]
图九中三个多边形按照圆环曲线定位,重在表现一种对称性。
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409941469.gif[/img]
图十又给我们指明了另一种定位规则:一般地,重复组件用于表达一定的发展趋向,而且每个组件又有自己比较鲜明的特点(如图十中,每个组件都有其独特的颜色),用上面的对称或圆环曲线定位难于传送合适的趋向意识。因此我们采取简单的直线线程定位方式。
至于多少个重复组件才能更好地表达我们的意图呢?两个重复组件重在表达一种对称,要表达一种线程或趋向信息,至少需要三个重复组件。三个重复组件的数目采取方式是现在最为流行的方式。另外还有一种比较可行的方式,就是根据LOGO中文字数目的多少决定重复组件的数目,但这种方式并不适合文字较多的LOGO。
四、精微调整:
1、原理:
比例,对比,复制三个工具如果使用得当,我们就可以制作出精美的作品。而专业设计师与新手或业余爱好者的区别,更重要地体现在后期的精微调整上。一个缺少精微调整的形体,初看也许不错,但它的魅力却不能长久,一旦我们多看几眼它就显得平常而繁琐了。而经过精微调整的作品却是另外一种结果,它温暖,恬静,优雅,人性化,我们的眼睛早就忙于去找寻它的奥妙而暇顾及其他:嗯,这组线条是平行的;这种颜色与那种颜色一样;这两组相交线条的交点正是那个圆的圆心;这组字母是以那个形体的底线为标尺的;等等。。。。。。所有这些都是我们下意识的行为方式,可能你自己都没察觉到,不过正是这些下意识就决定了我们对一个LOGO的好坏做出美丑的评定。
精微调整是一件非常耗时的工作,也没有任何的调整标准。比较可行的办法是:在输出最终结果前多问自己几个为什么,为什么要用这种方式表达出我们的意图?为什么采用这种尺寸,角度,位置?是否还有改善的必要?要记住,如果我们马虎对待我们的作品,它们同样也会马虎对待我们的眼睛!
2、示例:
[img]http://myarticle.enet.com.cn/images/2007/1015/1192409980308.gif[/img]
图十一中有两个精细环节值得提醒:一是斜体字的角度与最下层的深色正方形角度一致,而其他元素都包含在这两个元素之间,增加了这个LOGO的联系与整体性;第二个值得注意的是横竖两根线条并不是一样长的,如果你用尺子量一下你将会发现竖线条比横线条稍短一些。为什么要这样做?这是因为两个文字按横线对比排列,犹如"绑定"在横线上而成为横线的一部分,横线由于增加了重量感而减短了长度感。为了跟它配合,因此只有竖线的长度稍稍小于横线的长度才能真正达到平衡。
五、总结:
作为不是总结的总结,我在这里说点题外话:真正要在LOGO设计中取得成功,不是一朝一夕的事,更不是一篇两篇文章就行了。只有当我们把创作当做真正的乐趣,把创作过程当做快乐的灵感之源,才能让我们的观众真正接受并喜欢我们的作品。
[url=http://www.enet.com.cn/article/2007/1015/A20071015868386.shtml][color=#800080]美工LOGO设计全攻略之秘密武器__Photoshop_eNet硅谷动力[/color][/url]
作者:小雷 来源:中国教程网
[[i] 本帖最后由 暗醉幻宇 于 2008-8-22 21:22 编辑 [/i]]
搜集相关资料
[:13:][url=http://www.52photoshop.cn/quan/quan_6757_10_2.html][color=#800080]logo文字设计的30种方法 - 美术设计交流圈[/color][/url]
[url=http://digi.it.sohu.com/20070228/n248410477.shtml][color=#800080]Photoshop设计Web2.0新视觉风格LOGO图标[/color][/url] 我好晕那
你说的太多了
回复 13# 西游门门主 的帖子
[:13:] ,我是希望,想设计的都来一起思考,所以把搜集的资料放这了[:38:] 恩支持LZ 呢 很好很完整,清楚阐述了网络动画Logo和传统商标式Logo的区别……
PS教程也很有参考意义 为楼主的这份心感动! 很好哦~
页:
[1]