UI自学指南

创想者,给你不一样的UI学习体验。

UI自学指南(0基础篇) 针对0基础的同学,学习UI的一些方法。

今天我介绍下绘画设计0基础的同学应该怎样去学习UI

0基础的同学,转行做UI,很多人都担心二个问题。1:因为没有学过美术,造型能力,配色能力偏弱,不晓得自己能不能学好。2:学了,能力也可以但在找工作时总觉得不如学过画画的人,严重缺乏自信。。其实这是可以理解的,有这样的问题说明你对自己的不足之处有清醒的认识,俗话说最大的风险是没有发现风险,你知道自己的不足之处,那就好办了,想办法把它学好就是了,总比那些自大的人要好的多。没有自信,更完全没必要,没学过画画,你是一张白纸,不会有一些根深蒂固的观念阻碍你的进步。还有UI设计是一门综合性的学科,它的工作过程有用户需求分析,交互设计,视觉设计,手绘运用的并不是太多(当然你会手绘自然是要牛一些)在图标设计,logo设计中需要一些美术基础方面的知识(比如形体的结构,光影,构图,色彩构成)这些都是可以在一定时间内学会的。所以不要高估你的对手,更不要低估自己一样重要。

一,学会看

千万别觉得我做UI了那就赶紧教我Photoshop吧,要清楚的知道Photoshop只是一个工具它并不能让你成为设计师,就像你买了一套很昂贵的画笔也不会成百度一下,你就知道。

UI设计 网页设计 UI设计培训 网页设计培训 深圳UI设计培训 深圳网页 设计培训 UI设计培训学校 哪家UI设计机构好 最好的UI设计培训机构 UI设计学习 远程UI设计培训 UI培训 UI培训机构 UI培训学校 深圳最好的UI培训机构 UI培训机构有哪些 网页设计培训有哪些 IOS界面切图 界面设计切图

创想者,给你不一样的UI学习体验。

为艺术家一样,要从基础来,你描绘的东西是从你的观察中来的,所以要先学会如何观察

1:真的没必要那么郑重其事的请个模特来给你画,你只需要一些静物,生活当中随处可见的一些东西,然后去看它认真观察它们,了解它得外形,它的结构(哪些部分组成),它的质感,它的细节,细节,细节 重要的事说3遍,它们之间有哪些不同。并且记住这种感觉。

2:无论怎样一定要动手去画,你刚开始不需要画得非常好,只要掌握一点基础,画一张水杯素描等等。推荐《30天学会绘画》网上可以搜到。了解绘画方法后把你观察到的事物,打动你的细节 ,它自身很有特色的东西表现出来,这些才是你自己独特的想法,才是你自己的表达,这一点在绘画中非常重要(看到那些别人没有看到的细节,想办法把它表现出来)。每天画1个小时,坚持1个月,把这一个月所画的东西都留下来,你会清晰的看到自己的进步。

二,学习些平面设计理论

1:平面构成,立体构成,色彩构成。这三本书是基础,了解三大构成很有用的 ,在我们平时的设计当中都要用到它 比如说你要做一则广告 首先是它的排列问题,那用到的就是平面构成的知识了,然后要看它的色彩搭配,是否给人动感什么的。 这是有关配色的一段教程/color-master

2:搜集一些好的构图,色彩搭配比较好的界面设计设计作品,多看,理解不了的就强迫自己记下来,以后看的多自然就懂了,也培养了自己的设计感觉.此处百度一下,你就知道。

UI设计 网页设计 UI设计培训 网页设计培训 深圳UI设计培训 深圳网页 设计培训 UI设计培训学校 哪家UI设计机构好 最好的UI设计培训机构 UI设计学习 远程UI设计培训 UI培训 UI培训机构 UI培训学校 深圳最好的UI培训机构 UI培训机构有哪些 网页设计培训有哪些 IOS界面切图 界面设计切图

创想者,给你不一样的UI学习体验。

推荐的 http://bpando.org/ http://webfieldmanual.com/ / http://grainedit.com/。都是精品,俺可是毫无保留了,一定多看,多看,多看,暂时不懂也要看。

