网页设计培训是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点,它是区别于报刊、影视的一个媒体。它既拥有传统媒体的优点,同时又使传播变得更为直接、省力和有效;一个成功的网页设计,首先在观念上要确立动态的思维方式,其次,要有效地将图形引入网页设计之中,增加人们浏览网页的兴趣。
网页设计实战培训精修班培训课程
针对网络公司和专业设计公司的真实需求,专业系统的讲授photoshop/illustrator/flash/dreamweaver/fireworks主流设计软件的操作方法及设计技巧,了解互联网知识,网页设计的软件使用,网站类型,网站风格,培养基本的网站色彩搭配,网站制作流程。*使用photoshop/illustrator来制作网页图像的设计,如网站标准字,网站按钮设计。利用HTML语言和CSS样式,来完成网站导航,网站栏目,网站动静态广告,网站的首页及子页面的互动和链接。最后通过案例让学生理解网站配色原理,不同类型的网站风格制作。
Photoshop
Adobe Photoshop,简称“PS”,是由Adobe
Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑*。ps有很多功能,涉及各个领域。
网页设计案例展示
1. PS界面介绍、文件类型、图像类型及色彩模式;
2. 以知识块的讲解方式掌握文件、编辑、图像、图层 选择、滤镜、视图、窗口八大命令菜单的操作;
3. 从小型案例入手,精心讲解图层,路径,通道三大 版块,并通过实际案例对其进行加深巩固,同时 掌握提高图层,路径,通道的综合应用能力;
4. 案例所涉及到的方面:构图、调色,影楼修片, 滤镜处理技术、招贴设计、海报设计、报纸广告设计 封面设计、网页广告设计等。
Illustrator
Adobe Illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的图片处理工具,Adobe
Illustrator广泛应用于印刷出版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。
illustrator案例展示
1. Illustrator简介及应用领域;
2. 通过案例讲解工具及命令的使用;
3. 卡通形象的绘制表现技巧;
4. 高级排版(图文混排、文字调整、路径文字、断行版式等);
5. 在装饰画中的应用及实例;
6. CI策划中的应用,VI视觉设计(标志、名片、字体、提袋、办公标志等);
7. 实际案例所涉及到的方面:海报设计、户外广告设计、*装设计、画册设计、装帧设计、杂志广告设计、报纸广告、插画设计等。
Dreamweaver
(DIV+CSS)
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是*套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。 网页设计案例展示
1. 网站的分类及基础知识的介绍;
2. 通过实践操作,熟练掌握HTML(超文本标记语言)的编写方法及语法知识;
3. CSS样式的创建,选择器的分类;
4. 熟练掌握用DIV+CSS的模式来排版设计网页;
5. 通过大量的案例和实践操作,掌握CSS样式对背景,盒子,浮动(float),定位(position)的修饰技巧及参数的设置。
Flash
Flash是一种动画创作与应用程序开发于一身的创作软件,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以*含简单的动画、复杂演示文稿和应用程序以及介于它们之间的任何内容。 网页设计案例展示
1. Flash界面及应用
2. 通过logo图标,卡通人物等案例,熟悉软件的基本工具及操作方法;
3. 三大元件(图形,按钮,影片剪辑)的介绍;
4. 各种补间动画在制作时的操作要领;
5. 三大图层(普通层,引导层,遮罩层)的讲解;
6. 通过flash中AS脚本基础指令的讲解,可以配合案例制作出常用的网站动态导航。
Fireworks
Fireworks是Adobe推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。 网页设计案例展示
掌握fireworks修图的基础技能,掌握如何使用fireworks裁切图片,使用切片工具修整素材,了解图层、色阶、图层样式,路径等基础知识,学成后可以将网上的任意素材修改成自己想要的图片装点网页。
网站的色彩搭配
色系
网站的色系是浏览者整体的视觉观感,若一个网站色系能有一致性,不仅会使网站看起来美观,更能让浏览者对内容不易混淆,增加了浏览的简洁与方便。 网页实战案例
1. 色彩搭配的原则;
2. 色彩搭配要注意的问题;
3. 网页的底色的搭配;
4. 文字字型的搭配;
5. 图片色系的搭配。
排版
网站的排版是让网页浏览者阅读方便,且内容主题明确的重要指针,若网站的排版经过精心规划,将会使浏览者更能迅速的找到所需的资料。 网页实战案例
1. 层次结构;
2. 段落的间距问题;
3. 字体大小/粗细对比;
4. 网页排版的原则。
1)平衡性
2)对称性
3)对比性
4)疏密度
5)比例
内容
网站的内容,就如同书的文字一般重要,书没有了内页,就算封面再漂亮、再精致,都只是个徒俱美丽空壳的纸版罢了。网站也是一样的道理,如果网站没有内容,就算装扮得再美轮美奂,也不能称为网站。 网页实战案例
1. 网站的主题明确;
2. 网站的整体实用性;
3. 文件的关联性;
4. 内容是否切合度。
风格
“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”*括站点的CI(标志,色彩,字体)、版面布局、内容价值等等诸多因素。 网页实战案例
1. 网站标志(LOGO)
2. 网站色彩;
3. 设计网站字体;
4. 是用精炼有效的语言。