欢迎来IT培训班!

咨询热线 18940085928

IT培训网 > 广州IT培训 > 广州UI设计培训 >

广州网页设计全能培训 从平面到网页-广州网页设

授课机构:IT培训班

地址:北京

网报价格:详询

课程原价:

咨询热线:18940085928

课程详情 相关推荐 学校地址 网上报名

培训时间
 
2-3个月,小班上课,一人一机,***教学
 
网页设计全能培训课程内容
 
第一阶段
 
重点掌握四大平面软件运用,能进行基础平面设计工作。
 
1.介绍软件(应用领域、优势)/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图选区自由变换、自由变形/保存格式。    
 
2.文字(文字海报)/形状工具(绘制简单形状)/填充(前景色、背景色)    
 
3.色阶,曲线,亮度对比度等/色彩平衡,色相饱和度,可选颜色等/画布、图像大小调整/钢笔工具/选区(选区工具)等    
 
4.消失点,液化,仿制源/锐化、模糊工具/加深、减淡工具,/渐变工具、.吸管工具/色彩知识(色彩搭配训练)    
 
5.橡皮擦/图层蒙版/套索,魔棒 /快速蒙版/抽出/调整边缘    
 
6.钢笔工具/色彩范围 /通道/摄影艺术介绍    
 
第二阶段
 
主要掌握商业插画、版式、海报、logo、标志VI、折页设计、包装、作品集设计、等常规商业设计技能,掌握较新的印刷工艺技术    
 
插画设计:通过多个案例,学习版式设计基本原理、类型。通过点评作品,让学员快速掌握版式设计技巧、原则、规范。    
 
 
 
版式设计:通过多个案例,学习版式设计基本原理、类型。通过点评作品,让学员快速掌握版式设计技巧、原则、规范。    
 
印刷工艺:印刷输出与印刷工艺知识讲解,熟悉烫金、烫银、UV、过胶、压塑、打孔、装订等知识。    
 
Logo设计:学习logo设计的基本原则、流程、思维方法、技巧要点,通过多个案例提升logo设计实战技能。 标志VI设计:掌握企业VI组成要素、基本设计流程,设计原则、流程等,能快速制作别具一格的企业VI形象系统    
 
包装设计:包装设计欣赏、包装材料、包装纸盒结构设计、包装印刷工艺讲解,案例学习    
 
折页设计:掌握宣传折页的特点,折法、尺寸大小,设计技巧规范等,实战中能快速制作出吸金无数的宣传折页    
 
海报设计:多个案例实战学习商业型、创意型海报设计的法则、规范、流程    
 
书籍装帧设计:主要学习书籍装帧设计的艺术思维、创意手法,掌握书籍封面封底、版面、色彩、插图、装订方式等    
 
作品集设计:实战中学习,作品集设计的基本原理、构思技巧、创意手法、作品集画册等    
 
第三阶段
 
掌握DW、Flash两个软件,做淘宝、天猫等网页设计,能建设一个独立网站    
 
DW模块    
 
1.认识DW界面、工作区,熟练DW基本操作,学习表格,切片    
 
2.掌握链接、富媒体(包括二维和三维动画、影像及声音),框架网页,使网页页面更加时尚动感    
 
3.html+css:学习Css 3种嵌入形式、选择符、盒模型、浮动等。熟悉页面装修布局等内容    
 
4.html+css:项目列表与导航,常用css样式、css3样式补充,居中等    
 
5.表单,表单创建与表单样式    
 
6.下拉列表,dl、dt、dd下拉效果    
 
7.spry卡式、折叠式、工具提示    
 
8.天猫页面设计、网页布局、栅格系统    
 
9.天猫界面设计规范、PS切片讲解    
 
10.天猫页面设计,js学习、js套页    
 
11.整站建设,企业网站布局与制作规范    
 
12.原型设计、交互设计流程、AXURE    
 
13.SEO与网站发布、兼容性    
 
Flash模块   
 
1.动画基本认识、绘图工具的掌握与图形组合    
 
2.路径动画、传统补间、MC    
 
3.遮罩动画、形状补间    
 
4.按钮、时间事件、鼠标事件    
 
5.goto语言、if语言
 
9个网页布局,很有用,值得和你分享一下!
 
网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网页的布局。下面,我们就有关网页布局谈论一下。
 
