网站视觉设计-从平面到网页与移动端UI设计实战
网站视觉设计-从平面到网页与移动端UI设计实战

网站视觉设计-从平面到网页与移动端UI设计实战

普通游客 无权查看资源
有效期: 永久有效
更新日期: 2025-03-03

赞助会员 · 全站资源免费享

一次付费,终身受益,超5000位用户的选择

本课程《网站视觉设计》系统讲解从平面设计基础到网页与移动端UI设计的核心技能。课程以Photoshop软件操作为起点,涵盖图像处理、版式设计、导航制作、配色方案及图标设计等实用内容,最终引导学员完成完整的网站及移动App界面视觉设计项目,适合希望全面提升数字界面设计能力的学习者。

视频课程目录:
Part1 平面设计基础
- Photoshop基础与色彩模式
- 选区与图像编辑
- 图像尺寸与变换
- 画笔与图章工具
- 矢量图形与钢笔工具
- 图层与图层样式
- 文字工具
- 图层蒙版
- 图像色彩调整
- 通道
- GIF动画

Part2 WEB UI设计
- 网页设计流程与版式
- 导航栏设计
- 网页配色技巧
- 标志与字体设计
- 网站综合案例(如儿童类网站)

Part3 移动UI设计
- 移动应用介绍
- 扁平化图标设计
- App登录页面设计
- App视觉设计方案(如点餐应用界面)




