数字媒体上的应用.docx

数字媒体上的应用.docx

《数字媒体上的应用.docx》由会员分享，可在线阅读，更多相关《数字媒体上的应用.docx（19页珍藏版）》请在冰豆网上搜索。

数字媒体上的应用

数字媒体上的应用

数字媒体随着互联网出现开始兴起,目前的中国数字媒体的载体包括:

互联网、手机载体、IPTV互动电视网。

数字媒体的发展不再是互联网和IT行业的事情，而将成为全产业未来发展的驱动力。

数字媒体的发展通过影响消费者行为深刻地影响着各个领域的发展，消费业、制造业等都受到来自数字媒体的强烈冲击。

网页界面的版式设计

网络是一种新型的媒体现已成为主要的传播载体，它具有传统媒体所没有的优势，如交互性、广泛性、灵活易更改等。

网页界面的版式设计就是在有限的版面空间上，将文字、图片、符号、动画、按钮等视觉元素进行艺术处理和组合排列，使它们生成网络信息符号，方便网友、亲近网友，通常根据主题需要，装饰的形式要为内容服务，网页在传达信息的同时又愉悦网友的感官感受，所以设计师在设计网页界面时应有目的的组织各构成视觉元素，进行艺术与技术的有机结合，发挥个性优势，创意出卓而不凡的版式效果，展示艺术设计语言与技术的高度浓缩与概括的魅力。

网页的设计要注意记下几个角度：

（一）网站的版面编排

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于其他平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。

为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

图32—图33。

图32

图32美发沙龙页面设计，将各类信息与各类功能区域进行了划分，广告区域更加突出，导航区域条理更加清晰。

图33

图33摄影公司导航页设计，在骨骼规则中寻求变化，打破摄影作品的完整性，使作品左下角内容反而更加突出。

版式设计时尚简约却不简单。

（二）色彩在网页设计中的作用　　

色彩是艺术表现的要素之一。

在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。

根据色彩对人们心理的影响，合理地加以运用。

如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。

图34—图35.

图34

图34高尔夫俱乐部首页设计，页面主体在绿色具有质感的草皮背景下，显得愈发清新，使浏览者感受舒适，页面布局简单一目了然。

图35

图35网页以红灰色为主基调，页面右侧摄影作品拍出了水果的娇艳欲滴，与页面左边红色背景遥相呼应，完成了页面的整体布局。

（三）网页设计形式与内容相统一　　

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。

点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。

图36—图38。

图36

图36个人主页设计，将公路标示牌进行变化设计，作为网页首页的设计元素，设计思维独特，展现网页主人个性。

图37

图37幼儿园网站设计，运用明度高，色彩鲜艳的儿童图片，并在首页上体贴的告诉孩子家长，“Don’tworry,Youchildissafewithus”。

图38

图38网页设计公司网站，网页设计公司的网站设计是公司实力的体现，这一点比任何一种其他类型的公司网页设计显得更加重要。

该公司网站设计以无限的创意作为他的最佳卖点，“灯泡”是创意灵感表现。

使用色彩明亮的灯泡作为网页设计的最亮点吸引了浏览者并引起进一步浏览。

6.4空间环境上的应用

空间环境的设计，首先要考虑品面布局，先确定空间的性质才能去构思平面的布局。

空间环境的设计要注意几个方面：

首先，用简洁的手法是外部空间获得丰富景观效果。

利用空间现有布局进行布局，出其不意。

整体效果简洁，但简洁中变化丰富。

图39。

其次，注重外部空间的平面构图和立面构图，平面构图可以具有较强的规律性，同时又要体现自己的风格；立面构图则要布局合理，充分发挥多样性优势。

图40—图41。

图39

图6-4-1英国斯托克利公园系列环境标示牌设计，公园大门入口处两块高达9米得悬挂钢板“吊旗”，优雅别致，流动型造型仿佛迎风飘动。

“吊旗”曲面与字体和颜色组合形成，格外引人注目。

图40

图40利用建筑本身的结构布局进行重新编排设计，把大楼外观与日历牌结合在一起，简洁却充满趣味。