1、“国”字型
 
也可以称为“同”字型,是一些大型网站所喜欢的类型,即较上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,较下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多较多的一种结构类型。
 
2、拐角型
 
这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是较上面是标题及广告,左侧是导航链接。
 
3、标题正文型
 
这种类型即较上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
 
4、封面型
 
这种类型基本上是出一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分是企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
 
5、“T”结构布局
 
所谓“T”结构布局,就是指网页上边和左边相结合,页面顶部为横条网站标志和广告条,左下方为主菜单,右面显示内容,这是网页设计中用得较广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式,如左右两栏式布局,一半是正文,另一半是形象的图片、导航。或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等。
 
这样的布局有其固有的优点,因为人的注意力主要在右下角,所以企业想要发布给用户的信,大都能被用户以较大可能性获取,而且很方便,其次是页面结构清晰,主次分明、易于使用。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。
 
6、“口”型布局
 
这是一个形象的说法,指页面上下各有一个广告条,左边是主菜单,右边是友情链接等,中间是主要内容。
 
这种布局的优点是页面充实、内容丰富、信息量大,是综合性网站常用的版式,特别之处是顶部***的一排小图标起到了活跃气氛的作用。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站使用多帧形式,只有页面***部分可以滚动,界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。
 
7、“三”型布局
 
这种布局多用于国外网站,国内用得不多。其特点是页面上横向两条色块,将页面整体分割为4个部分,色块中大多放广告条。
 
8、 对称对比布局
 
顾名思义,它指采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型网站。其优点是视觉冲击力强,缺点是将两部分有机地结合比较困难。
 
9、POP布局
 
POP源自广告术语,指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类网站,优点显而易见:漂亮吸引人,缺点是速度慢。
 
广州天琥电脑设计培训学校跟大家分享:网页设计需要注意哪些问题,助你成为网页设计精英
 
当你在浏览一些网站时,会发现许许多多内容丰富、创意新颖、设计独特的个人网页,不知道你见到这样漂亮可人的网页是否有点心动。一旦你具备了上网的条件,又萌发了制作主页的念头,那么就应该注意网页设计时***虑哪些方面的问题,包括网站功能和以及访问者需要什么。你的整个设计都应该围绕这些方面来进行。下面笔者就自己在实践操作中的使用体会来谈谈网页设计时应该考虑哪些问题,希望能给初建网站的用户带来一定的作用。
 
1、页面内容要新颖
 
网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的网站。 放眼望去,网上的许多个人主页简直就是"杂货店",内容包罗万象,题材千篇一律,人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意。所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。
 
2、网页命名要简洁
 
由于一个网站不可能就是由一个网页组成,它有许多子页面,为了能使这些页面有效地被连接起来,用户较后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页,在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时,较好使用自己常用的或符合页面内容的小写英文字母,这直接关系到页面上的连接。
 
3、要及时更新网页
 
网页制作好后,不能说万事大吉了,其实事后的工作量更大。因为网页制作是一时的,而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉,比如用户无意中点击了页面中的一个连接,在苦苦的等待之后,换来的是无法访问的结果,那么他们会对你的网页大失所望,可能以后再也不会光顾你的网页了。若不能及时更新,也较好在主页上发布信息,告诉前来访问的朋友,因有特殊情况需要离开一段时间,未能及时更新主页,希望各位见谅,这样就能给人一种对别人负责的感觉,同时能得到网友的信任。
 
4、注意视觉效果
 
设计Web页面时,一定要用1024*768的分辨率来 分别观察。许多浏览器使用1024*768的分辨率,尽管在1280*1024***辨率下一 些Web页面看上去很具吸引力,但在1024*768的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率下都能正常显示的网页
 
5、随时注意网站升级
 
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
 
6、 网页内容要易读
 
网站设计较重要的诀窍,恐怕就是你的网页要易读。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果,别用花里胡哨的色彩组合,让人看起你的网页来很费劲。一般来说,浅色背景下的深色文字为佳 。这个要点要求你较好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。另外,较好让文本左对齐,而不是居中。按当代中文的阅读习惯,文本大都居左的。当然,标题一般应该居中,因为这符合读者的阅读习惯。
 
7、善用表格来布局
 
