① 网页设计需要学什么 要掌握哪些技能
很多人都想知道网页设计需要学什么,下面我整理了一些相关信息,供大家参考!
一、需要学习美术部分:
结构素描、光影素描、速写、设计素描、户外写生,色彩原理、色彩配色、设计色彩、色调小稿训练、色彩长期作业。
二、网页美工部分:
三大构成:平面构成、色彩构成、立体构成
Photoshop美工及网页配色、排版设计、网站框架美工设计、网页logo网页设计、banner设计
Illustrator网页设计、网页字体设计、网页规划设计
三、制作静态网页:
Fireworks:美工设计、网页配色;CI、LOGO、Banner的制作;常见网页动画制作、网页布局
Flash CS4:经典网页动画、广告、片头、贺卡设计与分析;MTV制作、交互式网站简介
Photoshop CS4:Photoshop操作基础、图像优化处理、经典实例分析与制作、gif动画、广告gif图片
Illustrator CS4:广告招牌制作、灯箱广告、服装广告设计、企业徽标设计、名片设计
四、制作动态网页:
学习动态网页就学习网络编程语言,常用的有ASP,jsP,PHP等。ASP国外基本不用了,因为它的速度比较慢,JSP是速度最快的,它比较难学,学它还得学会java语言,PHP是用的最多的,也是比较容易学习的,像网络,新浪,搜狐都是用的PHP,其实学习这些东西也不是想象的那么难学,只要有信心,努力的学习,就一定能学会!
较强的网站审美能力和具备一定的美术功底:无论是不是设计师都应当首先懂得欣赏网站,对于具有设计感的网站有着独到的见解,可以分析出其他设计师作品的设计理念和思想,而这一切都是需要较强的审美能力的,这种能力有些人是与生俱来,有些人则是后期培养出来的。网页设计师不一定非得能够绘图或者是能够设计出多么精美的平面设计,但是必须对于颜色具有敏锐的嗅觉;对于元素的搭配具有合理的概念;对于框架的搭建具有严谨的规范;对于整体效果的设计具有无限的想象空间,这就是一名网页设计师应当具备的美术功底。
较强沟通能力及领悟力:沟通能力的好坏其实对于设计师来说相当的重要,如果具备较强的沟通能力,那么很多工作都可以事半功倍,可以让客户很快接受你的设计创意从而减轻不必要的工作量。客户更多时候其实特别喜欢与设计师直接交流,其实这是一个非常好的工作方式,设计师能够迅速掌握客户的想法,但是大多客户都不懂网页设计,对于自身的想法也不能表达的十分清楚,那么这个时候设计师如果具备较强的领悟能力,就可以很快把握客户的要求便于开展下一步工作。
熟练掌握网页制作工具:其实这点可以一带而过,如果连网页工具都比较生疏,那就无法谈及其他了。
不断学习,尽快掌握最新技术:网站及其他网络相关技术的更新频率十分快,所以一个合格的网页设计师怎么能够不与时俱进呢?所以要通过不断的学习来掌握最新的技术。
要有足够的创新理念:网页设计师不是单纯的制作网站,更多的是强调设计二字,所以设计师要懂得学习找寻灵感,借鉴别人的优点,能够脱离设计的束缚,足够大胆来设计创新作品。
② 网页设计与制作要学些什么
学设计不如学【视频剪辑】。理由很简单,容易学(不像其它行业学习成本高,难度大),适合短期3-4个月短期学习,而且行业缺口非常大,无论是找工作还是自己在家里接私单,月收入轻松过万,两三万也是稀松平常。【点击进入】免费“短视频剪辑后期”学习网址:
www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-1308421821375457779
因为现在【短视频】的崛起,任何企业,任何工作室或者个人都需要制作剪辑大量的短视频来包装品牌,发抖音,发朋友圈,发淘宝等自媒体渠道做展示。因为每天都要更新并发布新内容,所以剪辑师根本招不够,,供需失衡就造成了剪辑师高薪水。
而且剪辑这个技术并不需要高超的电脑技术,也不需要美术音乐造诣,基本都是固定套路,要什么风格的片要什么节奏,经过三四个月的培训都可以轻松掌握。但凡有点电脑基础会用鼠标拖拽,会点击图标,会保存除非自己不想学,没有学不会的。但是要学好学精,就一定要找专业负责的培训机构了,推荐这个领域的老大——【王氏教育】
在“短视频剪辑/短视频运营/视频特效”处理这块,【王氏教育】是国内的老大,每个城市都是总部直营校区。跟很多其它同类型大机构不一样的是:王氏教育每个校区都是实体面授,老师是手把手教,而且有专门的班主任从早盯到晚,爆肝式的学习模式,提升会很快,特别适合0基础的学生。王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】: www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-1308421821375457779
大家可以先把【绘学霸】APP下载到自己手机,方便碎片时间学习——绘学霸APP下载: www.huixueba.com.cn/Scripts/download.html
③ 网页设计需要学习什么
1、html语言。首先必须要学这个,html语言又称为“超文本标记语言”,任何网页的显示都要靠html语言来表达,也是构成网页文档的主要语言。
2、服务器架设。要制作网页就需要架设服务器来调试你做出来的网页,有iis等很多种,可以在网上搜索得到。
3、css语言。css又作层叠样式表,css大部分是自动生成的,很难理解,需要学习基本的css知识,是步入高手的必经之路。
css控制着网页图片、表格、文字等等内容在我们面前的显示样式,比如颜色,边框,大小等。css能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
4、div+css布局。这个东西是走向专业制作的必经之路,网页元素靠它来搭建基本框架,像网络空间,QQ空间的皮肤等就是利用这个来做的。
5、数据库。走向动态网页的基础,比如网络知道的提问回答这些,都涉及数据库的读、写、改、删。常见的数据库有mysql、mssql、access等。
数据库是所有软件的基础,80%以上的应用程序都涉及数据库,而作为网页制作来说没有必要学得很深,够用就行。
6、动态语言,asp,php,jsp,.net(c#等)。要操作数据库,交互就需要动态语言,现在好多动态语言像php都有“框架”,用框架建站好比用活动板房的零件建房子,全部自己写好比一块一块砖砌房子。
7、javascript脚本。JavaScript是一种属于网络的脚本语言,通常是通过嵌入到HTML网页中给网页带来各式各样的动态效果。
网页里面的验证码,弹窗,特效等就靠它了,一个没有javascript的页面基本没有,这个也有好多的框架可用,这个语言是最难的,也是最强大的,网页木马,病毒大多用这个语言。
8、平面涉及软件。flash,photoshop等,页面美化还要靠图片等东西。
9、学习一种动态网页技术
ASP是微软公司开发的代替CGI脚本程序的一种应用,也是微软公司的第一个服务器侧的脚本引擎,能够动态产生Web页面。ASP可以与Web数据库以及其它程序进行交互,是一种简单、方便的编程工具。
设计事项
一、注意超链接颜色与单纯叙述文字的颜色呈现
WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超链接的颜色,以便丰富Webpage的色彩呈现。
如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超链接颜色,设计成较干净素雅的色调,会较有利于阅读。
纯粹的叙述文字采用较暗、较深的颜色来呈现,超链接文字则以较鲜明抢眼的色彩来强调,至于探访过的超链接则采用较低于原超链接亮度的颜色做呈现。
二、测试所有的超链接与导览按钮的真实可行性
Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超链接与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法链接到该链接的Webpage,却反而冒出“FileNotFound”的错误讯号出来。
三、让超链接的字串长短适中且走文自然
抓住能传达主要讯息的字眼当做超链接的锚点(anchor),可有效地控制住超链接的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。
四、当导览按钮链接到当前页时
各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮链接到当前页的情形。
为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超链接的功能;或将此按钮的彩度、亮度降低,使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超链接的功能。
④ 网页设计与制作要学些什么
1,网站前台:软件PHOTOSHOP+FLASH+DREAWEAVER
要掌握。脚本语言JAVASCRIPT,HTML,CSS
要会修改和编辑。
2,如果是则慧考证的话,可以考电子商务师或软考电子商务设计师。
3,如果从事网站后台:PHP,C,MYSQL必需掌握,有此语法和C++类似。
具体培训要求如下:
NO.1
网页设计基础课
网站的发布条件,网站的CI形象设计,规划网站的栏目与版块,规划网站的目录结构和链接结构,制作页面效果图,制作Flash动画,切图,制作静态Web页面,添加程序,发布Web站点,推广和维护
NO.2
photoshop图形图像处理软件培训
图像处理基础知识,颜色模式、色彩基本常识,色相对比、色彩搭配技巧,菜单栏,工具箱,工具选项栏,调板,画面窗口
NO.3
FLASH动画设计软件培训
舞台,时间轴,图层,“属性”面板,动画设计原理与欣赏,“颜色”和“样本”面板,“库”面板,定义首选参数,新建和保存文档,测试影片,发布和导出影片,动画设计原理与欣赏
NO.4
Dreamweaver网页制作软件培训
站点目录的搭建,常用快捷键,插入动画
插入图片
插入视频,表格布局,表单制作,DIV+CSS,html,网页交互式特效
NO.5
毕业设计
结合之前所学习到的软件知识,要求学员能独立设计网页,编写前端网页代码;
网页三剑客培训课程详解
第一阶段:photoshop
图形图像处理-软件入门与进阶
软件入门与御中进阶
第一节
ps
cs3概论与工作界面
图像处理基础知识,颜色模式、色彩基本常识,色相对比、色彩搭配技巧,菜单栏,工具箱,工具选项栏,调板,画面窗口
第二节
ps
cs3
基本操作入门
新建文件,打开文件,存储文件,使用标尺、参考线和网格,字体安装
第三节
ps
cs3
选取图像
选区的基础知识,使用选框工具,使用套索工具,使用魔棒工具,选区的相加、相减和交叉
第四节
ps
cs3
图像处理
图像的模式,图像和画布的大小,旋转画布和裁剪图像,调整色阶,调整曲线,调整色彩平衡,调整色相/饱和度,调整亮度/对比度,复制、粘贴、移动图像
第五节
ps
cs3
使用绘图与图像编辑工具
画笔工具,图章工具,填充工具
第六节
ps
cs3
案例教学一
绘制卡通人物并上色,熟悉快捷键
第七节
ps
cs3
使用绘图与图像编辑工具
画笔工具,图章工具,填充工具
第八节
使用路径
形状工具,路径面板,钢笔工具,制作路径文字
第九节
ps
cs3
使用绘图与图像编辑工具
画笔工具,图章工具,填充工具
第十节
ps
cs3
案例教学一
绘制卡通人物并上色,熟悉快捷键
第十一节
ps
cs3
使用绘图与图像编辑工具
画笔工具,图章工具,填充工具
第十二节
ps
cs3
案例教学一
绘制卡通人物并上色,熟悉快捷键
第二阶段:photoshop
图形图像处理-软件提高
软件提高
第十三节
通道
通道使用原理,通道使用技巧
第十四节
通道综合运用
扣婚纱图片,扣复杂图像
第十五节
滤镜工具的操作
滤镜工具的操作
第十六节
滤镜的使用案例
滤镜的使用案例
第十七节
案例教学四
滤镜和通道的混合使用
第十八节
案例教学五
利用位图和混合模式制作创意电脑桌面
第十九节
制作GIF动画
Ⅰ
动画面板,动画制作原理,简单的QQ表情图片头像制作
第二十节
制作GIF动画
Ⅱ
制作创意广告条,用广告图做GIF动画
第二十一节
制作区域框和分隔线
制作区域框,制作分隔线,制孙拆答作虚线
第二十二节
制作复杂边框
制作复杂边框
第二十三节
制作文字为主的按钮
制作背景,制作时尚渐变图案,添加文本
第二十四节
制作图文结合的按钮
制作背景,绘制图案,添加文本
第三阶段:photoshop
图形图像处理-综合实例
综合实例
第二十五节
网页设计布局规范与色彩平衡
网页设计布局规范与色彩平衡
第二十六节
网页设计草稿图
规划网站版面
网页设计草稿图
规划网站版面
第二十七节
设计网站标志
和确定基准色
设计网站标志
和确定基准色
第二十八节
设计企业营销型网站首页
I
设计企业营销型网站首页
I
第二十九节
设计企业营销型网站首页
Ⅱ
设计企业营销型网站首页
Ⅱ
第三十节
设计企业营销型网站首页Ⅲ
设计企业营销型网站首页Ⅲ
第三十一节
设计企业营销型网站内页模版
设计企业营销型网站内页模版
第三十二节
设计企业营销型网站末页模版
设计企业营销型网站末页模版
第三十三节
设计企业营销型网站新闻列表页
设计企业营销型网站新闻列表页
第三十四节
设计企业营销型网站产品列表页
设计企业营销型网站产品列表页
第三十五节
设计企业营销型网站表单登陆页
设计企业营销型网站表单登陆页
第三十六节
设计企业营销型网站水平广告条
设计企业营销型网站水平广告条
第三十七节
设计企业营销型网站对联广告
设计企业营销型网站对联广告
第三十八节
课程结束,小结,提交设计作品
课程结束,小结,提交设计作品
第一阶段:Flash
动画设计-软件入门与进阶
软件入门与进阶
第一节
Flash
cs3界面介绍
舞台,时间轴,图层,“属性”面板,动画设计原理与欣赏
第二节
Flash
cs3
工具入门
“颜色”和“样本”面板,“库”面板,定义首选参数,新建和保存文档,测试影片,发布和导出影片,动画设计原理与欣赏
第三节
工具箱
I
绘图模型,使用铅笔和刷子工具,使用线条和形状工具
第四节
工具箱
Ⅱ
使用钢笔工具,使用选取和选区工具,定义边框和填充颜色
第五节
工具箱Ⅲ
定义渐变颜色,导入图像,设置和编辑位图,分离位图和将位图转换为矢量图,组合对象,处理对象
第六节
工具箱
Ⅳ
创建文本,定义文本的属性,拼写设置,分离文本
第七节
图形元件与按钮元件的实例
图形元件与按钮元件的实例
第八节
影片剪辑和影片剪辑实例
影片剪辑和影片剪辑实例
第九节
时间轴
帧
关键帧
空白关键帧
时间轴
帧
关键帧
空白关键帧
第十节
创建补间动画
创建补间动画
第十一节
创建形状动画
Ⅰ
创建形状动画
Ⅰ
第十二节
创建形状动画
Ⅱ
创建形状动画
Ⅱ
第二阶段:Flash
动画设计-软件高级应用
软件高级应用
第十三节
逐帧动画和引导线动画制作与实例
逐帧动画和引导线动画制作与实例
第十四节
使用声音
添加声音,控制声音的播放,压缩声音,补充工具:cooledit
pro
第十五节
遮罩动画
Ⅰ
遮罩动画
Ⅰ
第十六节
遮罩动画
Ⅱ
遮罩动画
Ⅱ
第十七节
制作网页Logo
制作残影文字Logo,制作滚动文字Logo,补充工具
swish
mx
第十八节
制作Banner
制作舞台Banner,制作下雪Banner,制作产品Banner,文字特效swish
第十九节
制作导航条
制作垂直导航条,制作横向导航栏,制作含有二级菜单的导航条
第二十节
制作Loading
Ⅰ
制作Loading的原理,制作百分比进度条的Loading
第二十一节
制作Loading
Ⅱ
制作逐渐显示的Loading,制作显示动画的Loading
第二十二节
制作节日广告
Ⅰ
制作背景动画,制作灯笼动画,制作爆竹动画
第二十三节
制作节日广告
Ⅱ
制作文本动画,完成动画
第二十四节
制作产品广告
制作汽车动画,制作遮罩动画,完成动画
第一阶段:公共课
第一节
网页概论
网页概论
第二节
熟悉界面
站点目录的搭建,常用快捷键,插入动画
插入图片
插入视频
第三节
表格布局
表格布局,插入表格,表格美化,表格细边框和网页表格布局
第四节
表单
表单设计,插入文本框,插入文本域,下拉菜单,下拉列表
第五节
框架结构
用于做网站的利器,在网页中嵌套框架页面
第二阶段:DREAMWEAVER网页制作-HTML
HTML
第六节
介绍HTML
语法
结构
书写标准
介绍HTML
语法
结构
书写标准
第七节
介绍常用HTML标签
介绍常用HTML标签
第八节
介绍
div
ul
li
ol
li
介绍
div
ul
li
ol
li
第九节
介绍
DL
DT
DD
介绍
DL
DT
DD
第十节
综合运用实例1
综合运用实例1
第十一节
综合运用实例2
综合运用实例2
第三阶段:DREAMWEAVER网页制作-CSS
CSS
第十二节
介绍CSS
语法
结构
书写标准
类,ID,标签选择器,使用规范
第十三节
介绍文本属性
文本布局,文字链接
第十四节
介绍背景属性
介绍背景属性
第十五节
介绍区块属性、边框属性
介绍区块属性、边框属性
第十六节
介绍方框属性
介绍方框属性
第十七节
介绍列表属性
1
介绍列表属性
1
第十八节
介绍列表属性
2
介绍列表属性
2
第十九节
定位属性
定位属性
第二十节
HTML
CSS
布局范例1
段落排版,图文混排
第二十一节
HTML
CSS
布局范例2
水平导航条,垂直导航条
第二十二节
HTML
CSS
布局范例3
一行一列布局,一行两列布局
第二十三节
HTML
CSS
布局范例4
多行多列混合排版
第二十四节
综合范例
1
综合范例
1
第二十五节
综合范例
2
综合范例
2
第四阶段:DREAMWEAVER网页制作-JS
网页特效
JS
网页特效
第二十六节
介绍JS语法
介绍JS语法
第二十七节
介绍JS语法
介绍JS语法
第二十八节
介绍DW行为面板
1
介绍DW行为面板
1
第二十九节
介绍DW行为面板
2
表单的验证
介绍DW行为面板
2
表单的验证
第三十节
介绍下拉菜单
1
介绍下拉菜单
1
第三十一节
介绍下拉菜单
2
对联和QQ咨询
介绍下拉菜单
2,对联和QQ咨询
第三十二节
介绍焦点图
1
介绍焦点图
1
第三十三节
介绍焦点图
2
介绍焦点图
2
第三十四节
介绍滑动门
介绍滑动门
第三十五节
无缝循环滚动
站外下载JS修改
无缝循环滚动
站外下载JS修改