3:模仿那些好的设计作品

4:有了一定沉淀后,可以试着将自己的创意表现出来,画个图标,画个海报等等吧。

5:吸纳新知识,不要固执己见

说真的我也犯过这样的错误,所以我知道这样的心态危害有多大。要做好心理准备,随时必须像扼杀自己的孩子般销毁自己的作品。若能越快做好这样的心理准备,工作就能越快上手,因此若觉得成品不够好时,就随时砍掉重练吧。

找到公正的另一双眼:向懂设计的人询问看完你作品后的意见。若身边没有这类朋友,就去主动参加设计师聚会或相关活动上认识几个吧!

对待别人的意见要聆听,不要去辩解,人家花这自己的时间评论你的作品,不要用一副苦大仇深的态度去回报人家,要谢谢他们,然后询问具体是那些部分不太合适,询问清楚之后再自行判断是否需要调整。

按照这样的方式,会提高你的绘画能力,了解设计基本的一些原理,有了这些沉淀,就开始进行下一个环节吧,其实跟之前有基础的同学学习方法是一样的。 百度一下,你就知道。

UI设计 网页设计 UI设计培训 网页设计培训 深圳UI设计培训 深圳网页 设计培训 UI设计培训学校 哪家UI设计机构好 最好的UI设计培训机构 UI设计学习 远程UI设计培训 UI培训 UI培训机构 UI培训学校 深圳最好的UI培训机构 UI培训机构有哪些 网页设计培训有哪些 IOS界面切图 界面设计切图

创想者,给你不一样的UI学习体验。

三,记忆UI标准工作流程。

1:可以去网上搜集

2:可以咨询你身边做UI的朋友然后将这个流程也就是产品开发的思路总结出来,记住,以后无论什么产品都是万变不离其

四,学习用户体验,交互设计方面的知识

身为一名UI设计师不要单单把自己限定在视觉方面,你也不想整天被当做做图的美工吧,那就要有产品思维,懂用户,懂交互,这样你以后的路才会越走越宽。 1:各大互联网公司的官方博客,上面都有牛人的分享 例如腾讯CDC,新浪UED 淘宝UED,百度移动用户体验部

2:各大设计网站例如<盒子UI>《UI中国》

3:平时多玩APP 多使用互联网产品,同类产品对比分析他们用户体验上的好坏,用的是否吃力,是否在途中产生迷惑,整体界面元素是否与品牌统一,是否帮助你解决了问题,不同类型的产品分析他们的特色,结构框架是怎样,样式布局如何。每天体验一款产品并作出分析总结,日积月累后你会发现你对产品的认识会加深很多。

百度一下,你就知道。

UI设计 网页设计 UI设计培训 网页设计培训 深圳UI设计培训 深圳网页 设计培训 UI设计培训学校 哪家UI设计机构好 最好的UI设计培训机构 UI设计学习 远程UI设计培训 UI培训 UI培训机构 UI培训学校 深圳最好的UI培训机构 UI培训机构有哪些 网页设计培训有哪些 IOS界面切图 界面设计切图

创想者,给你不一样的UI学习体验。

4:看书,书中的经验总结,是避免自己踩雷的以下途径,推荐《交互设计精髓》 《Don’t Make Me Think》 《瞬间之美》 《用户体验要素-以用户为中心的产品设计》网上电子版的都是可以找到

五,让自己的软件更加熟练Photoshop 和 Illustrator。

现在你在UI工作流程与用户体验,交互设计上已经有了一定的了解,可以朝下一步迈进了。事实上,我建议从Photoshop 开始学精,接着再去碰Illustrator。设计师通常使用 Illustrator 来制作矢量图。

网上有无数关于这两个软件的教程。可以先从临摹开始,写实图标,酷炫界面都行,有能力原创的更好不过了,在此我就不再啰嗦,方法和资料都是一大把,重要的是去做去坚持。每天花1-2个小时逐步学习,相信坚持一段时间你会被自己震惊到的。

六,其他加分技能

以上的知识技能是UI设计师的标配,懂这些你算是入门,但是竞争逐渐激烈的今天,需要你具备人无我有,人有我精的特质,你才会脱颖而出

