1 / 41

设计与制作

第一章. 2. 网页. 网页 广告 设计. Webpage design banner. 设计与制作. 什么是广告？. 常见的广告形式？. 什么网络广告 ?. 网络广告的主要形式. 网幅广告 , 旗帜广告 , 横幅广告. 一般使用 GIF 格式的图像文件 , 可以使用静态图形 , 也可用多帧图像拼接为动画图像. Banner 的常用 尺寸. 全尺寸 banner 为 468*60px 半尺寸 banner 为 234*60px 小 banner 为 88*31px. Banner 的作用.

jagger
Download Presentation

设计与制作

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第一章 2 网页 网页广告设计 Webpage design banner 设计与制作

  2. 什么是广告？

  3. 常见的广告形式？

  4. 什么网络广告?

  5. 网络广告的主要形式 网幅广告, 旗帜广告,横幅广告 一般使用GIF格式的图像文件, 可以使用静态图形, 也可用多帧图像拼接为动画图像

  6. Banner的常用尺寸 全尺寸banner为468*60px 半尺寸banner为234*60px 小banner为88*31px

  7. Banner的作用 每一次访问，首先让其深入眼帘的往往页面里的那些或色彩丰富、或关联主题、或意义明确的设计图片，因此每个Banner的设计都影响着页面整体的美观，或者说是页面整体的美观都需要Banner来点缀。

  8. Banner的设计技巧  1．突出产品及其特征，采用有吸引力的宣空空传用语，适当弱化公司名称和标识； 2．图片并非越多越好，突出重点是关键，空空必要的产品说明不能少 3．合理安排画面内容，做到主次对比鲜明 4．颜色不宜过度夸张，努力营造愉悦、舒空空服的感观感受

  9. 任务一：模仿制作网站banner

  10. Banner的设计原则 1、主题明确 2、与整个页面相协调 3、顺应用户的浏览习惯 4、点击才是王道

  11. 1、主题明确。在着手设计之前，设计师应该先与需求方沟通，并从中获取需求方想要表达的主题和需要1、主题明确。在着手设计之前，设计师应该先与需求方沟通，并从中获取需求方想要表达的主题和需要 重点突出的点。然后在针对性地对广告对象进行诉求，形象鲜明的展示所要表达的内容。 不要放一些没用的东西，除非你想赶走你的用户。

  12. 下面对比一下以下A、B两款Banner中，哪一款更易于识别和引起关注呢？

  13. 2、与整个页面相协调。当我们确定表达的主题之后，要在banner实际放置的环境中展开后续的设计工作。色彩2、与整个页面相协调。当我们确定表达的主题之后，要在banner实际放置的环境中展开后续的设计工作。色彩 搭配要明亮干净，要与整个页面相协调。不能为了使banner更加吸引用户的眼球而大 面积的使用一些浓重的颜色（特殊需求除外）。

  14. 3、顺应用户的浏览习惯。我们知道大多数的用户在浏览网页的时候都是从上到下，从左到右的浏览。为了使3、顺应用户的浏览习惯。我们知道大多数的用户在浏览网页的时候都是从上到下，从左到右的浏览。为了使 banner更容易被用户浏览,我们应该顺应用户这样的浏览习惯，糟糕的设计会让用户无 所适从，焦点到处都是。

  15. 4、点击才是王道一般我们做的banner都是为了宣传、推广某个产品或新功能等，它本身就是引导用户4、点击才是王道一般我们做的banner都是为了宣传、推广某个产品或新功能等，它本身就是引导用户 点击参与的入口，我们目的就是要吸引用户点击。所以我们可以用不同形式和手法来表 现，但相同处，通情达意，突出主题，富有乐趣，那它们则能让浏览者产生兴趣。

  16. 任务二：模仿制作happysport网站banner

  17. Banner的类型 一、文字为主体的设计 二、文字的排列设计 三、图片为主体的设计

  18. Banner中文字的摆放 些微的调整能产生很大的不同。 小字的间距也小的话，会使浏览非常困难： 越小的文字需要越大的间距来提高它们的可读性。下面是一个同样大小的字体，但间距调大了，是不是更容易看清？

  19. 文字的数量和复杂性 大字体要粗壮扁平。 减小大号文字的间距：

  20. 处理较长的文字 当你要用一个长句子，而这个长句子不能适合广告条时该怎么办？ 这样做并不令人讨厌，但人们不喜欢读这样的长句。 如果你要用一个长句，那么在排版上你应该让它变得令人喜欢：

  21. 复杂型BANNER的优点： • 看上去很酷！所以可能会得到点击！ • 客户希望你能做10个以上！ 复杂型BANNER的缺点： • 可能不被浏览到 • 杂乱而造成难以正确看到 • 下载时间长

  22. 当你设计一个广告条，你应该假设自己在和一个浏览者对话，就是他而且仅有他，而不是整个互联网用户。还要注意前面我讲到的大号字用小间距，而小号字用大间距的方法，千万不要忘记！当你设计一个广告条，你应该假设自己在和一个浏览者对话，就是他而且仅有他，而不是整个互联网用户。还要注意前面我讲到的大号字用小间距，而小号字用大间距的方法，千万不要忘记！

  23. banner设计技巧 文案：要求文案简洁，促销点明确，明确促销商品种类。用色：色彩要明亮干净，要与整个页面相协调。素材：图片不能有版权问题；  图片的选用要符合创意主题； 要选择精度高的图片，同时也要经过艺术处理来 增加美观性。字体：根据文案的重要性进行颜色和样式的变化来突出主次， 以增 强视觉上的吸引力； 字体使用不要超过三种，而造成视觉上的混乱； 字体的设计与处理一定要能够快速识别。整体：画面简洁干净，主题突出，促销信息清晰明了

  24. Banner的设计原则 1）内容为主原则2）弱化辅助角色原则：3）真实性原则：4）统一性原则：

  25. 任务三：设计制作绿色行动宣传网站banner

  26. 小结 什么是广告 网络广告的特殊性 Banner的类型 Banner的设计制作技巧 Banner的设计制作原则

More Related