《七网页中的图像制作》由会员分享，可在线阅读，更多相关《七网页中的图像制作（54页珍藏版）》请在金锄头文库上搜索。
1、网页美工设计商业典型案 例主讲教师：吕玲第7章网页中的图像制作本章目标：n了解图片在网页制作中的作用及格式n掌握网页中常用图片创意方法n掌握图片在网页制作中的应用领域n掌握网页中常用线条的制作方法n网页中图像的造型是页面设计中最重要的视觉要素。n图片较文字表达更直观、真实、生动。n1、图片的格式nGIF：适合颜色跨度小，质量要求不高的图片。n透明、半透明图像的制作n【文件】【存储为Web所用格式】nJPEG：适合对质量要求较高的图片。思考：什么是“大气”？n“大气”是一种气势，解释下来是一种宏大的气势 ，你可以理解“宰相肚里能撑船”这种人格的气势 ，你也可以理解一座山峰直立云间的宏伟的气势 ，
2、你更可以理解天空、海洋、宇宙这此未知的气 势。n理解了这种气势，再想想所谓设计中的大气，相 信你能知道，所谓的作品大气，就是在设计中将 这种气势表现出来。如何表现呢？这是重点。（一）对比 n想要在有限的空间的内展现出“大”，只能用伪“ 大” n所谓的伪“大”，就是在有限的空间用小的东西去 把大的体积能伪造出来 （二）透视 （三）素材 思考：好的视觉创意需要注意什么？n1. 过多的字体 n字体控制在3个以内，若超过三种怎么办?n通过大小，间距，透视，角度，对比，颜色等方式把 不重要的信息部分的字体淡化掉，而突出最为重要的 信息。n文字横排与竖排的区别，根据不同的阅读习惯，横排 的文字识别率相对高
3、一些，但在版式上显得呆板一点 ，而竖排的效果更容易将字体图形化，竖排的影响在 于数字与英文字母的方向问题 因此，非万不得已 ，不要在正文中使用中文+英文的混排方式。 n2. 色彩过于统一 n比起色彩杂乱来说，过于统 一的色彩其实给用户造成的 困扰更大，首先产生美，和 谐的感觉，然后才有可能去 记忆，否则人脑会本能的排 斥。n色彩统一的难点在于色彩对 比的区分，包括明度和饱和 度的控制，无论你想怎么统 一色彩，关键的信息一定不 能被色彩本身淹没。n3. 无序的版式 n4. PS的滤镜效果 n滤镜当然可以使用，但是没 有设计目的和经验的滥用， 只会让人觉得你是在展示 2000元平面设计速成的培训
4、效果，并企图告诉用户你的 培训费没有白花。虽然网上 有很多免费的破解滤镜供你 使用，但我要说，那些大多 数都是提供给学生以及练习 使用的，你在商业设计中能 用到这些效果的部分不足 10%。 n5. 低质量的照片 n6.模仿OR抄袭 n别人的作品永远是别人的作品，作为设计师，都收藏 有大量别人好的作品的。这些作品只是在自己需要灵 感或者方向的时候，拿出来翻一翻，看一看，找找感 觉的。n但是有些设计师，为了交差或者不愿意自己动脑筋， 直接COPY下来，或者直接去网上搜自己需要的品牌案例，找个自己风格差不多的案例，依葫芦画瓢。这 样解决了很多设计师的创意匮乏之困。创意、思想永 远是设计师的灵魂。没有
5、灵魂的设计师，只能算是一 个美工。常见装饰边线的制作n网页中的装饰线条：清晰静态位图线条：n网页中的装饰线条：动画GIF线条：动画GIF线条是以可爱清新的小图组成由规 律变化的GIF动画，可是页面生动有活力，具有 较强的装饰作用。常见装饰边线的制作n虚线的制作n内嵌线条的制作n斜纹线条的制作n交叉线条的制作背景图像的制作n网页设计中的图片从用途上分为背景图和插图两种。n背景图在页面设计发展初期只发挥了强调质感的作用和修饰页面的功能。n在一些情况下网页背景图的风格甚至决定于网站整体风格。n背景图在整体页面布局上也有很重要的作用。n背景图的分类及特性：n渐变色背景。n花纹背景。n整张图片作为背景。
6、在使用整张图片做背景时，一方面一定要把下载速度考虑进去，网页不能承受大于 100KB的背景图片；另一方面，不能因顾虑到下载速度，而太多地压缩图片，图片模糊会影响页面效果。n分辩率问题。一般来说，其花色最好是横向重复的或者是水平线形花纹。这类背景图要求简洁并且可与页面信息部分相符合。7.2 背景图像的制作n背景图的分类及特性：n有信息内容在页面上的背景图。在含有信息内容的页面上要加背景图片时应注意：n背景与主体明度之比为3：1到5：1之间为宜；n淡色系列的背景有助于整体和谐；n淡色材质背景为佳，能与主体分离的浅色标志或文字背景也可。n底纹背景：n文字偏旁拆分为基本背景图案特殊背景图像的制作n肌理背景：n粗糙、清晰的木质肌理，一点也没影响到前景的主要内容，反而让人有一睹为快的冲动。n了解网页设计中图像的应用n熟悉网页图像的设计方法n掌握网页中不同类型的图像的设计技巧本章总结作业: n1、美化页面边框n2、设计网站后台管理员登陆界面n3、设计一个网站导航页
