广告设计制作专用术语

 更新时间:2016年9月20日 19:03  点击:1218

  设计

  设计(design)指美术指导和平面设计师如何选择和配置一条广告的美术元素。设计师选择特定的美术元素并以其独特的方式对它们加以组合,以此定下设计的风格——即某个想法或形象的表现方式。

  林地的设计通过一种空旷感来突出讯息。首先,摄影的大小抓住了人们的注意力,疏朗的正文使广告轻松宜人,文案中充满了空白,给人一种整洁、易读的感觉。广告虽然使用了多种不同元素,这些空白却使得各元素之间都能保持和谐与平衡。

  在美术指导的指导下,几位美工制作出广告概念的初步构图,然后再与文案配合,拿出自己的平面设计专长(包括摄影、排版和绘图),创作出最有效的广告或手册。

  布局图

  布局图(layout)指一条广告所有组成部分的整体安排:图像、标题、副标题、正文、口号、印签、标志和签名。

  布局图有几个作用,首先,布局图有助于广告公司和客户预先制作并测评广告的最终形象和感觉,为客户(他们通常都不是艺术家)提供修正、更改、评判和认可的有形依据。

  其次,布局图有助于创意小组设计广告的心理成分——即非文字和符号元素。精明的广告主不仅希望广告给自己带来客流,还希望(如果可能的话)广告为自己的产品树立某种个性——形象,在消费者心目中建立品牌(或企业)资产。要做到这一点,广告的“模样”必须明确表现出某种形象或氛围,反映或加强广告主及其产品的优点。

  因此,在设计广告布局初稿时,创意小组必须对产品或企业的预期形象有很强的意识。在林地一例中,创意人员之所以将占据主要位置的空旷的图片与疏落有致的文案相组合,主要原因就是为了形象。广告立即在目标受众的心目中留下了不可磨灭的印象,为品牌平添了几分价值。

  第三,挑选出最佳设计之后,布局图便发挥蓝图的作用,显示各广告元素所占的比例和位置。一旦制作部经理了解了某条广告的大小、图片数量、排字量以及颜色和插图等这些美术元素的运用,他们便可以判断出制作该广告的成本。

  小样

   小样(thumbnail),是美工用来具体表现布局方式的大致效果图,很小(大约为3×4英寸),省略了细节,比较粗糙,是最基本的东西。直线或水波纹表示正文的位置,方框表示图形的位置。然后,中选的小样再进一步发展。

  大样

  在大样中,美工画出实际大小的广告,提出候选标题和副标题的最终字样,安排插图和照片,用横线表示正文。广告公司可以向客户——尤其是在乎成本的客户——提交大样,征得他们的认可。

  末稿

  到末稿(comprehensive layout/comp)这一步,制作已经非常精细,几乎和成品一样。末稿一般都很详尽,有彩色照片、确定好的字体风格、大小和配合用的小图像,再加上一张光喷纸封套。现在,末稿的文案排版以及图像元素的搭配都由电脑来执行,打印出来的广告如同四色清样一般。到这一阶段,所有图像元素都应最后落实。

  样本

  样本体现手册、多页材料或售点陈列被拿在手上的样子和感觉。美工借助彩色记号笔和电脑清样,用手把样本放在硬纸上,然后按尺寸进行剪裁和折叠。例如,手册的样本是逐页装订起来的,看起来同真的成品一模一样。

  版面组合

  交给印刷厂复制的末稿,必须把字样和图形都放在准确的位置上。现在,大部分设计人员都采用电脑来完成这一部分工作,完全不需要拼版这道工序。但有些广告主仍保留着传统的版面组合方式,在一张空白版(又叫拼版pasteup)上按各自应处的位置标出黑色字体和美术元素,再用一张透明纸覆盖在上面,标出颜色的色调和位置。由于印刷厂在着手复制之前要用一部大型制版照相机对拼版进行照相,设定广告的基本色调,复制件和胶片,因此,印刷厂常把拼版称为照相制版(camera-ready art)。

  在设计过程的任何环节——直至油墨落到纸上之前——都有可能对广告的美术元素进行更改。当然,这样一来,费用也可以随环节的进展而成倍地增长,越往后,更改的代价就越高,甚至可能高达十倍。

  认可

  文案人员和美术指导的作品始终面临着“认可”这个问题。广告公司越大,客户越大,这道手续就越复杂。一个新的广告概念首先要经过广告公司创意总监的认可,然后交由客户部审核,再交由客户方的产品经理和营销人员审核,他们往往会改动一两个字,有时甚至推翻整个表现方式。双方的法律部再对文案和美术元素进行严格审查,以免发生问题,最后,企业的高层主管对选定的概念和正文进行审核。

  在“认可”中面对的最大困难是,如何避免让决策人打破广告原有的风格。创意小组花费了大量的心血才找到有亲和力的广告风格,但一群不是文案、不是美工的人却有权全盘改动它。保持艺术上的纯洁相当困难,需要耐心、灵活、成熟以及明确有力地表达重要观点、解释美工选择理由的能力。



  在CSS样式中,a:hover指的是当鼠标移动链接上时的样式。有时候我们需要对一个网页中的链接文字做不同的效果,并且让鼠标移上时也有不同效果。

  办法:
  定义
  a.myname:hover

  myname为另一个样式表的名字。如
  .myname
  { color: #ff0000;
  text-decoration: none;
  }

  然后,应用了myname样式的链接,就会在hover时变成a.myname:hover定义的样式。

  请观看:视频教程:如何改变超级连接的颜色




  如果你想架设自己的论坛,就必然要利用论坛程序。根据Web空间所支持网页脚本的不同,大家可按需选择ASP、CGI或PHP源码的论坛程序。

  ASP平台程序推荐

  他她绣社区 修正版

  系统平台:ASP+ACCESS 文件大小:23200KB

  下载地址:http://lnlt.mycodes.net/code/20050313/tatashow.rar

  该程序集成了诸多娱乐性插件,例如具有个人写真版块、在线音乐播放器和在线点歌系统,很适合作为综合性娱乐论坛。

  BBSXP V5015

  系统平台:ASP+ACCESS/ASP+SQLServer

  文件大小:806KB

  下载地址:http://lnlt.mycodes.net/code/20050111/BBSXP515.rar

  BBSXP的优势在于速度快、系统资源占用率低,因而可以轻松承受比同类程序更多的贴子数量和在线人数。而且针对不同数据库采用了大量的优化算法,淋漓尽致的体现了采用数据库的高效和稳定优势。在程序的官方论坛上,还有大量的模板及插件提供。

  动网论坛Ver 7.0.0

  系统平台:ASP+ACCESS

  文件大小:2012KB

  下载地址:http://bbs.dvbbs.net/download/Dvbbs7.0.0_Ac.exe

  动网论坛是国内知名度最高的ASP程序,发展至今,其功能模块及管理功能已相当完善,而且还提供有国内最具规模的论坛服务。不过,正所谓是树大招风,网络上动网论坛的广泛应用,也使得针对它的漏洞利用是频频被曝光。

  PHP平台程序推荐

  Discuz! v2.5F 中文版

  系统平台:PHP+MySQL

  文件大小:492 KB

  下载地址:http://jms.mycodes.net/code/20050105/Discuz!_2.5F_gb.tgz

  Discuz!是笔者首推的PHP专业论坛,它摒弃了寻些华而不实的东东,其功能性、稳定性、负载能力及安全保障等方面,均表现不俗,尤其适用于架设大型论坛。运行Discuz最好在linux+Apache下。

  WDB水晶论坛最新版 V0720mb5

  系统平台:Win9x/XP

  文件大小:2870KB

  下载地址:http://beijing.mycodes.net/code/20030506/WDBCrystalV0720m.rar

  如果你的论坛访客以MM或年龄层较低的网友为主,不妨投其所好,使用这个颇有温馨氛围且动感十足的论坛模块。




