width="800px" height="600px" id="bofqi_embed" src="//player.bilibili.com/player.html?aid=47307548" align="middle" scrolling="no" allowfullscreen="true"> ## Photoshop for Web Design 中文字幕 ## 用于网页设计的Photoshop 中文字幕**Photoshop for Web Design** ![Alt](http://www.zwsub.com/thumbnail/633870_thumbnail.jpg) 在网页设计中工作涉及创建UI(用户界面)元素 - 图标,图形,线框和模型 Adobe Photoshop提供了使这些设计元素顺利过渡到轻松生产所需的功能 在本课程中,学习如何将Photoshop用于现代网页设计工作流程 加入Emily Kay,她会带领您完成一个响应式网页设计项目,包括设置,使用模板,制作比赛和导出网页 Emily展示了如何使用美工板,图书馆和智能对象 她演示了创建多个交付物的过程 - 线框,模型,情绪板,风格指南,导航元素等
主题包括:
设置工作区和画板
使用库
响应式设计技巧和窍门
设置断点
创建导航元素
创建纹理和背景
嵌入或链接智能对象
制作自定义模板
创建可重用的UI元素
保存并导出为Web
使用发生器
- [Emily]嗨,欢迎来到Web上的Photoshop。
我是Emily Kay,我很高兴能分享我对Photoshop的知识,以及它如何使您的网页设计工作流程受益。
Photoshop在当前版本中增加了一些非常棒的基于网络的功能,使您可以简化工作流程并节省时间。
通过使用库,智能对象,画板和图层组件,您可以轻松地同时创建多个版本的设计。
优化图像现在很简单,它提供了大量的设计灵活性。
首先,我们将看看如何才能最好地为Web创建一个文档,以及专门针对Web优化工作空间的细节。
我将向您展示如何利用库的强大功能来管理项目资产,如何在您的客户端中与您的合作伙伴共享水印图像,只需轻点鼠标即可轻松更新到高分辨率版本。
我们将全面考虑响应式设计。
我们将潜入布局挑战,以及如何克服它们作为设计师。
我将与您分享创建导航的技巧,以及如何创建无缝背景。
我们将与智能对象一起工作,并向您展示这些令人惊叹的元素如何在多个文件的大小,样式和维护一致性方面为您提供大量的灵活性。
我们也将使用Photoshop模板,并创建自己的模板。
我们将创建语音板,线框和可重复使用的用户界面,这些用户界面将转变为一个完整的,美丽的组合。
我非常高兴与你分享这些技巧,等等。
我想帮助你成为一名更好的网页设计师。
让我们潜入。
本课程视频下载地址:用于网页设计的Photoshop