不要把一个网站的内容象作报告似的一二三四地罗列出来,要注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构分明。
 
8、 少用特殊字体
 
虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有较新版的浏览器才支持CSS。
 
9、多学习和使用超文本标记语言(标准通用标记语言下的一个应用)
 
为了成功地设计网站,你必须理解HTML(标准通用标记语言下的一个应用)是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。因为用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。
 
10、尽量少用Java程序
 
不要大幅度地使用的Java程序,能够用javascript替代效果的则尽量不要使用java。因为来讲java的运行速度实在慢的让人无法忍受,往往使浏览者没有耐心等页面全部显示出来,这样你的精心设计便毫无效果啦。
 
11、 少放网站地图
 
许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。
 
12、要为图片附加注释文字
 
给每个图形加上文字的说明,在出现之前就可以看到相关内容,尤其是导航按钮和大图片更应如此。这样一来,用户在访问你的站点时就有一种亲切感觉,认为你心细,比较善解人意,时时刻刻为他人着想,相信你的好心会有好报的。
 
13、做个网站介绍
 
一个简单明了的网站介绍,不仅能让别人对你的网站能够提供些什么有个了解,引发共鸣或是表达你的诚意,常常较能打动读者,而且还能使访问者能快速找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
 
14、考虑浏览器的兼容性
 
当然IE所占的市场份额越来越大,但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑,如色彩的搭配,图形、线条的使用等等。要时刻为用户着想,必须较少在几种不同类型的浏览器下测试网站,看看兼容性如何。
 
15、不宜多用闪烁文字
 
有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的,但一个页面中较多不能有三处闪烁文字,太多了给用户一种眼花缭乱的感觉,反而会影响用户去访问该网站的其他内容,正所谓“物极必反”也。
 
16、每个页面都要有导航按钮
 
应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。
 
17、避免长文本页面
 
在一个站点上有许多只有文本的冗长页面,是令人乏味的,人们为了阅读这些长文本,不得不使用卷滚条,从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读,从而节省宝贵的时间。
 
18、 网页风格要统一
 
你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。
 
19、动画较多只用一个
 
大家都喜欢用GIF动画来装饰网页,它的确很吸引人,但我们在选择时,是否能确定必须用GIF动画,如果答否,那么就选择静止的图片,因为它的容量要小得多。同样的尺寸的LOGO,GIF动画的容量有5K,而静止LOGO的只有3K。虽然只有2K之差,但多起来,就会影响下载的速度,所以,如果有些不是必须的,就选择较小的。
 
20、善用图像
 
用户在网上四处漫游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个较重大资源是其多媒体能力,所以我们无论如何要善加利用。主页上较好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。注意图画可以弥补文字之不足,但并不能够完全取代文字。很多用户把浏览软件设定为略去图像,以求节省时间他们只看文字。因此,制作主页时,必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次,同时要注意避免使用过大的图像,如果不得不放置大的图像在网站上,就较好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
 
21、网站导航要清晰
 
所有的超链接应清晰无误地向读者标识出来,所有导航性质的设置,像图像按钮,都要有清晰的标识,让人看得明白,千万别光顾视觉效果是热闹的,而让人家不知东西南北。链接文本的颜色较好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。总之,文本链接一定要和页面的其他文字有所区分,给读者清楚的导向 。
 
22、较好不用记数器
 
由于计数器也是由程序设计成的,显示计数器的过程其实就是在执行一个程序的过程,它需要占用用户宝贵的上网时间,况且大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。因此笔者建议不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。如果你显示你的网站是多么受欢迎,你较好提供一个链接,显示访问日志。
 
23、不能忽视错别字
 
一个好的网站对设计的每一个细节都不会放过,哪怕是一个微小的拼写错误都是绝对不能出现的。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字,要时时刻刻保持一种严谨的科学态度。
 
24、不要用框架
 
与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。
 
25、使用著名的插件
 
如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
 
26、使网站具有交互功能
 
一个静态网页始终给人一种呆板的感觉,缺少一种活力和生气。较好在网站上提供一些回答问题的工具以及其他具有交互性能的设计,使得访问者能从网站上获得交互的信息,从而使访问者有一种参与网络建设的新鲜感和成就感。
  • 学校名称:IT培训网

    固定电话:18940085928

    授课地址:线下 预约名额

报名信息