1:AE交互动画,现在的设计不仅仅局限于静态的,动态效果逐渐受到人们喜爱,在给用户演示的时候用一个动画来讲解你的产品是怎么交互的,瞬间让人觉得你是如此高大上。AE的教程网上也有很多。我个人嘛推荐看下李涛的(个人意见哈)

百度一下,你就知道。

UI设计 网页设计 UI设计培训 网页设计培训 深圳UI设计培训 深圳网页 设计培训 UI设计培训学校 哪家UI设计机构好 最好的UI设计培训机构 UI设计学习 远程UI设计培训 UI培训 UI培训机构 UI培训学校 深圳最好的UI培训机构 UI培训机构有哪些 网页设计培训有哪些 IOS界面切图 界面设计切图

创想者,给你不一样的UI学习体验。

2:DREAMWAVER Div CSS 简单的网页布局同样会使你提高自己身价,更这样的是了解些代码会让你以后工作中与程序员更好的的配合,这部分内容网上也有讲

3:html5响应式,是一种潮流,掌握了这个会让你的工作量大幅减少

七,建立自己的作品集

想成为UI设计师,你不需要非去什么地方上个学,或者花大价钱去拿个什么证。但你一定需要一个作品集。话虽如此,但我没有做过实际项目,如何才能制作出招聘公司喜欢的作品?有以下几个方法

1:你可以吧自己以前的一些作品平面,环艺,工业较为精致的作品放入其中,来证明你的设计基础,审美能力。

2:给很丑的网站或APP重新设计,最好不要仅仅放上一堆界面而是按照标准的UI工作流程将你的分析,想法,整个过程表现出来。不同方案的设计优缺点的分析,这样你给面试人员的不仅仅是酷炫的界面,还有你对产品的理解,你的思考过程,你解决问题的方式。

3:参加设计比赛,实战中锻炼自己

4:免费/收费给一些组织或者个人做设计。

也许你还要注意点

百度一下,你就知道。

UI设计 网页设计 UI设计培训 网页设计培训 深圳UI设计培训 深圳网页 设计培训 UI设计培训学校 哪家UI设计机构好 最好的UI设计培训机构 UI设计学习 远程UI设计培训 UI培训 UI培训机构 UI培训学校 深圳最好的UI培训机构 UI培训机构有哪些 网页设计培训有哪些 IOS界面切图 界面设计切图

创想者,给你不一样的UI学习体验。

不要把什么都放进你的作品集,只选最好的,最具代表性的。

找灵感不必惧怕模仿,像画画一样临摹大师是重要的过程,你是个新手不要被那些绝对原创理论的崇拜者干扰,他们已经断奶,现在却来指责喝奶的婴儿,这是个非常可笑的事情。

先就业,一份工作成长学习

最后你既然下定决心想转行做UI就一定要坚定,告诉你身边所有人你要成为一名UI设计师!说不定会有很多人给你提供帮助呢。亲爱的同学一定要记得“不断磨练你的技能,不停学习” 加油共勉

百度一下,你就知道。

UI设计 网页设计 UI设计培训 网页设计培训 深圳UI设计培训 深圳网页 设计培训 UI设计培训学校 哪家UI设计机构好 最好的UI设计培训机构 UI设计学习 远程UI设计培训 UI培训 UI培训机构 UI培训学校 深圳最好的UI培训机构 UI培训机构有哪些 网页设计培训有哪些 IOS界面切图 界面设计切图

 

第二篇:自学指南