图41

图41美发产品广告，强调该产品强韧发质的功效。

创意来源于格林童话故事《长风公主》，囚禁在森林高塔中的公主放下她的长发，让王子爬上高塔相聚。

充满童话色彩的创意足可以让过往行人驻足。

该设计有效的利用了建筑本身的设计风格，和现有资源——窗户。

6.4.1户外广告设计

户外广告设计是真正的大众传媒。

并不是所有人都看电视、读报纸或上网，但任何人只要离开家就会看到户外广告。

从最初的招贴开始户外广告可能是现存最早的媒体形式之一。

即使新媒体不断涌现，户外广告依旧是被广泛应用的媒体之一。

户外广告设计要领：

首先，强有力的视觉重攻击力效果。

户外广告在传播过程中容易受到周围环境和各种因素的干扰，气受关注的时间大约仅有几秒钟，为了给来去匆匆的人留下深刻的印象出了依靠其自身的大面积外，户外广告设计要加速视觉传达速度，满足“瞬间”需要。

图42—图43.

图42

图42广告牌上方设计了一个波浪型的覆盖物，当太阳的升起时，广告牌上波浪式的阴影上升，以此来诠释全球变暖造成的海平面上升。

图43

图43一个巨型黑云状的大气球连接在车的排气管上，并用车子一天排出的尾气来充满气球。

黑云状气球上写着，“如果你一天不开车的话，看看我们呼吸的空气中能少排放多少一氧化碳。

”这是世界野生动物保护基金会2007年在中国做的广告。

其次，结合发布现场，创意表现。

户外广告有不同的发布环境，如超市、车站、建筑物外观等。

据调查户外广告是诸多媒体当中最近接产品售卖场所。

所以因地制宜、巧妙构思，将广告创意结合发布的周边环境会取得非同一般的效果。

图44—图47。

图44

图44智利首都圣地亚哥的这张大幅海报展示了亚洲洪水中逃亡的难民。

搭配着这座翻新建筑上的数十个空调，再加上一句醒目的“使你房间变舒适的空调正在加速全球变暖”，传递给人们一个重要的信息，过度地向空气释放二氧化碳同样是造成气候改变的主因。

图45

图45松下鼻毛修剪器系列广告，用夸张的表现手法，强调产品特性。

图46

图46NIKE公共候车亭上的户外广告，候车厅一侧的玻璃上印上的伯纳德的好像远距离冲过而造成的玻璃破裂的印花。

另外一侧是同样动作的伯纳德。

设计充分利用了候车亭的结构。

图47

图47这则广告是南非国家发电厂Eskom做的广告。

本应该布满聚光灯的户外广告牌，仅用了一盏灯。

它的广告语：

“明智地用电”让人感觉意味深长。

教学实例版式编排设计在报纸设计上的应用

《旧金山观察者》一地方新闻为主的报纸，由设计师历时三个月重新进行设计。

将报纸原有的传统严肃的形式转换成与类容相符的小报形式，形成鲜明的视觉识别形象，也赢得了读者的认同。

设计师的整体设计从刊名入手，并将图形标志与字体形成固定组合关系，以确立报纸的品牌标识。

版头只有一个主题新闻内容在，并由专门设计师完成设计方案。

其他新闻都只有标题或概要在检索栏、信息栏中。

头版新闻采用大胆的新闻照片，特别是一些特写照片，使版面具有视觉冲击力。

标题的设计文字上更加具体、直接，使用统一的宽粗字体，力求醒目。

图48

头版版面结构分析图48：

A.社评标题栏一般有1-3个组成放置于版面的右上角。

B.即时信息栏由红色色带与照片、文字组合。

每天最即时最重要新闻。

C.主题照片多使用特写照片，直观，醒目。

与粗体的标题文字在明度上形成反差。

D.内容概要栏固定专栏的内容介绍。

E.新闻检索栏当地的最新新闻。

F.讨论栏多为访谈或问答。

图49

