Create Jianbing_UI_Wiki.md

Jianbing_UI_Wiki.md

@@ -0,0 +1,187 @@
+#午安煎饼计划PHP组学习内容v1.0.1
+
+###一、准备工作
+
+1.Adobe Illustrator CC 2015
+官网原下载地址：（用迅雷下）
+
+x86:http://trials3.adobe.com/AdobeProducts/ILST/19/win32/Illustrator_19_LS20_win32.7z
+
+x64:http://trials3.adobe.com/AdobeProducts/ILST/19/win64/Illustrator_19_LS20_win64.7z
+
+
+2.Adobe Photoshop CC 2015
+官网原下载地址：（用迅雷下）
+
+x86:http://trials3.adobe.com/AdobeProducts/PHSP/16/win32/Photoshop_16_LS20_win32.7z
+
+x64:http://trials3.adobe.com/AdobeProducts/PHSP/16/win64/Photoshop_16_LS20_win64.7z
+
+
+3.其它
+
+桌面取色软件colorcop（win）
+链接:http://pan.baidu.com/s/15FyYM 密码：ww48
+
+Ps切图标注插件Assistor PS
+下载地址:http://witstudio.net/
+
+
+###二、基础阶段推荐内容
+
+1、阿里设计师：这一年我的个人提升
+http://www.uisdc.com/2013-designer-growth
+
+2、Adobe Illustrator
+
+Adobe Illustrator CS6 快速入门完全自学
+http://study.163.com/course/introduction/453001.htm#/courseDetail
+
+AI教程--illustrator--零基础到精通之路
+http://study.163.com/course/courseMain.htm?courseId=274007#/courseDetail
+
+3、Adobe Photoshop
+PS教程--Photoshop零基础到精通之路（1-3章和36-39课时，另外以下课时比较偏美工有兴趣的可以看一下：30.31.69.70.85.86.90.91.93.94.97.98.100.101.104.105）
+http://study.163.com/course/introduction/274006.htm#/courseDetail
+
+CS5 CS6 CC零基础 PS教程 PS学习
+http://study.163.com/course/introduction/681004.htm#/courseDetail
+
+4、关于APP的设计和切图
+http://www.zcool.com.cn/article/ZMTM3OTky.html
+
+5、设计师DPI指南(翻译)
+http://www.w3ctech.com/topic/674
+
+###三、进阶阶段推荐内容
+
+1、使用 Adobe Illustrator 做 UI 设计系列教程（来自：张泊宁）
+
+1.前言
+http://zhuanlan.zhihu.com/akirachang/19667627
+
+2.多重填充与多重描边
+http://zhuanlan.zhihu.com/akirachang/19668066
+
+3.切图、导出的秘诀
+http://zhuanlan.zhihu.com/akirachang/19668745
+
+4.灵活使用参考线
+http://zhuanlan.zhihu.com/akirachang/19669230
+
+5.网格篇
+http://zhuanlan.zhihu.com/akirachang/19670111
+
+6.在 AI 中使用内阴影效果，及其他
+http://zhuanlan.zhihu.com/akirachang/19675967
+
+7.效果、外观面板和质感表现（上）
+http://zhuanlan.zhihu.com/akirachang/19691887
+
+8.效果、外观面板和质感表现（中）
+http://zhuanlan.zhihu.com/akirachang/19703440
+
+9.效果、外观面板和质感表现（下）
+http://zhuanlan.zhihu.com/akirachang/19716725
+
+2、设计规范
+
+iOS 8 人机交互指南
+http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/
+
+Material Design 中文版
+http://wiki.jikexueyuan.com/project/material-design/
+
+精准像素完美使用手册3.0
+http://vdisk.weibo.com/s/zduirFgzkKgZz
+
+WEB设计指南！PS礼仪白皮书
+http://hao.uisdc.com/ps/
+
+设计师如何避免图片侵权？
+http://www.zhihu.com/question/20369508/answer/15804962
+
+3、手机应用交互设计精髓
+http://study.163.com/course/introduction/669002.htm#/courseDetail
+
+4、说明图
+
+7个步骤教你制作出让人疯传的信息图
+http://socialbeta.com/t/create-an-infographic.html
+
+经验分享！超赞的静态信息图设计方法
+http://www.uisdc.com/static-information-design-method
+
+Infographics（信息图表）制作指南
+http://www.geekpark.net/topics/121225
+
+绝对精品！15个有趣的网页设计相关的信息图
+http://line25.com/articles/15-interesting-infographics-web-designers-will-enjoy
+
+5、Assistor PS
+
+Assistor PS教程：
+
+（上）http://www.bigertech.com/post/assistor-ps-1/
+
+（下）http://www.bigertech.com/post/assistor-ps-2/
+
+6、关于素材
+
+IconFinder：输入关键字查找图标
+https://www.iconfinder.com/
+
+gif生成：gif图片到这里找，图片大小、颜色、速度可以自定义；
+http://preloaders.net/
+
+花瓣：其中UI/UE板块有很多优秀的产品设计图片，碰到喜欢的图片可以采集下来。是找灵感、找素材的好地方。
+http://huaban.com/
+
+dribbble：和花瓣同类型，纯英文，全是大神
+https://dribbble.com/
+
+7、关于交互（够看好几年的了，有空慢慢看）
+
+交互设计师修炼指南！教你从零开始成为优秀交互设计师
+http://www.uisdc.com/interaction-designers-guide
+
+交互设计师的说话之道 —交互输出物规范再思考
+http://www.aliued.cn/2015/04/30/wujunlan.html
+
+用户体验的要素：以用户为中心的Web设计
+http://vdisk.weibo.com/s/aySxwhBXqadNf
+
+认知与设计：理解UI设计准则
+http://vdisk.weibo.com/s/aySxwhBXqadNb
+
+点石成金：访客至上的网页设计秘笈（最新版本：点石成金:访客至上的Web和移动可用性设计秘笈）
+http://vdisk.weibo.com/s/aySxwhBXqadNx
+
+AboutFace 3
+http://vdisk.weibo.com/s/Fgge7
+
+触动人心 设计优秀的IPHONE应用
+http://vdisk.weibo.com/s/zmXjKbCwa7UYr
+
+亲爱的界面：让用户乐于使用、爱不释手
+http://vdisk.weibo.com/s/zKA7IyzYg4rRd
+
+设计心理学
+http://vdisk.weibo.com/s/Fg86Jj2Rg23rq
+
+设计心理学2：如何管理复杂
+http://pan.baidu.com/s/1bn7FjuZ 密码: cxy2
+
+众妙之门：移动Web设计精髓（最新版本：众妙之门-移动交互体验设计）
+http://vdisk.weibo.com/s/u4YGBWB8f2EvG
+
+UX最佳实践：提高用户体验影响力的艺术
+（找不到电子版，你们自己去淘宝买吧）
+
+8、Sketch  
+
+Sketch从入门到精通
+http://study.163.com/course/introduction/1176001.htm#/courseDetail
+
+Sketch中文网
+http://www.sketchcn.com/