如果你是一个程序员初哥,刚从大学迈进公司却没有人指导,要么公司给你指定了导师,却不好意思大事小情都问他。你想提高自己的编程水平,却不知该如何下手。如果你想提升自己,成为一个合格的天天向上的程序员,这篇文章就是为你准备的。学什么?有些人对什么都感兴趣,硬盘上存着几百G的教学视频电子书破解软件,却只是仅仅保存着,没有转化成知识。有些人只知道自己刚进公司的那点东 西,JDK一定要1.4.2,VC++一定要6.0,系统一定要WindowsXP,否则就是大逆不道。前一种是不知道自己想要什么,后一种是固步自封眼 界短浅,都不是一个程序员应该有的学习态度。常见的程序员有Windows桌面开发,Linux服务器开发,Web前端开发,DB数据库相关,游戏服务器端开发,游戏客户端开发,RIA开发 (如flash、silverlight),移动开发(这个现在最火了尤其是Android和iOS),嵌入式开发,行业软件开发等等,基本上我列举的这些已经涵盖了大部分程序员类型,每个类型都有不同的基础知识以及扩展内容需要学习。另外有一些共通的内容如数据结构、基本算法、操作系统是都应该学习了解的。另外一种分法是按照编程语言区分,但是这个比较有局限性,比如C程序员,一般是Linux服务器开发或者嵌入式,单纯懂C语言是没前途的。再比如PHP,就要对Web前端开发和服务器都有所涉及才能称得上称职。在这里还要多废话一句,程序员相比其他行业是一个需要不停学习的行当,固步自封立刻就落后,经验值的累积速度会随着年龄的增长而降低,这也是为什么在国内很少看到50岁以上的程序员。至于架构师这个很多程序员期望的职业,我的看法是:如果架构师不写代码只会用PPT,只不过是一个大忽悠罢了。我这篇文章只是介绍了一个方法,希望能帮助刚入门的朋友答疑解惑。如果你想得到一个比较不错的职业发展,长期不间断的练习是绝对必须的。如果你的情商高于智商,非常擅长与人交往,那么程序员不是合适你的职业,做其它任何行业都会得到比程序员更好的结果。这也许有些偏激,但对于国内现状就是这样。十年以后,如果你还是在做编程,比较一下你的同学朋友就会知道我说的正不正确。如何学?我下面介绍的学习都是关于技术,但是首先要说明的是,一个优秀的程序员必定要对英语有一定的掌握,应该有比较强的读写能力,另外最好有一定的听说能力。英语的学习如同技术学习一样,必须持之以恒。比如每天都听一篇 cnn student news,泛听一下nightly news等等。在apple itunes上可以免费订阅大量podcast,只要你坚持听时时学

,英语水平一定会提高。而且英文水平的提高会对你的职业带来非常大的帮助。无论什么行业,如果想成为专家,专精某个或者某几个方面是必要的,比如我就一直标榜:Windows Visual C++程序员。这里面就包含了Windows开发,Visual C++集成开发环境使用,C++程序员几个方面。由于行业不同专业不同,这里就不说明对于你的行业需要专精什么。听看第一步是听视频或者看视频。这是对某个方面知识快速了解的好办法,因为视频相比书籍文档更精彩一些,而且花费的时间相对比较少,注意力更集中一些。 在上可以看到大量的编程类培训视频,只要你想学的不是非常偏门都可以找到。也可以在优酷上在线观看。如果你对自己的英文水平有自信,可以到youtube.com上观看英文的视频。另外C#是微软公司出品,微软公司最大的特点就是不差钱,他们的免费视频在网上都可以找到。在verycd上搜索一下/search/folders?kw=C%23 就可以找到好几页,比如这个/topics/2857178/ 《传智播客.Net培训视频教程》,还有/topics/2866044/ 《C#4.0中文视频教程》都可以下载听听。在微软WebCast /zh-cn/dd796167 可以看到大量编程方面的培训视频。关于C#有三个"C#面向对象设计模式纵横谈系列课程""C#2.0 锐利体验系列""Modern C#系列课程",可以下载视频和培训的ppt,看完这几个系列视频,对C#就应该有一个基本程度的了解。如果想学习Java编程语言,搜一下/search?q=java%E5%9F%B9%E8%AE%AD%E8%A7%86%E9%A2%91 也可以找到大量视频资源。我建议是把视频下载,放到手机或者ipod上就可以随时随地的听听看看,方便得很。读读是专精某个领域知识中最重要的一步,读书、读文档、读代码都算是这部分。先说说读书。读书首先是选对书,选书也难也不难。如果你身边有高人,可以请教高人。如果感觉没有高人,那么可以参考china-pub的排行榜,然 后结合douban.com上的网友点评来选购,如果还没头绪,给我留言好了。计算机方面的书籍我建议选下面几个出版社的:人民邮电(知名品牌是图灵)、 电子工业、机械工业、清华大学出版社、东南大学出版社。不能说他们出版的一定是精品,但是精品基本上都被这几个出版社出了。比如C#方面,如果我选择我会 选这一本作为精读/192099 《C#与.NET3.5高级程序设计》。精读的书目不要多,一次应该限定在两三本左右。读书时应该备有以下工具:一个本子,一支荧光笔,一支签字笔。本子用于记录自己的心得体会,感觉比较 精彩的内容可以标记出来。