图49是美编培训时的案例，版面设计多个即时新闻，报纸版面设计时间紧迫，是调整期头版设计主次不够突出，显得杂乱。

设计分析

本章节学习关键在于应用，编排设计的应用范围广泛，设计多个应用领域，现以多个案例进行分析讲解。

图50图51

分析1、图50、图51案例中，设计师利用了玻璃折射所形成的抽象效果进行设计。

阅读者很快就会被这种装饰性强的朦胧效果吸引。

页面中字体使用了强调性的粗体，但是视觉效果强烈的图片仍然成为关注的第一焦点。

图52

分析2、图52《VOGUE》，这本成立于1892年的杂志是世界上历史悠久广受尊崇的一本时尚类杂志。

2011年加拿大设计师shrubrub将不同国家的Vogue杂志封面进行重叠拼贴，把2010年12个月的封面叠合在一起，合成的图片创意十足，而且产生的效果具有强烈的前卫时尚感。

图53

分析3、图53宣传册编排中，图片放置的位置直接关系到版面中的布局，案例中关于企业的介绍图册，阅读者首先新奇的是全册采用大幅图片的无缝衔接编排设计，出血印刷方式和页面不经裁剪的分割，使的图册更显精美和与众不同，彰显不同个性。

图册中满版图片上的反白文本引导阅读者深入图册，了解其内涵。

图54

分析4、图54线的使用对于设计师来说有着相当重要的意义。

本案例中，包装盒上，文字的张扬设计受到线框的约束，使主体产生出空间“场”的作用，在受到束缚的同时强调情感，这正是设计师所追求的风格。

图55

分析5、图55美国联合航空公司为开辟英国新航线所作的广告，广告以英国皇家卫队的士兵头部特写作为主体，照片本身角度强调了英国皇家卫队有特色的高帽，将士兵夸张的高帽作为视觉中心点放置文字，突出和强调了该航空公司皇家礼遇一般的尊贵服务。

本案例设计师按照版面的视觉目睹进行编排设计，考虑到了将重要信息或视觉流程的停留点安排在注目价值高的位置，优选最佳视觉区域。

图56

图57

分析6、图56、图57厨房用具的包装与促销样本，虽然包装的大小、形状不一样但是同样醒目的照片，大面积纯色背景、产品抠像处理、简洁的品名处理、和不起眼的标志图形同出一辙。

固定的居中式组合编排设计，形成了该品牌的简约特征。

这种单纯现代的风格多次重复营造出强有力的识别性，使产品在琳琅满目的货架上脱颖而出，具有较强的识别性。

由此定位衍生出来的系列促销品，进一步强调了这一视觉形象并在统一中赋予变化。

图58

图59

分析7、图58、图59第十届中国广告节金奖作品——固特异轮胎。

固特异轮胎作为安全行车理念的积极倡导者，体验驾驶的惬意游动和安全性能是最让客户关注的问题。

广告中鱼的自由灵动寓意轮胎的灵活、顺畅、自如，卷曲的章鱼须寓意轮胎优秀的抓地性能。

在如潮水班的广告冲击下，消费者已经近乎于麻木。

在这种情况下使用幽默、诙谐、寓意的广告手法更容易让大众接受。

这种招贴的创意手法版面编排多呈现单纯、醒目的视觉特征，图形表现充分，说明性强。

图60

图61

分析8、图60、图61手绘风格强烈的插画和字体在此系列产品的版面编排中扮演了重要的角色。

整体的版式编排中，设计师大胆夸张的运用了大面积明亮的橙色手绘线条构成了具有标示性的圆形图案，色彩及构图效果强烈。

瞬间抓住阅读者注意力。

并将这一独特的风格和编排方法延伸到其他的产品中。

利用有限的形式语言营造出无限的想象空间，其表达的意境是随意的、无限的，这种类型的版面编排将更具有时代感和现代气息。

课后作业

1.通过版面编排设计应用章节中，宣传册版面设计的学习，结合前面章节对开本版面设计学习进行杂志版面设计。

创意思路：

版面编排时，要选择合适