UI妹儿——越努力，越幸运
本文内容较多，U妹建议先收藏，再仔细阅读哟~
本文汇集和整理了共篇干货，从设计基础知识—工具—界面设计—网页设计—设计规范和原则—色彩搭配—排版布局—交互动效—设计技法—前端基础知识—资源—流行趋势—扩展视野，共13个方面进行了总结，这篇文章都是按逻辑次序排版的，从入门基础知识到设计原理、规范、趋势、技法到未来的预测，当你看完每篇肯定会获得很大的成长~~~
目录一、UI设计基础知识
1、什么是UI
2、UI设计必备知识体系
3、移动端基础知识
二、设计软件（工具）
1、设计工具
2、切图标注
3、图片压缩
4、文件转换
三、界面设计
1、原型设计
2、logo设计
3、图标设计
4、字体设计
5、启动页设计
6、引导页设计
7、登录、注册设计
8、导航设计
9、搜索设计
10、表单设计
11、按钮设计
12、进度条设计
13、空白页设计
14、弹窗设计
15、切图标注的那些事儿
16、界面设计过程
四、网页设计
1、设计指南
2、配图技巧
五、设计规范和原则
1、iOS设计规范
2、Android设计规范
3、视觉设计规范
5、小程序设计规范
6、切图命名规范
7、设计原则
8、适配原则
9、平面设计常用尺寸和印刷常识
六、色彩搭配
1、关于颜色
2、色彩搭配技巧
七、排版布局
1、排版设计
2、电商排版设计
八、交互设计
1、交互设计原则
2、动效设计
九、一些技法
1、关于渐变
2、关于阴影
3、模糊背景
4、设计稿展示
5、图标设计技巧
6、PS实用小技巧
7、设计师如何自我提升
十、设计师必知的前端知识
1、html5
2、css3
3、JavaScript
4、iOS开发基础知识
十一、设计资源
1、设计师常用酷站推荐
2、设计素材
3、设计图书
十二、年设计流行趋势
1、设计流行趋势
2、色彩流行趋势
3、UX设计趋势
4、网页设计新趋势
5、3D立体设计流行趋势
十三、扩展视野
1、VR设计
2、产品设计
3、用研常识
4、关于文案
5、未来预测
6、更多
一、UI设计基础知识01什么是UI
①了解UI设计基础知识，才是做好UI设计的首要条件-什么是UI：
、《新手UI设计师必须知道的UI设计知识
新手必读》
②给新人答疑解惑：
、《UI设计新人答疑解惑
新手必读》
、《UI设计初学者如何避免走弯路？》
02UI设计必备知识体系
、《新年自学计划！写给UI设计新人的只是体系指南》
、《UI设计师应该掌握的知识体系以及职业规划！》
、《要成为一名优秀UI/UE(UX)设计师，你必须具备这些技能》
、《设计师须知！学习UI/UX的四大重点》
03移动端基础知识
、《超全面的移动端尺寸基础知识科普指南》
、《简单易懂！写给初学者的UI、UX、GUI新手科普指南》
二、设计软件（工具）01设计工具
①设计师必备软件类：
、《UI设计师必备软件》
②提高效率类：
、《AdobeCC全系列软件大集合下载安装教程》
、《AdobeXDCC和iOS11GUI源文件来袭》
02切图标注
①切图神器：
、《效率之王！从此解放你双手的切图神器》
②标注神器：
、《效率之王！真正解放你双手的智能标注神器》
03图片压缩
、《图片压缩不求人，3个亲测实用高效的图片压缩神器》
04文件转换
、《PSAICDR文件格式相互转换格式方法大全
》
三、界面设计（必看）01原型设计
①原型设计很重要：
、《如何用axure快速制造APP交互原型》
②推荐一款原型演示工具：
、《demoo使用秘籍，比好用更好用-腾讯isux》
③做设计稿前的准备工作：
、《设计师再做设计稿前应该做哪些准备工作》
02LOGO设计
、《你必须要知道的30种logo设计技巧》
、《理清思路，把你搞定极简logo设计的六个核心技巧》
03图标设计
①好的图标需要不断的思考和提炼，才够易用：
、《如何快速.高效地进行图标设计》
、《设计师都应该知道的ICON知识》
、《设计师如何提高自己的icon设计姿势水平》
②图标和LOGO，你要知道这2个是不一样的：
、《logo和图标，你真的明白2者的异同点吗》
③MBE风格图标设计指南：
、《图标设计趋势，超火的MBE风格图标设计指南》
04字体设计
①界面设计，你必须知道的字体规范：
、《界面设计必备！最全最常用的字体规范》
、《史诗级规范！全新UI设计字体与排版规范指南》
、《pc端、移动端UI字体规范应用浅析》
②字体搭配：
、《如何给你的网页选择合适的字体》
、《7个帮你搞定字体搭配的小技巧》
、《腾讯设计师的私人笔记！帮你全方位掌握英文字体基础》
、《超实用，简单7招教你打造超有格调的字体设计》
、《绝对专业，超全面的UI界面字体选取与使用指南》
05启动页设计
①常用的设计方法和技巧，即学即用：
、《APP设计之一：启动页》
、《实战干货，聊聊APP启动页的3种设计类型》
②一起来看看那些优秀APP启动页设计案例：
、《来看这8个国内人气APP的闪屏设计案例精选》
、《那些天，我们一起追过的APP春节启动页（附截图包）》
06引导页设计
、《APP设计之二：引导页》
、《这5个技巧办办帮你设计出眼前一亮的APP引导页》
07登录注册页设计
①必须知道的登录注册那点事儿：
、《APP设计之四：登录注册设计》
、《APP注册这点事儿》
②这些精美的设计案例，非常值得借鉴：
、《27个漂亮的移动端注册/登录界面设计作品》
08导航设计
①7种导航设计模式：
、《全方位科普移动端导航的七种设计模式
》
、《APP设计之五：导航设计》
②导航设计原则和思路，必须要知道的：
、《超实用，聊聊标签式导航的设计思路》
、《超实用干货！聊聊底部导航设计的4个关键原则》
、《还在为导航设计而犯愁吗？教你5招轻松应对》
09搜索设计
、《APP设计之三：搜索设计》
10表单设计
、《抠细节！设计高效好用表单的10个技巧》
、《表单中的勾选框和开关》
、《列表视图vs网格视图》
11按钮设计
、《按钮体验设计：最佳的感受，形式和状态》
、《细节博弈！按钮的优先级选取与用户体验最佳实践》
、《交互细节！确定按钮到底应该放在左边还是右边？》
12进度条设计
、《细节是魔鬼！13个提高进度条用户体验的设计技巧》
、《loading设计思路分享》
13空白页设计
、《交互干货！帮你消灭空状态界面的5个常用方法》
、《实用干货！如何利用空白状态提升用户留存率》
14弹窗设计
①基本原则：
、《弹窗设计的5条基本原则》
、《四类弹框的四个设计准则》
②设计技巧和优秀的弹窗设计欣赏：
、《APP反馈提示设计之弹出框设计，超赞》
、《APP提示弹出框设计要点分析与优秀作品鉴赏》
15切图和标注的那些事儿
、《如何让你的切图输出更快更高效，方法全在这里》
、《一款APP设计的从0到1之：切图标注篇》
、《UI设计师必须要知道的界面切图命名规范（升级版）》
、《点九切图，你知道怎么切吗》
16界面设计过程
①关于项目预估时间：
、《一款APP设计的从0到1之：项目预估时间篇》
②项目文件管理、版本控制：
、《学会用SVN做版本管理，帮设计师随时改回第一稿（附教程）》
四、网页设计01设计指南
①网页的排版布局设计：
、《关于网页首屏设计，你必须要知道的那些事！！！》
、《网页设计灵动布局之相对自由式》
、《网页中的面包屑导航应该如何使用》
、《最佳web字体排版实践的简明指导手册》
②关于网页设计的配色：
、《这种方法更专业！设计网页时选择配色的八个要点》
③设计指南：
、《浅谈网页设计中的简约之美——简约设计》
、《超实用的单页网站设计指南》
、《必备技能！专业的网页风格指南应该如何制作？》
、《教程
视觉设计师该怎样入门》
④提高设计效率的神器，不信你试试：
、《让你效率爆表的网页设计PHOTOSHOP插件包
》
⑤关于个人网站的设计案例精选：
、《个人网站怎么做？来看这20个精挑细选的优秀网站范例》
02配图技巧
、《网页配图之道：首图的设计技巧（一）》
、《新手设计师如何为网站搭配合适的图片》
、《八个小诀窍帮你玩转网站背景图设计
》
五、设计规范和原则01iOS设计规范（U妹划重点啦）
、《一款APP设计的从0到1之：iOS设计规范篇》
、《一款APP设计的从0到1之01：项目立项篇》
、《一款APP设计的从0到1之02：项目预估时间篇》
、《一款APP设计的从0到1之03：界面设计篇》
、《一款APP设计的从0到1之04：切图标注篇》
、《一款APP设计的从0到1之05：视觉还原篇》
、《一款APP设计的从0到1之06：上线准备篇》
、《史诗级规范！全新AppleiOS设计规范指南》
、《天呐，好烦，又忘记APP的尺寸设计规范了》
02安卓设计规范（必看）
、《一款APP设计的从0到1之：Android设计规范篇
超强干货》
03视觉设计规范（必看）
、《搜狐设计师：一份超实用的设计规范制定指南》
、《超赞！YY娱乐移动端UI设计规范免费下载（高清已打包）》
、《内部教程！超实用六步透视网易设计规范（附完整PDF下载）》