| 增加视频《Web UI视频》（1.17） | 增加文章《参加大项目，设计师应该学会的最优流程》（1.17） |
| 增加文章《请不要在百度搜索素材了，好吗》（1.17） | 增加文章《如何利用ps一招学会让你的生活随时下雪》（1.17） |
真是太棒了你丫才UI 发表于 2016-12-2 10:17
好资源，楼主好人，大家可以一起互相交流一下
LibraZ 发表于 2016-12-2 11:16
楼楼大好人！非常实用的资源！大家想学习的话也可以加QQ3550563587，一起学习进步！ ...
LibraZ 发表于 2016-12-7 23:21
天啦噜，我不是水军，我是真的加了老师的QQ，老师不光把资源分享给我，还鼓励我。而且资源我都有看，真的很 ...
jason佳佳 发表于 2016-12-19 16:11
如果真的有视频教学的话 那就太棒了
zxcvbnm52492 发表于 2016-12-29 09:37
看完UI线路图，感觉自己连基础知识都学的不够深，很感谢大神给我们学习的方向，感谢黑马论坛所有人的资源分 ...
小染-柒柒 发表于 2016-12-2 10:18
可加QQ3550563587
第一阶段（视频篇）：设计基础 |
本阶段包含7个大知识点，1个视频资源 |
| 学习周期：8天 |
| 学习目标：PS纯小白入门。从软件初识到软件熟练掌握，实现无压力入门蜕变 |
| 知识点分解： （1）初识PS及基本操作：PS概念、基本功能及适用范围；选区工具、钢笔、画笔工具；作图技巧；图像简单合成； （2）图像特效处理：渐变叠加；图层样式；布尔运算；字体排版；特效综合应； （3）调色：曲线；色彩平衡；色相饱和度；渐变映射；综合案例； （4）混合模式及蒙板：正片叠底；滤色、叠加等混合模式；蒙版应用及技巧；蒙版及混合模式的应用；蒙版及调整图层； （5）滤镜特效：液化；滤镜库；扭曲；镜头光晕；人相磨皮；素描效果； （6）通道抠图：通道基础；通道抠图技巧；通道抠图制作广告；商业案例； （7）人像高级磨皮：人像高级磨皮；综合案例 |
| 视频资源配套： （1）链接: https://pan.baidu.com/s/1o84kpJ0（包含以上全部知识点） |
第二阶段（视频篇）：手绘UI |
此阶段包含2个大知识点，1个视频资源 |
| 学习周期：5天 |
| 学习目标：明白最简单的美术光影原理，快速掌握绘画技巧，为写实产品设计做下铺垫 |
| 知识点分解： （1）素描基础绘制：透视概念；一点、两点透视；绘画形态及明暗关系；三大面五大调子；彩铅上色及创意；头脑风暴应用与创意； （2）UI绘制：UI扁平化概念及绘制；图标表现形式 ；APP用户端草图绘制 ；原型图设计；项目流程分析 |
| 视频资源配套： （1）链接: https://pan.baidu.com/s/1pKY1WuR |
第三阶段（视频篇）：平面设计 |
此阶段包含5个大知识点，1个视频资源 |
| 学习周期：6天 |
| 学习目标：初级设计师达成。熟料掌握平面设计软件操作，轻松搞定海报、VI手册、企业推广物料等制作。 |
| 知识点分解： （1）AI软件及基本工具使用：AI绘图及基本操作；颜色填充、渐变、吸管、选择工具、直接选择工具、路径查找器、描边应用； （2）AI图像合成：路径查找器分割；渐变网格工具；剪贴蒙版；混合工具；透明度面版； （3）字体设计：文字创建轮廓；文字变形；路径文字；立体文字制作；3D突出和斜角； （4）设计原则及风格把控：名片设计；印刷原理；版式设计技巧；视觉流程设计；LOGO使用原则； （5）宣传图设计规范及应用：易拉宝制作；平面设计技巧；平面输出原则；折页设计；区域文字排版及文字规则 |
| 视频资源配套： （1）链接https://pan.baidu.com/s/1kUNKcmj（包含以上全部知识点） |
第四阶段(视频篇）：Web端UI——网页设计（1） |
此阶段包涵4个大知识点，1个视频资源 |
| 学习周期：6天 |
| 学习目标：把握网页设计营销推广重点，熟知网页设计规范，做出用户体验感高的网页。 |
| 知识点分解： （1）Web基本元素设计：按钮等网站元素制作；网站建设元素及作用；不同风格的网站元素设计； （2）P2P网站设计：P2P网站规范；项目分析法；图标设计；首页版块需求划分；眼动规律图及热力图；二级页面设计； （3）H5网站设计：H5网站设计特点；H5首页及二级页面设计；个人站设计制作； （4）网站专题设计：专题页设计风格；专题页设计规范与技巧 |
| 视频资源配套： （1）链接: https://pan.baidu.com/s/1gfDtkA3（包含以上全部知识点） |
第四阶段（视频篇）：Web端UI——电商设计（2） |
此阶段包含5个大知识点，1个视频资源 |
| 学习周期：10天 |
| 学习目标：从设计构图、创意思路、表现手法、效果打造、细节把握等多个方面全面掌握电商广告设计技巧，独立完成店铺装修、Banner制作、商业海报、H5页面等。 |
| 知识点分解： （1）配色及电商行业认知：色彩原理；色彩的冷暖感；色彩体系概述；配色误区； （2）字体设计与主视觉设计：字体设计；Banner设计9大技巧； （3）Banner图制作：电商广告设计工作流程；产品处理技法；形式美法则；背景打造与配色方案；广告文案；产品打造； （4）店铺设计：淘宝天猫店铺基本尺寸；店铺项目分析；绘制草图；效果图打造； （5）H5页面设计：H5页面设计规范；项目分析及封面版式制作；文字排版；项目切图；音乐会项目分析及幕布制作；金字效果、音效、光效神奇； |
| 视频资源配套： （1）链接:https://pan.baidu.com/s/1c0CaXC（包含以上全部知识点） |
第五阶段（视频篇）：移动端UI设计 |
此阶段包含5个大的知识点，视频资源正在更新中... |
| 学习周期：17天 |
| 学习目标：轻松搞定各种图标绘制、手机主题设计、APP实战项目、多媒体终端界面设计、智能穿戴设备界面设计、用户体验设计与AE动效设计等。 |
| 知识点分解： （1）主题设计（扁平化、拟物化）：UI理念及时间轴动画；手机主题；写实图标及切图；超写实图标； （2）App设计：App项目及开发前准备； （3）Axure交互：原型图作用及制作人群；Axure基础操作技巧；元件绘制基本规律、母版应用、元件样式及交互； （4）多媒体终端设计：智能电视项目、PC端极速云盘项目； （5）AE动效：AE交互设计基础；AE动画； |
| 视频资源配套： 打滚更新中... |
第六阶段（视频篇）：网页制作 |
此阶段包含4个知识点，视频资源正在更新中... |
| 学习周期：23天 |
| 学习目标： 可规范制作完成符合W3C标准的HTML页面，并解决适配兼容性问题；掌握JS基础流程控制及利用JQ实现常用特效；利用html5与css3制作适应不同终端的H5个性特效网站。 |
| 知识点分解： （1）html＋css基础部分：认识互联网 学习html并使用html学习html标签语义，掌握超链接，html表格常用属性等知识点；学习css，认识css，理解web标准，学习css的书写规范语法规范；技巧学习； （2）DW项目实战：自主建站；自主解决各种兼容问题 （3）JS+JQ网页动效：JS与JQ入门与进阶技巧；数组、数学对象、定时器、入口函数、索引值等；正则表达式、时间、插件的使用；模态窗口、自定义下拉菜单、EDM邮箱制作、京东电梯导航 （4）响应式手机网站制作： Html5骨架新增常用标签、新增表单属性、音频、音乐导航案例；视频、选择器、文字阴影、盒子阴影等；Css3盒子模型、变形、过渡等CSS3 媒体查询、视口等；用户检测设备；响应式的手机网站制作； |
| 视频资源配套： 打滚更新中... |
工具篇——UI设计所用软件 | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| 以下UI设计软件全部合并下载 | https://pan.baidu.com/s/1nv539sH | bq2j |
| PS | https://pan.baidu.com/s/1cMeZF4 | apnd |
| AI | https://pan.baidu.com/s/1i5HMWWt | j11y |
| PS（Mac版） | https://pan.baidu.com/s/1pLKs811 | z1na |
| AI（Mac版） | https://pan.baidu.com/s/1o789dN0 | 8s93 |
| FW | https://pan.baidu.com/s/1eRBOg98 | uu2y |
| DW | https://pan.baidu.com/s/1jI7B8Z8 | nrmf |
| Subline | https://pan.baidu.com/s/1hrCjijq | rmbh |
| AE | https://pan.baidu.com/s/1hssM4Ck | kvni |
| Markman | https://pan.baidu.com/s/1dEMyDpv | n12u |
| Sketch | https://pan.baidu.com/s/1c2j1n5e | si27 |
工具篇——看视频软件 | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| 以下UI设计软件全部合并下载 | https://pan.baidu.com/s/1nv38diL | qavp |
| MplayerX（Mac版） | https://pan.baidu.com/s/1boLjTL1 | ffvu |
| Potplayer（windows版） | https://pan.baidu.com/s/1qY6M29A | de98 |
工具篇——UI设计必备字体 | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| 以下UI设计必备字体全部合并下载 | https://pan.baidu.com/s/1qXYTvD6 | 9dbc |
| iOS 常用字体（中文＋英文） | https://pan.baidu.com/s/1i4GkNXV | xgx8 |
| Android常用字体（中文＋英文） | https://pan.baidu.com/s/1gfqgKi3 | j9m3 |
| 设计师必备尺寸规范 | https://pan.baidu.com/s/1gf0WeeJ | mtpq |
工具篇——UI设计必备笔刷 | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| 以下UI设计必备笔刷全部合并下载 | https://pan.baidu.com/s/1i5z6eah | 3z12 |
| 29款高清晰光照效果笔刷 | https://pan.baidu.com/s/1eSkdktG | ywbu |
| 45款超酷光线笔刷 | https://pan.baidu.com/s/1jHMUxwU | kh5a |
| 50款不同效果的高清光鲜笔刷 | https://pan.baidu.com/s/1dFOGHqx | gbkt |
| 68款绿色藤枝藤蔓笔刷 | https://pan.baidu.com/s/1pKUlJgZ | jrsb |
| 196个文字笔刷 | https://pan.baidu.com/s/1cvG8F0 | mf9m |
| 488个发型笔刷 | https://pan.baidu.com/s/1gfwSu6B | wnng |
| 暗黑精灵字样笔刷 | https://pan.baidu.com/s/1eSC3zl4 | uxiq |
| 斑驳污渍笔刷 | https://pan.baidu.com/s/1i5I2Wip | wiqr |
| 棒棒糖笔刷 | https://pan.baidu.com/s/1o79UYvg | 4dqu |
| 贝壳笔刷 | https://pan.baidu.com/s/1c1RkssK | 73m7 |
| 比较柔和的喷溅笔刷 | https://pan.baidu.com/s/1mig3hlI | g4m4 |
工具篇——学UI设计必备小素材 | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| 以下UI设计必备字体全部合并下载 | https://pan.baidu.com/s/1dFfv3kl | 1ink |
| 水彩折页 | https://pan.baidu.com/s/1jIyOfXG | 2kvx |
| 圣诞节小元素 | https://pan.baidu.com/s/1qYD4WNi | dmq5 |
| 600个超实用的ICON图标 | https://pan.baidu.com/s/1ge3xDMr | 55c6 |
| 500个优质ICON | https://pan.baidu.com/s/1qXQfWFa | r9we |
| 1000个设计师必备图标 | https://pan.baidu.com/s/1hsbR9La | 3kb5 |
| 超实用网页页面源文件（互联网类） | https://pan.baidu.com/s/1i5nuMKP | wvat |
| 超实用网页页面源文件（医药类） | https://pan.baidu.com/s/1boCtr0F | mxgr |
| 超实用网页页面源文件（购物类） | https://pan.baidu.com/s/1c9TIN0 | dnaj |
工具篇——UI设计必备手持模型 | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| 以下UI设计手持模型全部合并下载 | https://pan.baidu.com/s/1c2LuU1i | r7ix |
| iPhone7多色样机 | https://pan.baidu.com/s/1gf1CcOb | drxs |
| iPhone7四色正面 | https://pan.baidu.com/s/1o8vYei2 | tq6w |
| iPhone7侧透视图 | https://pan.baidu.com/s/1gfmIVPh | aeht |
| iPhone7侧视图 | https://pan.baidu.com/s/1miRQoU8 | d7ay |
| iPhone7空间透视图 | https://pan.baidu.com/s/1kVtwz11 | wy2q |
| iPhone7 亮黑 | https://pan.baidu.com/s/1cMKWeq | sk5s |
| iPhone6s | https://pan.baidu.com/s/1bpbvKqr | fgiu |
| iPhone6s Plus | https://pan.baidu.com/s/1kVjmZRp | epwz |
| iPhone SE | https://pan.baidu.com/s/1hsDLp3Y | gft2 |
| iPhone6三色侧面透视 | https://pan.baidu.com/s/1mhOSneo | yysa |
| iPad mini4 | https://pan.baidu.com/s/1dENe8hz | shb4 |
| iPad Pro 9.7-inch | https://pan.baidu.com/s/1i5QA1G5 | ym93 |
| iPad Pro 12.9-inch | https://pan.baidu.com/s/1skRzPpF | 1k25 |
经验篇-学UI是否可以拿高薪 | |
文章名称 | 链接地址 |
| 大学毕业的你，满腔洪荒之力却找不到出口？ | http://bbs.itheima.com/thread-331375-1-1.html |
| UI设计淡季连开四个班，口碑高达95.71%，为什么？ | http://bbs.itheima.com/thread-331354-1-1.html |
| UI设计52期就业班，毕业5个工作日，正式入职22人… | http://bbs.itcast.cn/thread-89242-1-1.html |
| UI16期毕业66天就业74人，就业率达94.87%，平均薪资8452 | http://bbs.itcast.cn/thread-90616-1-1.html |
| 开花结果自馨香，黑马程序员如何做到的成功学子遍全国？ | http://bbsheima.itcast.cn/thread-331372-1-1.html |
| 10道选择题，轻松告诉你适合学UI还是敲代码 | http://www.ui588.com/czit/czit.html |
| 如何利用免费视频资源学习UI设计？ | http://bbs.itheima.com/thread-328767-1-1.html |
面试篇——UI设计面试帖集合 | |
文章名称 | 链接地址 |
| 把握简历要点，面试电话接到手软 | http://bbs.itheima.com/thread-323109-1-1.html |
| UI设计师必知的4招，让HR秒藏你的简历！ | http://bbs.itheima.com/thread-329768-1-1.html |
| 面试宝典在此 | http://bbs.itheima.com/thread-330243-1-1.html |
| 你知道求职就业的第一步是什么吗？ | http://bbs.itheima.com/thread-321838-1-1.html |
| 面试交谈技巧 | http://bbs.itheima.com/thread-328795-1-1.html |
| 五险一金及常见问题 | http://bbs.itheima.com/thread-330669-1-1.html |
| UI设计师面试问题及回答（产品篇） | http://bbs.itheima.com/thread-331638-1-1.html |
| UI设计师面试问题及回答（沟通篇） | http://bbs.itheima.com/thread-331640-1-1.html |
| 排名前10位的人事面试问题 | http://bbs.itheima.com/thread-329994-1-1.html |
经验篇——各类设计网站推荐 | |
文章名称 | 链接地址 |
| ICON素材 | 阿里巴巴矢量图表库：http://www.iconfont.cn |
| easyicon: http://www.easyicon.net | |
| iconpng: http://www.iconpng.com | |
| 设计网站推荐 | Dribbble：https://dribbble.com |
| Patterns：http://ui-patterns.com | |
| Behance：https://www.behance.net | |
| Pinterest：https://www.pinterest.com | |
| Appstorm：http://appstorm.net | |
| UXmag：https://uxmag.com | |
| Minicg：http://minicg.com | |
| Pirations：http://www.iospirations.com | |
| Wireframes：http://wireframes.linowski.ca | |
| 花瓣网：http://huaban.com | |
| 优设网：http://www.uisdc.com | |
| 站酷网：http://www.zcool.com.cn | |
| UI中国：http://www.ui.cn | |
| 人人都是产品经理：http://www.woshipm.com | |
| 配色网站推荐 | colourlovers：http://www.colourlovers.com |
| 毛笔字生成 | http://www.akuziti.com/mb/ |
| 免费素材推荐 | 复古图库：http://www.raumrot.com |
| 风景图库：http://unsplash.com | |
| 黑白图库：http://magdeleine.co | |
| 美食图库：http://foodiesfeed.com | |
| 欧洲景观：http://www.lifeofpix.com | |
| 综合图库：http://www.gratisography.com | |
| 90设计：http://90sheji.com | |
| 设计师网站：http://www.userinterface.com.cn | |
| 17素材：http://www.17sucai.com | |
| 777模版：http://www.777moban.com/index.html | |
| 优界网：http://97ui.com | |
大湿兄 发表于 2017-2-25 09:47
加个好友吧
我要学php 发表于 2017-3-20 12:17
这个链接挂掉了
yn0879 发表于 2017-4-9 12:04
教程链接基本都失效
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) | 黑马程序员IT技术论坛 X3.2 |