另外应该定期把笔记总结到网上(比如google docs中)。为什么不直接总结成电子文档呢?个人经验觉得本子是最快捷也最不影响阅读的记录方式。如果你觉得转成电子文档麻烦,那我还有一绝招,就是直 接用数码相机用微距模式拍照,然后保存图片就好了。如果涉及到代码,也应该把示例代码的运行环境准备好,比如C#就需要安装一下DotNet开发环境(比如Mono或者VisualStudio),学Java就应该安装JDK,学C语言应该安装一个gcc等等。精读时应该尽量理解每个章节,章节后面如果有习题就应该把习题做完,然后再学后续内容。如果有相关示例代码,也最好把代码自己录入然后调试运行一 下。前面之所以提到选对书,就是因为如果你书选的有问题,那么精度这一步就很难进行下去,翻译的质量直接影响到你学习质量。精读时的进度也不要太快,免得 自己理解不深。如果有可能,最好中英文比对一下(现在网络上可以搜到很多书的英文版ebook),这样不仅可以学习英文,而且最重要的是一些中文中比较难 理解的,阅读英文部分可能会容易看懂,这个好像有些难理解,但是就我个人翻译的经验,一般来说翻译会把译者的想法带入,所以很可能造成一些歧义。精读部分还包括读文档,因为很多比较新一些的知识还没有书籍,只有论文或者电子文档,还是建议把文档打印出来阅读。读代码也是很重要的一点,如果不是天才,那阅读经典代码就跟阅读经典名著一样,对于编程语言的学习是非常必要的。选择一个好的阅读项目跟选书一样要精心,我建议先从比较精短的示例开始阅读,比如微软的C# code example /en-us/vcsharp/aa336738 或者像是上得分比较高的文章代码。阅读的代码一定要选择可实际运行的,这样可以在你感兴趣或者有问题的地方加上断点调试,观察变量、调用栈等等变化。当掌握比较基本的知识以后,应该转向选择一些比较经典的开源项目。C#或者Java好的开源项目很多,这里就不多说了。写这里的写不是指前一步中写写书上的示例代码,而是说把前面两步学到的知识应用到实际项目中,这一步是最重要的。再加强说明一次,把学到的东西应用在自己的实际项目当中,不管项目大小,这一步是自学过程中最重要的。跑题一下说说,我看到过很多培训,内容很好,讲的也不错,但是最后收效甚微。问题不是讲师的水平不够,而是听众只是听了,没有用起来。光看是看不成高手的。有些朋友会问了,我真不知道写什么,能给点建议么?我的建议是先从小应用开始,然后在写一个比较实用的程序。