├─{01}--part1平面设计基础
│ #1.1.1#--图文.pdf
│ #1.1.2#--图文.pdf
│ #1.10.1#--图文.pdf
│ #1.10.2#--图文.pdf
│ #1.10.3#--图文.pdf
│ #1.10.4#--图文.pdf
│ #1.11.1#--图文.pdf
│ #1.11.2#--图文.pdf
│ #1.11.3#--图文.pdf
│ #1.12.1#--图文.pdf
│ #1.12.2#--图文.pdf
│ #1.12.3#--图文.pdf
│ #1.13#--图文.pdf
│ #1.2.1#--图文.pdf
│ #1.2.2#--图文.pdf
│ #1.2.3#--图文.pdf
│ #1.3.1#--图文.pdf
│ #1.3.2#--图文.pdf
│ #1.3.3#--图文.pdf
│ #1.3.4#--图文.pdf
│ #1.3.5#--图文.pdf
│ #1.4.1#--图文.pdf
│ #1.4.2#--图文.pdf
│ #1.4.3#--图文.pdf
│ #1.5.1#--图文.pdf
│ #1.5.2#--图文.pdf
│ #1.6.1#--图文.pdf
│ #1.6.2#--图文.pdf
│ #1.6.3#--图文.pdf
│ #1.6.4#--图文.pdf
│ #1.7.1#--图文.pdf
│ #1.7.2#--图文.pdf
│ #1.7.3#--图文.pdf
│ #1.8.1#--图文.pdf
│ #1.8.2#--图文.pdf
│ #1.8.3#--图文.pdf
│ #1.8.4#--图文.pdf
│ #1.9.1#--图文.pdf
│ #1.9.2#--图文.pdf
│ #1.9.3#--图文.pdf
│ #1.9.4#--图文.pdf
│ (1.1)--Photoshop基础知识-色彩模式.ppt
│ (1.10.1)--文字工具.doc
│ (1.10.2)--外部字体的下载和安装.doc
│ (1.10.3)--任务实施.doc
│ (1.11)--PS图层蒙版.ppt
│ (1.12.1)--图像色彩和色调调整.ppt
│ (1.12.2)--直方图详解.doc
│ (1.12.3)--制作变色的郁金香效果.avi
│ (1.12.4)--制作正午变黄昏的效果.avi
│ (1.12.5)--处理逆光拍摄的照片.avi
│ (1.13.1)--通道.ppt
│ (1.13.2)--来自巴黎的婚纱照-操作要点.wmv
│ (1.14)--GIF动画.ppt
│ (1.2.1)--选区-素材.zip
│ (1.2.2)--2图像选区的选取与编辑.ppt
│ (1.2.3)--2.3.1烛光晚餐.avi
│ (1.4)--图像尺寸和分辨率.ppt
│ (1.5)--变换工具.ppt
│ (1.6.1)--画笔工具.doc
│ (1.6.2)--画笔工具设置.doc
│ (1.7)--仿制图章工具.doc
│ (1.8.1)--矢量图形---形状工具.ppt
│ (1.8.2)--Photoshop中的钢笔工具的功能和使用.doc
│ (1.9.1)--Photoshop的图层.ppt
│ (1.9.2)--图层样式.ppt
│ (1.9.3)--绘制计算器图标.doc
│ [1.1.1]--ps发展简史.mp4
│ [1.1.2]--PS的应用领域.mp4
│ [1.10.1]--文字工具的使用.mp4
│ [1.10.2]--蒙版文字--花海.mp4
│ [1.11.1]--蒙版---窗外的风景.mp4
│ [1.11.2]--花鸟折扇.mp4
│ [1.11.3]--半脸阿凡达.mp4
│ [1.11.4]--倒影字.mp4
│ [1.11.5]--任务实施(照片处理)_转.mp4
│ [1.11.6]--彩霞满天.mp4
│ [1.12.1]--亮度对比度应用---绘制逼真的鸡蛋.mp4
│ [1.12.2]--調整圖像的色調.mp4
│ [1.12.3]--阳光照射.mp4
│ [1.12.4]--鸡蛋破裂效果.mp4
│ [1.13.1]--火中取籃球.mp4
│ [1.13.2]--书法雕刻字.mp4
│ [1.13.3]--海边陶醉.mp4
│ [1.14]--旋转的太极八卦图.mp4
│ [1.2.1]--新建和保存一个图像文件.mp4
│ [1.2.2]--图像大小与画布大小.mp4
│ [1.2.3]--前景色和背景色的设置.mp4
│ [1.2.4]--基本选区操作.mp4
│ [1.2.5]--2.1规则选区.mp4
│ [1.2.6]--2.2不规则选区.mp4
│ [1.2.7]--布尔运算(12.5).mp4
│ [1.2.8]--快速选择工具组.mp4
│ [1.3.1]--3选区的布尔运算.mp4
│ [1.3.2]--3.1朗夜星空.mp4
│ [1.3.3]--四色圆环.mp4
│ [1.3.4]--太极八卦图的绘制.mp4
│ [1.4.1]--9裁切.mp4
│ [1.4.2]--一寸照的裁剪.mp4
│ [1.4.3]--一版红底一寸照的制作.mp4
│ [1.5.1]--变换工具.mp4
│ [1.5.2]--旋转变换.mp4
│ [1.5.3]--扭曲变换.mp4
│ [1.5.4]--变形变换.mp4
│ [1.5.5]--螺旋状银杏叶效果(复制变换).mp4
│ [1.5.6]--放射狀圖像.mp4
│ [1.6.1]--画笔属性--硬度和笔触大小.mp4
│ [1.6.2]--自定义画笔和外部笔刷,属性设置.mp4
│ [1.6.3]--星空郵票.mp4
│ [1.7.1]--仿制图章工具的技能点.mp4
│ [1.7.2]--仿制图章工具的技巧.mp4
│ [1.8.1]--钢笔工具的使用.mp4
│ [1.8.2]--微博手型形状绘制.mp4
│ [1.9.1]--图层分组、对齐、均匀分布--胶片.mp4
│ [1.9.2]--图层样式的使用---梦幻星星.mp4
│ [1.9.3]--图层样式应用---棋盘和象棋.mp4
│ [1.9.4]--香皂效果.mp4
│ [1.9.5]--作业混合模式综合案例.mp4
│ [1.9.6]--作业-翡翠玉镯的制作.mp4

