UI入门知识归纳----全干货

算算自己也没入门，就学了下html，学了下ps就开始干“UI”。其中的困苦也是蛮焦心，但是想想要入一行门，开端无非都是如此。

但小猫相信知识随着时间的沉淀变得越来越厚，所以决定把上一周看的书整理下笔记，记录下自己学习的点滴，希望看见的大神不要嘲笑我们的无知，也希望看见的如我一样的小白能受益，大家共进退！欢迎大家分享交流读书学习心得（特别喜欢爱书人士推荐有趣的书籍，无论是哪个行业的都可以）。

  先说说这本书，作者米田，他通过自己的工作经验，很完整的介绍立案前，如何快速有效地了解客户的需求；设计前，素材收集、整理和写作技巧；设计中，如何优化调整合适高效的视觉；设计后，怎么做总结和传播更利于自我提升。看完这本书，很受用，其中很多素材和资料的分享全是干货，下面我将根据需要，整理汇总下笔记：

关于配色

和谐对比色=主色（25%）+强调色（5%）+底色（70%）

工具：http://www.colorhunter.com               

图片色彩分析网站：http://www.colorapi.com      

图标

ios7 ：icon尺寸120*120px  可点击元素最小44*44px

尺寸参考：http://screensiz.es/phone             

android设备：1英寸=160dp                       

  若分辨率为160dpi 1dp=1px (160/160)      

若分辨率为240dpi 1dp=1.5px (240/160)  

若分辨率为320dpi 1dp=2px (320/160)    

屏幕尺寸 320*480  图标尺寸48*48px     

  若网页展示  512*512px                   

标准图标设计流程：http://appicontemplate.com

含分类综合图标库：http://iosicongallery.com

效果图自动生成：http://placeit.breezi.com/productshots

SVG库：http://cn.piliapp.com/symbol

图标搜索：http://www.iconpng.con

http://www.similarsites.com

二维码生成工具：http://www.visualead.com

图标制作工具：http://visual.ly

              http://infogr.am         

              http://Easel.ly          

             Tiki-toki时间轴制作工具  

在线书法生成：http://www.shufami.com

              http://sf.kdd.cc      

  

移动端的工具

【知识管理利器  印象笔记】http://www.evernote.com

【图片视频手机利器   花瓣】http://www.huaban.com          

【发散联想  Mindjet】http://www. Mindjet.com              

【让任务变得简单  Any.Do】http://www. any.do              

【分享成长点滴的地方  轻博客】http://www.lofter.com  http://www.diandian.com

【记录秘密项目经验的地方   社交相册】                     

【随时携带的U盘  Dropbox】http://www. dropbox.com         

SDC设计师网址导航：http://hao.uisdc.com        

设计师专用搜索引擎：http://www.sogou.com/sucai 

百度热图：http://www.yingxiao.baidu.com/support/topic/32.html

                   设计细节                          

字有点丑哈，但是在才开始做网页时，这些数据借来节约你在网上查的大篇幅资料的时间。