< <html>

<head>
<script language=javascript>

minimizebar="minimize.gif"; //窗口右上角最小化“按钮”的图片
minimizebar2="minimize2.gif"; //鼠标悬停时最小化“按钮”的图片
closebar="close.gif"; //窗口右上角关闭“按钮”的图片
closebar2="close2.gif"; //鼠标悬停时关闭“按钮”的图片
icon="icon.gif"; //窗口左上角的小图标

function noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr) //定义一个弹出无边窗口的函数,能数意义见下面“参数说明”,实际使用见最后的实例。
/*
------------------参数说明-------------------
fileName :无边窗口中显示的文件。
w     :窗口的宽度。
h     :窗口的高度。
titleBg :窗口“标题栏”的背景色以及窗口边框颜色。
moveBg :窗口拖动时“标题栏”的背景色以及窗口边框颜色。
titleColor :窗口“标题栏”文字的颜色。
titleWord :窗口“标题栏”的文字。
scr :是否出现滚动条。取值yes/no或者1/0。
--------------------------------------------
*/
{
var contents="<html>"+
"<head>"+
"<title>"+titleWord+"</title>"+
"<meta http-equiv="Content-Type" content="text/html; charset=gb2312">"+
"<object id=hhctrl type=application/x-oleobject classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11><param name=Command value=minimize></object>"+
"</head>"+
"<body topmargin=0 leftmargin=0 scroll=no onselectstart=return false ondragstart=return false>"+
" <table height=100% width=100% cellpadding=0 cellspacing=1 bgcolor="+titleBg+" id=mainTab>"+
" <tr height=18 style=cursor:default; onmousedown=x=event.x;y=event.y;setCapture();mainTab.bgColor=""+moveBg+""; onmouseup=releaseCapture();mainTab.bgColor=""+titleBg+""; onmousemove=if(event.button==1)self.moveTo(screenLeft+event.x-x,screenTop+event.y-y);>"+
" <td width=18 align=center><img height=12 width=12 border=0 src=http:///htmldata/2005-03-27/"+icon+"></td>"+
" <td width="+w+"><span style=font-size:12px;color:"+titleColor+";font-family:宋体;position:relative;top:1px;>"+titleWord+"</span></td>"+
" <td width=14><img border=0 width=12 height=12 alt=最小化 src="http:///htmldata/2005-03-27/+minimizebar+" onmousedown=hhctrl.Click(); onmouseover=this.src="http:///htmldata/2005-03-27/+minimizebar2+" onmouseout=this.src=http:///htmldata/2005-03-27/"+minimizebar+"></td>"+
" <

  很多朋友都用虚拟主机来做网站,将网页文件存放在虚拟空间上,但是页面内容一多,网站打开的速度就显得特别慢,如果您碰到这种情况,与其寻求更好的空间,不如通过优化网页代码来取得满意的速度。笔者总结了一些切实可行的方法,制作主页时,以下的方法可以令你的网页速度大大提高。

   一、记得帮页面减肥

  我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘,再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重,所以,网页本身所占的空间越小,那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则,如:不要使用太大的Flash动画、视频、图片等。

   二、如没必要,尽量使用静态HTML页面

  众所周知,ASP、PHP、JSP等程序实现了网页信息的动态交互,运行起来的确非常方便,因为它们的数据交互性好,能很方便地存取、更改数据库的内容,使网站“动”起来,如:论坛、留言板等。但是这类程序必须先由服务器执行处理后,生成HTML页面,然后再“送”往客户端浏览,这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序,网页显示速度肯定会慢,所以没有必要,请尽量使用静态的HTML页面。

   三、不要将整个页面内容塞到一个Table中

  这是网页设计的问题了,很多站长为了追求页面统一对齐,将整个页面的内容都塞进了一个Table(表格)里,然后再由单元格td来划分各个“块”的布局,这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的,如果某些内容无法访问,就会拖延整个页面的访问速度。正确的做法是:将内容分割到几个具有相同格局的Table中去,不要全都塞到一个Table里。其实现在都WEB标准都提倡抛弃表格!

   四、将ASP、ASPX、PHP等文件的访问改为.js引用

  这在ASP、ASPX、PHP等程序设计时应该注意的,如果你要在静态的HTML页面里嵌入动态的数据,而这些动态的数据是由ASP、PHP等程序来提供的话,会使用以下的语句引用: < script src="http://image.ccidnet.com/ad_files/network_index.asp?orders=1">< /script>
 
这样的话,每次有一个人访问你的网站,服务器就要执行并处理一次network_index.asp文件,从数据库抽取相应的数据,再输出给网页显示,如果有几万个人同时访问,就要执行几万次,后果就可想而知。建议在这些程序中将数据动态生成到一个network_index.js文件中去,然后在首页通过
<script src="http://www.179job.com/ad_files/home_daohang/network_index.js"></script>
 
这样的代码来引用该network_index.js文件。这样,数据显示的任务就交给客户端的浏览器去做,不会耗费服务器的资源,显示速度自然就很快;前者所花的时间几乎是后者的几倍!
  五、使用iframe嵌套另一页面

  如果你要在网站上插入一些广告代码,又不想让这些广告网站影响速度的话,那么,使用iframe最合适不过了。方法是:将这些广告代码放到一个独立的页面去,然后在首页用如下的代码将该页面嵌入即可,这样就不会因为广告页面的延迟而拖了整个首页的显示,代码如下:

< iframe frameborder=0
   leftmargin=0
   marginheight=0
   marginwidth=0
   scrolling=no src="http://www.179job.com/pub/123.html"
   topmargin=0 width=700 height=440 >
< /iframe>
 
  其中http:

[!--infotagslink--]

相关文章

  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
  • Photoshop设计商务名片的5种常见思路分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路,各位想知道的使用者,那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • photoshop设计重影效果具体制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程,各位想知道具体制作方法的软件使用者们,那么大家就来看下小编带来的教...2016-09-14
  • PS怎么设计T恤 PS制作T恤教程

    PS怎么设计T恤?很多人都想要在T恤上有自己喜欢的图案,那么自己设计T恤的图案是方法之一,本次为大家带来了详细的ps设计T恤教程,有兴趣的同学快来看看吧。 1、打开PS,新...2016-12-31
  • Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来...2016-09-14
  • photoshop设计一张节约用水环保主题海报制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程,各位想知道具体制作方法的使用者们,那么下面就快来跟着小...2016-09-14
  • javascript 广告移动特效的实现代码

    下面小编就为大家带来一篇javascript 广告移动特效的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-07-01
  • c#实现51单片机频率计的代码分享(数字频率计设计)

    c#实现51单片机频率计的代码分享,大家参考使用吧...2020-06-25
  • photoshop设计蜘蛛侠纹理文字效果制作教程

    今天小编在这里就来给给各位photoshop的这一款软件的使用者们来说一说设计蜘蛛侠纹理文字效果的制作教程,各位想知道具体制作步骤的使用者们,那么大家下面就来跟着小编...2016-09-14
  • Photoshop设计武侠风毛笔字效果教程

    今天小编在这里就来给Photoshop的这一款软件的使用者们说下设计武侠风毛笔字效果得教程,各位想知道到底该怎么射击制作的使用者们,那么下面就快来跟着小编一起看一看制...2016-09-14
  • photoshop设计墨西哥亡灵节万寿菊文字特效制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说一说设计墨西哥亡灵节万寿菊文字特效的制作教程,各位想知道具体制作方法的使用者,那么下面就快来跟着小编一...2016-09-14
  • b2c网站购物车的设计思路

    对于大部分B2C网站来说,购物车是网站的咽喉之地,订单是白花花的银子,所有银子都必然流经购物车,购物车不能有失。优秀的购物车设计至少需要完成两项使命:一是方便用户多买...2016-09-20
  • C#毕业设计之Winform零压健身房管理系统

    本文介绍了个人的《零压健身房管理系统(扁平化)》的基本流程和功能点的介绍,虚心接受各位的意见,欢迎在提出宝贵的意见,大家一起探讨学习...2021-09-26
  • 网页设计中应防止的十个错误

      在许多糟糕的网站中,我们可以找出100条错误。现在,让我们将问题集中到最严重的10条上。仅仅防止这些错误,你的网站将会远好于你的众多的竞争对手。   1、没...2016-09-20
  • 使用分屏网页设计让手机网站建设更出彩的方法

    在设计手机网站时,只有不让网站设计显得不单调才能给用户不一样的感觉。下面这篇文章我们就来为大家介绍一,下使用分屏网页设计让手机网站建设更出彩的方法,有兴趣的朋友...2017-07-06
  • JavaScript设计模式初探

    javascript设计模式在程序中经常遇到,不同的设计模式都有各自的优劣势,本文给大家整理了七种设计模式,对js设计模式相关知识感兴趣的朋友一起学习吧...2016-01-08