我想学网页设计与制作，但是没基础。也没有接触过，该怎么去学？

时间：2024-02-12 10:20:01 | 来源：网站运营

时间：2024-02-12 10:20:01 来源：网站运营

我想学网页设计与制作，但是没基础。也没有接触过，该怎么去学？：推荐给题主和大家网页设计的学习路径，学完可以直接入职的那种~

路径中的课时均为视频教程

网页设计师职业路径

网页设计师是指精通PS、AI、DW等多项网页设计工具的网页设计人员。网页设计师可以将平面设计中的审美观点套用到网站设计上面来。 网页如门面，小到个人主页，大到大公司、政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计师的工作。

-点我领会员免费学路径内所有视频教程！-




第一章：基础入门

1.PS（Photoshop）


PS-课程介绍
PS-界面初识
PS-工具介绍
PS-基础变换
PS-图层介绍
PS-标尺参考线与对齐像素
PS-矢量图形与位图
PS-对齐与分布
PS-布尔运算
PS-钢笔工具
PS-转换点&添加和删除锚点
PS-进阶变换
PS-文字转形状 锚点技巧
PS-线性图标&小白与钢笔工具
PS-智能对象
PS-图层蒙版与剪切蒙版
PS-混合模式
PS-渐变叠加
PS-投影&弥散阴影&羽化
PS-内阴影
PS-内外发光
PS-描边&颜色叠加&图案叠加
PS-颜色填充&图层样式
PS-案例实操





2.AI（illustrator）


AI-课程介绍与学习方法
AI-界面初识与新建文档
AI-常用工具介绍（上）
AI-常用工具介绍（下）
AI-基础变换
AI-编组锁定与隔离模式
AI-对齐与分布
AI-布尔运算
AI-进阶变换
AI-自定义转换角
AI-偏移路径
AI-填充与描边
AI-扩展与扩展外观
AI-钢笔工具
AI-添加删除锚点（上）
AI-添加删除锚点（下）
AI-图标应用场景
AI-形状生成器
AI-对齐像素与像素预览
AI-图标线面状态设计
AI-文字转曲及其他技巧
AI-波纹效果与平滑弧线
AI-渐变与特殊渐变
AI-线性填充
AI-混合工具
AI-图案叠加
AI-剪切蒙版
AI-图层样式
AI-案例插画（一）
AI-案例插画（二)





3.DW（Dreamweaver）


DW第1课-软件介绍与安装
DW第2课-软件面板介绍
DW第3课-什么是HTML
DW第4课-新建站点
DW第5课-HTML与CSS的关系
DW第6课-标题段落图片标签
DW第7课-认识强调标签
DW第8课-了解列表标签
DW第9课-DIV标签图解
DW第10课-如何给标签命名
DW第11课-初识CSS样式
DW-CSS样式之宽、高、颜色
DW-CSS样式之文字排版
DW-CSS样式之背景样式
DW-CSS样式之边框设置
DW-元素的分类
DW-边距与填充
DW-什么是盒模型
DW-网页布局模型与三种定位
DW-CSS的其他样式
DW-案例分析与切图
DW-案例制作-banner及关于我们（上）
DW-案例制作-banner及关于我们（下）
DW-案例制作-产品展示模块
DW-案例制作-新闻中心模块
DW-实例制作-客户案例模块
DW-实例制作-联系我们模块
DW-什么是伪类/伪元素
DW-链接的四种伪类
DW-伪类之first-child
DW-其他伪类介绍
DW-伪元素的用法
DW-导航案例（上）
DW-导航案例（中）
DW-M-导航案例（下）





4.Axure（选修）


Axure-认识软件界面
Axure-软件下载与安装
Axure-熟悉元件库
Axure-元件页面属性修改
Axure-元件交互样式设置
Axure-布尔运算的使用
Axure-发布与设置
Axure-菜单及表格元件的使用
Axure-内联框架的使用
Axure-母版的使用
Axure-动态面板的应用
Axure-交互事件
Axure-交互样式
Axure-打开链接&关闭窗口
Axure-框架打开链接
Axure-滚动到元件
Axure-设置自适应视图
Axure-显示隐藏-灯箱&弹出
Axure-显示隐藏-推动&拉动
Axure-动态面板-设置面板状态
Axure-轮播效果的实现
Axure-动态面板-选项卡效果
Axure-动态面板-手风琴菜单效果
Axure-设计文本&设置图片
Axure-设置文本&设置图片案例
Axure-设置选中交互
Axure-设置列表选中项-下拉列表
Axure-设置列表选中项-上拉列表
Axure-启用禁用交互
Axure-移动交互
Axure-旋转交互
Axure-设置尺寸交互
Axure-设置元件层次顺序
Axure-设置不透明度交互
Axure-设置获取焦点
Axure-中继器工作原理及应用
Axure-中继器数据传输原理
Axure-中继器-添加行
Axure-中继器删除当前行
Axure-中继器通过条件标记-删除行
Axure-中继器-删除最后选中行
Axure-中继器-更新行-复选框
Axure-中继器更新行-条件
Axure-中继器-添加排序
Axure-添加筛选-完全匹配搜索
Axure-中继器模糊搜索
Axure-中继器-每页显示项目数量
Axure-中继器-当前显示页面
Axure-设置等待交互
Axure-设置其他+案例弹出窗口
Axure-触发事件





第二章：网页设计基础

-点我领会员免费学本章所有网页设计基础视频教程！-

1.网页设计基础认知


web-网页设计基础认知
web-网页设计组成与规范


2.项目分析与风格参考


web-项目分析与风格参考


3.网页设计实操


Web-栅格系统与线框原型
Web-Axure中创建栅格
Web-线框图在设计中的作用
Web-页面设计与优化调整
Web-导航与轮播Banner设计
Web-其他版块设计
Web-细节处理与优化


4.网页设计知识点总结


Web-网页设计知识点总结







第三章：案例实操

-点我领会员免费学本章所有网页设计案例视频教程！-

1.视觉设计理论


PS-视觉设计理论


2.设计风格


PS-扁平化设计
网页的版式设计


3.网页项目实操


PS-企业网站项目（上）
PS-企业网站项目（下）
PS-网页项目FOOTER
PS-响应式网页排版（上）
PS-响应式网页排版（下）


4.网页设计切图


PS-网页切图方法




第四章：职场技巧

1.作品包装


UI设计师如何准备简历与作品集


2.面试技巧


UI设计师面试技巧


3.沟通技巧


UI设计师面试时，如何阐述设计思路
老板让你十分钟出一张图怎么办？


4.工作效率提升


如何通过浏览作品提升自己
【UI设计新人】培养哪些好习惯，可以事半功倍

---

-点我领会员免费学以上所有网页设计基础入门视频教程！-







收藏不忘点赞，是一种优秀的品格！