幻仿编程 Udemy 付费课程,独家中英字幕 + 配套资料!
限时1折特惠!课程永久访问权,随时随地学习!
Adobe Photoshop CC – 网页设计、响应式设计与用户界面
学习如何在Photoshop CC中设计一个专业品质的网站。
讲师:Daniel Walter Scott
![图片[1]-Adobe Photoshop CC – 网页设计、响应式设计与用户界面 | Adobe Photoshop CC – Web Design, Responsive Design & UI-幻仿编程](https://hfbc101.com/wp-content/uploads/2026/01/【00502】photoshop-cc-2015-building-website-designs-in-photoshop.webp)
你将学到什么
- 承接付费的商业网页设计项目。
- 使用Photoshop设计专业的网页设计草图。
- 为移动设备、平板电脑和桌面端创建网页设计。
- 在真实的移动设备上展示你的设计概念。
- 向网页开发者提供所需的设计文件。
课程要求
- 无需任何Photoshop使用经验。
- 你需要安装Photoshop CC 2015版本,可从Adobe官网免费下载试用版。
课程描述
大家好,我是Dan,我将带领您学习如何使用Photoshop构建专业的网站草图。本课程专为那些希望认真通过Photoshop制作专业网站草图并赚取收入的人士设计。
这些正是雇主所青睐的技能。UI/UX设计能力是高薪职位的核心所在。
我为初学者打造了这门课程,无论是对转行进入网页设计感到紧张的人,还是缺乏设计技能的开发者,都可以从中受益。在参加本课程前,您无需具备任何Photoshop或网页设计经验。
在课程中,我们将为一家虚构的创意公司设计一个网站,涵盖移动版和桌面版。您可下载配套的练习文件,跟随我一步步操作。我们将从最基础的内容开始,快速过渡到行业内的专业技巧。
本课程融合了真人讲解与高清屏幕录制,同时提供可打印的课程笔记和小测验,帮助您巩固所学知识。
我将教您如何新建文档,如何处理移动设备、平板和桌面端的视图设计。您将学会轻松挑选适用于网页的色彩与字体,并在您的iPhone或iPad上预览效果。您还将学习如何裁剪图片、制作全屏背景,直至导出网站所需的所有正确文件。请放心,我会全程陪伴您——当您完成作品后,随时可以发送给我,我会提供修改建议和反馈。
如果您曾好奇如何在Photoshop中设计一个网站,那么这门课程正是为您准备的。
现在,是时候提升您的技能、获得更好的工作、赢得客户的赞誉了。
本课程适合谁:
- 希望以网页设计师身份开始赚钱的人。
- 想学习使用Photoshop进行网页设计的初学者。
- 不适用于希望学习Photoshop用于平面设计或摄影用途的人。
| 共 49 节课程 • 总时长 2 小时 42 分钟 | |
| 第一章 概述 | |
| 1. 入门介绍 | 1分43秒 |
| 2. 项目结束时我们需要交付什么 | 49秒 |
| 3. Photoshop在网站设计中的作用 | 55秒 |
| 4. 什么是生产视频 | 24秒 |
| 第二章 开始之前 | |
| 1. 为UI工作准备你的工作空间 | 45秒 |
| 2. 调整Photoshop首选项 | 2分4秒 |
| 3. 下载练习文件 | 45秒 |
| 第三章 移动端友好网页设计 | |
| 1. 理解响应式移动与平板设计 | 1分44秒 |
| 2. 理解网格系统与BootStrap | 6分28秒 |
| 第四章 你需要用到的工具 | |
| 1. 缩放和导航文档的技巧 | 2分2秒 |
| 2. 测量与间距工具 | 3分53秒 |
| 3. 你需要了解的图层快捷键 | 2分48秒 |
| 4. 吸管工具 | 1分28秒 |
| 5. 变换工具 | 1分39秒 |
| 6. F键 | 1分34秒 |
| 第五章 三重检查确保运行正常 | |
| 1. 在iPhone和iPad上使用Adobe Device Preview进行测试 | 5分46秒 |
| 2. 网页设计的技术可能性 | 3分5秒 |
| 3. 桌面、平板和移动设备的屏幕尺寸 | 1分51秒 |
| 第六章 你的页面 | |
| 1. 使用画板 | 3分48秒 |
| 2. 页面高度如何 | 1分18秒 |
| 3. 页面参考线、列与标尺 | 2分14秒 |
| 第七章 网站配色 | |
| 1. 网站配色选择 | 3分42秒 |
| 第八章 为网站设计添加结构 | |
| 1. 使用矢量形状为网站添加结构 | 4分4秒 |
| 2. 制作视频 – 为你的网页设计添加结构 | 3分12秒 |
| 第九章 在网站设计中使用文本 | |
| 1. 在Photoshop中扩展和固定宽度文本框 | 3分12秒 |
| 2. 如何通过Google Fonts使用网页安全字体进行设计 | 4分7秒 |
| 3. 占位文本使用Lorem Ipsum | 1分23秒 |
| 4. 制作视频 – 添加所有文本 | 6分16秒 |
| 第十章 页面调整 | |
| 1. 调整页面边距 | 1分28秒 |
| 第11章 在网站设计中使用图片 | |
| 1. 哪里可以获取商用免费图片 | 2分10秒 |
| 2. 嵌入或链接图像 | 2分12秒 |
| 3. 如何使用剪切蒙版为图像添加遮罩效果 | 3分4秒 |
| 4. 为图像添加圆角和圆形遮罩 | 2分52秒 |
| 5. 如何创建大型背景图像 | 5分 |
| 6. 制作视频 – 添加我们的图像 | 9分24秒 |
| 第12章 在网站设计中使用图标 | |
| 1. 为你的Photoshop网站设计获取商用免费图标 | 5分3秒 |
| 2. 制作视频 – 添加我们的图标 | 2分29秒 |
| 第13章 精通图层 | |
| 1. 如何使用图层分组进行整理 | 4分34秒 |
| 2. 使用图层搜索快速找到所需内容 | 1分28秒 |
| 3. 像专业人士一样命名图层 | 1分11秒 |
| 第14章 表单与页脚 | |
| 1. 为你的网站设计设计一个表单 | 4分12秒 |
| 2. 如何为你的网站创建页脚 | 1分17秒 |
| 3. 制作视频 – 完成桌面视图 | 1分19秒 |
| 第15章 移动端网站设计 | |
| 1. 设计移动端网站视图 | 7分56秒 |
| 2. 制作视频 – 完成移动端视图 | 16分46秒 |
| 第16章 导出你的Photoshop网站设计 | |
| 1. 导出网页图片 | 8分43秒 |
| 2. 从Photoshop导出CSS | 2分47秒 |
| 3. 使用Adobe Generate实现惊艳的图像导出 | 4分48秒 |
| 第17章 结论 | |
| 1. 我不想就这样结束 丹接下来怎么办 | 50秒 |
| 1. 关于课程更新与获取 如何获取本站课程? ○ 免费获取方式:在本站签到、评论、发布文章等可获取积分,通过积分购买课程。 ○ 付费获取方式:购买本站【月度会员】或【永久会员】。 课程购买后是否支持更新? ○ 是的,所有课程均提供免费更新服务。 我们致力于为您提供持续的学习支持。 如何获取更新? ○ 单独购买的课程: 您可在“个人中心”随时查看购买记录及最新下载链接,轻松获取免费更新。 ○ 永久会员: 您可在相关页面直接查看最新下载地址,随时免费获取更新。 ○ 非永久会员(重要提示):通过会员权限下载的课程,在“个人中心”可能不显示具体订单记录。 因此,会员到期后,您将无法通过“个人中心”查看最新下载链接。 ① 解决方案建议:续费会员: 恢复会员权限后,即可再次查看所有最新下载链接。 ② 妥善保存下载链接: 我们强烈建议您在会员有效期内,保存好本站分享的课程下载链接。通常,课程更新内容会直接补充到原有分享链接中。 |
| 2. 关于课程资料 课程下载后资料是否齐全? ○ 绝大部分课程资料齐全。 我们尽力确保您获得完整的学习资源。 ○ 少数情况说明: 极少数课程可能存在资料缺失情况。针对 Udemy 课程,资料形式多样,请知悉:本地文件(随视频下载): 此类课件通常随视频一并提供,下载即得。 ① 本地文件(含链接): 课件文件中会提供资料下载链接,您需自行访问链接下载。此类资料通常也可获取。 ② 在线平台存储(如 GitHub): 讲师会在视频中说明资料获取方式(如访问特定平台),请您按指引自行下载。 ③ Udemy 平台内资料: 部分资料需登录您在 Udemy 购买的账号才能查看。此类资料本站无法提供,除非您自行在 Udemy 平台购买该课程。 |
| 3. 关于课程字幕 是否提供中英文双字幕?原本无字幕的课程是否支持? ○ 是的,本站下载的所有课程均提供中英文双字幕,包括 Udemy 原本无任何字幕的课程。 我们致力于提升您的学习体验。 Udemy 字幕现状与本站服务: ○ Udemy 绝大多数课程本身不提供任何字幕。在少数提供字幕的课程中,也几乎不提供中文字幕。 本站字幕服务流程: ① Udemy 有字幕: 我们会将其翻译成中文字幕,与英文字幕一同提供。 ② Udemy 无字幕: 我们会通过技术手段识别生成英文字幕,再翻译成中文字幕,一同提供给您。 字幕服务重要说明(请您理解): ○ 翻译精度: 字幕翻译采用谷歌翻译引擎完成,虽不及人工翻译精准,但足以保障您正常学习理解。 ○ 若您仍然觉得字幕精度较低: 可联系站长针对性润色字幕(该服务仅限本站会员)。 |
| 4. 关于视频存储与使用 视频存储位置与观看/下载方式? 本站所有课程视频均存储于网盘平台。 您支持在线观看: 可在网盘内直接播放学习。 您支持下载: 可将视频下载至本地,使用播放器播放,更灵活便捷。 主要存储网盘:百度网盘 视频格式与加密情况? 本站所有课程视频均以 MP4 或 MKV 通用格式提供。 视频文件不加密,您可自由分享(请遵守相关法律法规)。 播放建议: 使用本地播放器(如 PotPlayer)播放时,可同时加载中英文字幕文件,学习体验更佳。您可参考我们提供的《PotPlayer 挂载中英双字幕教程》。 |
| 5. 关于售后支持与退款政策 遇到问题如何联系? 无论您在购买前或购买后遇到任何疑问,都欢迎随时联系站长。 我们将竭诚为您服务。 退款政策说明: 原则: 由于虚拟商品(课程、资料等)具有可复制性,一旦购买成功并完成下载,原则上不支持退款。 请您在购买前仔细阅读课程介绍、资料说明及本条款,确认符合您的需求。 如有不确定之处,欢迎先行咨询站长。 |
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
































暂无评论内容