什么是小应用呢?比如我喜欢看网络小说,就可以编一个浏览器一样的程序,打开以后它就直接访问小说网站。或者喜欢炒股的,可以编一个股票信息收集, 把网上的股票信息抓取下来。或者有一些自己需要的功能,比如定期抓取屏幕存成图片文件(这个对于测试人员比较有用),或者就是编一个程序它可以播放视频音频。小应用的意思是自己觉得好玩,功能上也不是很复杂,比较容易实现的。写过一些小程序以后,有感觉了,那就应该把学到的东西用到自己实际项目当中,比如我学Lua,就用Lua加Sqlite数据库编写了以前需要手动实 现的功能,也用Lua实现了对c++代码的解析生成html帮助文档。也许你工作项目未必需要这个知识,但是可以在一些边缘项目中使用,力争多用多写,熟 能生巧,编程其实就是手熟罢了。如果就是不知道该如何写一个小程序,那么有几种可能,一个是你想的功能太复杂,这个好解决,另找一个题目就是了;另一种可能是你精读的不够,我建议 你把书再仔细读一遍,把书上的例子好好再次写写;如果题目也不复杂,精读也读了,还是不知如何下手,那劝你还是换一个行当好了。三百六十行行行出状元,不是一定要做程序员这一行的。说说,就是分享。分享的过程其实也是提高的过程。一般来说,IT公司都有一个分享学习机制,程序员对自己专长的方向研究一段时间以后,整理成ppt,然后演示给大家看。也有一些兴趣组比如 Python本地用户组也有类似线下分享交流的机会。如果有这样的机会,建议大家踊跃作为讲师参加。当你写讲稿或者演示的时候会突然发现某些方面其实还很 薄弱,当听众提问交流的时候也会发现自己某些地方可能了解的不是那么透彻,这其实也是在学习。分享不仅仅锻炼口才,而且会给人你在这个领域比较精深的感 觉,而且从分享过程中你会发现很多以前没注意到的问题。分享也是推广的过程,比如你看好C#语言,但是公司可能觉得没有这方面人力或者了解不够,你的传道会让大家对这方面知识了解的多一些,相关疑问也可以找你来答疑,这样也是提升人气值的好办法。广博一个优秀的程序员,不仅仅要有几样拿手的专业领域,还应该博彩众家之长,了解一下软件工程、架构设计等等方面的知识,还要及时跟踪了解国内外技术动态。首先,应该像英语学习中的泛读一样,通读一些感兴趣的经典的书籍,比如《程序员修炼之道》《设计模式》《代码大全》《深入理解计算机系统》《快速软件开发》《Unix编程艺术》《编程珠玑》等等。这些书不像精读书可以立刻用到

实际。但是这些经典书籍中的思想是可以一直影响整个编程生涯。其实这些书才是真正值得精读的。只不过没办法立刻见效,所以把它们作为广博篇中的提高级书目。选书一定要小心,烂书就跟老鼠屎,会恶心你很长时间并且降低你学习的积极性。如何选一本好书参考前面精读部分。想了解技术动态,订阅技术牛人的blog是非常重要的,比如我对redis很感兴趣,于是就订阅了redis作者antirez的博客,他有时候会 对一些项目中比较重要的设计做解读。另外比如infoq.com,可以订阅他们的rss来跟踪最新的文章。我建议大家申请一个google账户,使用 google reader作为rss阅读器。在google reader中订阅很方便,直接加入博客地址就可以了。想跟踪最新潮最酷炫最流行最时尚的编程技术,下面几个来源不可错过。一个来源是reddit的programming讨论区 /r/programming/ reddit的编程讨论区非常活跃,基本上流行的博客文章内容都会被人提交到讨论区,而且讨论的质量也很高。另外一个来源是DZone的首页/dzone/frontpage DZone新闻有一个很有意思的特点是可以看到顶和踩的数量,一般顶数量比较高的,可以阅读。再有一个是美味书签的programming /tag/programming 和development /tag/development 这两个tag基本上涵盖了编程相关的链接(未必是新文章),可以作为参考。最后一个新闻来源是HackerNews,也就是HN / ,HN与reddit programming有些类似,可以作为一个补充。这几个来源更新非常快,基本上每天都可以看到上百条更新。我建议是不用每条都看,标题感兴趣的看一看,或者发现同时在几个源都出现的也可以看看。每天有个二三十分钟看完前面几个新闻来源,对于新技术动态或者各种技术八卦那就是了如指掌了。如果你发现某个博客文章写得质量非常高,建议你可以订阅这个博客,一般来讲这样的博客质量都是水准以上的。我大部分的技术博客都是这么搜集来的。另外现在博客上基本都有twitter地址,也可以follow这些技术牛人的twitter,由于推特的局限,相比博客的学习价值要更低一些,但是交流的时效性比较高。邮件列表讨论也是一种很不错的讨论方式(相比论坛而言),比如python-cn,toplanguage都是很好的中文技术类邮件讨论组

相关推荐