├─{03}--part2WEBUI设计
│ #2.1#--图文.pdf
│ #2.2#--图文.pdf
│ #2.4#--图文.pdf
│ (2.3.1)--网页设计流程和版式设计.ppt
│ (2.3.2)--Web-UI-制作规范.doc
│ (2.4.1)--导航栏的设计与制作.ppt
│ (2.4.2)--导航设计.wmv
│ (2.4.3)--优秀导航案例.ppt
│ (2.6)--四叶草公司配色方案.ppt
│ (2.7)--标志与字体设计.ppt
│ [2.3.1]--界面设计流程.mp4
│ [2.3.2]--版式设计.mp4
│ [2.4.1]--横向导航栏.mp4
│ [2.4.2]--竖向导航栏.mp4
│ [2.4.3]--GIF导航栏.mp4
│ [2.4.4]--GIF动画拓展应用.mp4
│ [2.4.5]--漂亮的图片导航22.mp4
│ [2.4.6]--游戏网站导航栏.mp4
│ [2.6.10]--1网站配色技巧9.mp4
│ [2.6.1]--配色方案.mp4
│ [2.6.2]--1网站配色技巧1.mp4
│ [2.6.3]--1网站配色技巧2.mp4
│ [2.6.4]--1网站配色技巧3.mp4
│ [2.6.5]--1网站配色技巧.mp4
│ [2.6.6]--1网站配色技巧5.mp4
│ [2.6.7]--1网站配色技巧6.mp4
│ [2.6.8]--1网站配色技巧7.mp4
│ [2.6.9]--配色技巧8.mp4
│ [2.7]--四叶草公司logo.mp4
│ [2.8.1]--四叶草公司网站导航栏.mp4
│ [2.8.2]--简洁导航栏.mp4
│ [2.9.1]--儿童类网站1.mp4
│ [2.9.2]--儿童类网站2.mp4
│ [2.9.3]--儿童类网站3.mp4

└─{04}--part3移动UI设计
(3.2.1)--07常规扁平风格图标.wmv
(3.2.2)--08渐变扁平和投影扁平图标制作.wmv
(3.2.3)--09长投影扁平图标制作.wmv
(3.2.4)--么么哒log.doc
(3.3.1)--05极简App登录页面.doc
(3.3.2)--登录页面设计.wmv
(3.5.1)--06APP视觉设计方案.ppt
(3.5.2)--01极简AppUI设计.doc
[3.1]--么么达介绍.mp4
[3.2]--么么哒点餐--logo_1~1.mp4
[3.5.1]--么么哒点餐--状态栏.mp4
[3.5.2]--么么哒点餐--首页1.mp4
[3.5.3]--么么哒点餐-首页2.mp4


以上为简介部分内容,详细请成为会员后查看!


你可能想看:
网站运营多久了,会突然找不到吗?

首先站长持续更新很多年了,投入了大量时间以及资金,也是唯一生活收入来源,域名永远不会更换,有任何问题可以先加我QQ:89797497咨询,承诺保证每天更新从不间断。诚心经营,用时间说话。

本站提供的学习资源能否直接商用?

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

购买会员后,我不想学习了可以退款吗?

学习资源属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、请您在购买获取之前确认好是您所需要的资源。如其它疑问联系客服QQ:89797497

课程都是最新的吗?后期还会不会更新?

课程都是站长花大量金钱以及投稿收集得来,课程都是全站最新发布的,一手更新货源,如有后期作者更新也会第一时间更新发布。请持续关注本站。

成为会员后会二次收费吗?

一次开通即成终身VIP会员不再以任何形式收取二次费用。

导航在这里!

所有功能都在底部导航栏哦~

全部分类

选择您感兴趣的分类,浏览相关资源

搜索资源

输入关键词,查找您感兴趣的内容

最近搜索

个人中心

查看和管理您的个人信息

新用户注册
验证码
已有账号? 立即登录
用户登录
验证码
没有账号? 立即注册

近期查看内容

  • 暂无最近阅读记录

资源下载

以下是您购买的资料链接

网站视觉设计-从平面到网页与移动端UI设计实战

链接已验证 · 有效期永久
网盘链接
使用指南
1

保存文件:方法一

点击打开按钮 → 在新页面保存文件 → 根据提示在浏览器中完成登录或注册操作 → 最终按浏览器提示打开或下载网盘APP。

2

保存文件:方法二

请您先点击复制按钮,之后打开网盘APP,系统会自动弹出窗口,点击窗口中的"保存"按钮即可存入您的网盘。

3

使用资源

文件保存成功后,您就可以轻松管理了:点击文件即可在线畅看,或者随心所欲地下载到您的设备上。

其它问题
链接失效怎么办?

如果遇到链接失效,请联系邮箱89797497@qq.com,我们会尽快更新链接并回复。

下载速度太慢怎么办?

网盘非会员下载速度可能受限,建议尝试使用官方提速功能或选择非高峰时段下载。

资源可以商用吗?

本资源合集收集于网络,均不可商用。