Skip to content

Latest commit

 

History

History
184 lines (115 loc) · 5.24 KB

Jianbing_UI_Wiki.md

File metadata and controls

184 lines (115 loc) · 5.24 KB

#午安煎饼计划UI设计组学习内容v1.0.2

###一、准备工作

1.Adobe Illustrator CC 2015.3.1

32位:https://pan.baidu.com/s/1bTmT2I

64位:https://pan.baidu.com/s/1jI8oeJO

2.Adobe Photoshop CC 2015.5

32位:https://download-esd.adobeoobe.com/AdobeProducts/eca60e6c-1f05-41de-bf6b-aeef2bc46205/PHSP/17.0/win32/AdobePhotoshop17-mul.zip

64位:https://download-esd.adobeoobe.com/AdobeProducts/eca60e6c-1f05-41de-bf6b-aeef2bc46205/PHSP/17.0/win64/AdobePhotoshop17-mul_x64.zip

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/