课程目标
经过短期强化系统的学习,熟练软件工具的主要使用方法,掌握网站美工设计制作中的常用套路,积累大量网站常见的设计风格和素材,最后达到可以综合使用所学的知识,独立完成中型商业网站的美工设计制作。
课程对象
熟悉网页浏览和常用办公软件的操作,热爱网络技术,作为爱好学习或准备参加网站美工工作的有识之士。
师资力量
由上海网站设计行业知名老师授课。
课程设置
网站概念知识、色彩构成、网页设计中的美学规律、XHTML网页超文本语言、Dreamweaver网页编辑排版、DIV+CSS网页样式实例讲解、SEO优化、Fireworks网页图形处理、Flash二维动画、Photoshop平面设计软件在网站设计中的应用、作品设计及点评、实战案例分析讲解。
合适的文件格式技巧:如果图片是单色的,最好将其保存为PNG或GIF格式;如果是连续性色调(如照片),最好以JPG格式保存。
有许多工具可以帮助你进一步优化图片并减小它们的文件大小,可以参考工具列表来帮助优化图片,尽量减少图片数量,灵活使用图片,并尽可能减小文件大小。这样,可以大大减少页面的读取时间,并且可以提高页面的性能。
一个好的网页设计不仅好看,而且对用户友好。一般来说,一个干净简单的网页设计最终会成为一个可用性高的网页设计,因为它不会在交互中混淆用户。
当页面上有太多的网站功能和组件时,会分散用户的注意力,失去浏览网站的初衷。要确保每个页面元素都有其用途。
在网站的导航结构上投入足够的时间和大量的规划是非常重要的。尽管这是常识,但仍然有许多设计师理所当然的设计网站导航。
位置、风格、技术(java或CSS)、可用性和网页易读性是你进行导航设计时要考虑的因素。
主要目标是用户浏览你的网站,尽可能减少操作(动作)的数量,并尝试让用户浏览他们想要的内容。
网站建设流程 | 了解商业网站建设的标准流程;理解网站建设的技 术及人员分工;掌握域名申请与云空间的注册方法。 | 熟练掌握网站建设的工作流程、 技术及实用工具,熟悉各种设备 尺寸的 WEB 布局设计规范和布 局技巧,可独立完成商业网站搭 建及制作。 |
网页设计规范 | 了解网页设计的规范及要求;理解网页文字规范、 网页尺寸规范;掌握类型网页设计全部设计规范。 | |
网页界面设计风格解析 | 了解网页界面设计风格的类型;理解网页界面设 计风格的特点;掌握不同类型网页界面设计风格 的方法。 |
网页图标设计 | 了解图标的造型原理;理解图标的效果添加方法; 掌握 Photoshop 的矢量工具和图层样式。 | 熟练掌握网站建设的工作流程、 技术及实用工具,熟悉各种设备 尺寸的 WEB 布局设计规范和布 局技巧,可独立完成商业网站搭 建及制作。 |
网页广告(Banner) 设计 |
了解网页广告(Banner)的设计流程;理解网页 广告(Banner)文案分析的方法;掌握网页广告 (Banner)创意设计手法。 | |
Gif 动画表情设计 | 了解 Gif 动画的原理和应用范围;理解社交应用中 表情的设计特点;掌握 Gif 动画表情的制作方法。 | |
企业网站 WEB 界面设计 |
了解企业网站的设计风格与特点;理解企业网站设 计的需求分析原则;掌握企业网站 WEB 界面设计 的方法。 | |
专题网页 WEB 界面设计 |
了解专题页设计的风格与特点;理解专题页的设计 需求分析原则;掌握专题页WEB界面的设计方法。 | |
电子商务网站 WEB 界 面设计 |
了解电子商务网站 WEB 界面设计的风格与特点; 理解电子商务网站的设计需求分析原则;掌握电子 商务网站 WEB 界面设计的方法。 | |
网页切图与优化 | 了解网页切图的原则,学习如何标注(Mark Man)页面;理解网页切图工具的使用和图像优 化的方法;掌握各种类型网页切图的方法及与代码 的衔接。 | |
Flash 超媒体设计 | 了解 Flash 动画的原理;理解 Flash 动画的制作 技巧;掌握 Flash 动画在网页中的应用方法。 |
页面布局是网站设计的基础。在保持网站整体风格一致的前提下,网页布局应根据页面放置的信息类型、信息量等内容方面的不同需求而设计。
分栏式结构是一种开放式框架结构,是目前常见的页面布局,适合信息流量较大、更新较快、信息储备巨大的站点,如新浪等门户网站、资讯类网站。在分栏结构中,三分栏为常见,其次是二分栏、四分栏及比较少见的五分栏等。
区域划分式页面布局是利用辅助线、图形和色彩把网页平面分为几个区域,这些区域可以是规则的或不规则的,而由区域所形成的网页框架叫做区域排版。区域划分式能够适应多种信息内容编排的需求,解决分栏式结构无法解决的诸多问题。
无规律式页面布局。它个性鲜明,与众不同,其特殊的结构不适合信息流量大的网站,主要以整张图片的网页设计为主,类似大海报,页面漂亮,缺点就是图片下载较慢,会影响网页打开速度。
一个网页的尺寸设置与屏幕分辨率和浏览器相关,我们不可能满足所有用户的最佳尺寸,但我们能做的是让绝大多数用户感觉是最佳的。我们可以通过统计分析工具获取用户屏幕分辨率数据,从而为设计提供参考。
进行跨设定字体使用规范,如主标题、次标题、小标题、正文、辅助文字、失效文字、链接文字等字号、颜色、样式等。字号不得小于12px,标准 icon 可转成字体图标,特殊字体可以使用 WebFont。
在布局时遵循尺寸规则、交互和视觉原则,建议使用栅格系统进行布局。最常见的是12列栅格系统,例如Bootstrap的栅格系统,支持将一行分成 1 列、2 列、3 列等,并提供了强大的响应式布局方案。
颜色是网页设计的核心,其有助于设计主题和主旨的构建。另外,其还具有心理层面的作用,也就是说颜色能够影响网站访客看待网站用户体验的方式。
注意行高和段落、标点和空格、对齐、文案长度、层级引导。行高和段落,行高默认为字号的1.5倍。段落间距一般为字号的一倍宽。
设计需了解一些常见动画效果、实现手法和js动效库,例如:渐隐、缩放、移动、伸缩、摇摆等,便于和前端沟通。
这个要看具体你报的班的,不同学校,不同层次班,价钱都会有差别的,几千到几万都有的,需要你自己筛选,南京丝路教育收费合理,课程设置也很适合零基础的学员,可以来了解.....
[详情]网页设计一般分为三种大类: 功能型网页设计(服务网站&B/S软件用户端) 形象型网页设计(品牌形象站) 信息型.....
[详情]培训学校很多,没有具体的衡量标准的。但是可以从几方面去选择: 1有很多优秀导师的 2培养出很多优秀学员的 3做的.....
[详情]南京网页设计培训班贵不贵要看你的培训需求,如果你只是要培训一点入门基础的话,课程不会太贵。但是如果你要培训的是比较精通的技术的话,价格会比基础的贵一些,推荐你去.....
[详情]