UI设计教程之UI学习方法(咋看,咋想,咋做)

虽然这个话题感觉很大,也有点空,虎哥还是要来念叨念叨,尽量的讲的详细点,通俗易懂,学习方法总归是有的。

常常会听到这么一些忠告“多看 多想 多做”,这个我也很赞同,也是我经常会告诉新手的。

在我还是新人的时候,我更想得到 咋看 咋想 咋做的方法,那么我就凭自己10多年的设计经验,讲解给大家听,希望能帮助到一部分迷茫的人。


你有没有发现一个问题,每天都在看各种设计作品,真到自己做的时候,一下子全都忘记了,脑子短路傻逼了。之前看到那么多好的设计作品也都白看了,人家的还是人家的,跟你半毛钱的关系也没有。有没有这种感觉~?

所以今天要讲的是个人的一些经验,希望看过这篇文章的同学,看完之后有种豁然开朗的感受,找到学习方法或是解开多年心结。

强烈建议大家先准备一个小本子

问:干什么用了?

答:记录你每天学会的知识点。也可以理解为学习日记。

看到了什么好设计画一画。

想到了什么好点子,写一写。

做会了什么或是想要学点什么,都记录下来。

保证每天学会5个知识点,一个月就是5*30=150,一年就是12*150=1800(保守的算法,不要纠结一个月是31天还是30天)

UI设计要学的真的太多了,胆小懒惰 勿入,这是个坑~!~

问:5个知识点?我不知道要学什么?

答:你现在缺什么,你想学什么,工作中要用到的,或是找工作的时候,用人单位写的招聘要求,你看看你都有哪些不会的,这些都是可以学习的知识点和学习的方向。小到一像素的投影,一像素的高光,虚线做法,这些都是要学习的知识点。

具体一点来说的话:

UI是什么?(这个弄清楚了,也是一个进步)

IOS的图标是多大的,我做多少像素的圆角了?

字体是做多大了?有没有想规范了?

按钮要做多大了才好点击了?

各个栏目的高度,间距又是多大比较合适了?

常听到的点9是什么东东?

切图是什么意思?如何去切了?

布尔运算是什么玩意?

PS形状工具怎么用?

移动端的ui规范文档

图层样式怎么用?

叠加,柔光是什么意思?

PS CC 安装好了先设置什么,才好用?

红色 橙色 黄色 绿色 青色 蓝色 紫色 黑色 白色 灰色 这些你都知道怎么搭配好看吗?(这些就够你研究很久了吧)

ui入门知识  视频教程大集合  UI新人疑惑解答

当然还有很多疑问,很多很多知识点,多看看上面这3篇文章。我这里就不说了。

之前开玩笑说,到新手区住上半年就什么都会了。半年的时间是有点长,但是要学的知识确实有这么多。每天都来学的话,半年还不一定你能学会了。所以要讲究方法。

要学什么,这个还是要从自己的实际情况出发,学以致用,是我们一直牢记在心的真理。

很多新人什么都想学,什么PS AI Flash Dreamweaver  AE  Axure ,这么多你要到什么时候才是个头啊,Tiger做了10年设计了,都不敢说这些都精通。对于新人,还是老老实实的把Photoshop学扎实了再说吧。其它的再根据需要,一点点的积累。

量变达到质变的道理,相信大家都明白。但是坚持半年的话,你做的到吗?如果你觉得你可以,请到下面留言,我会监督你的~!。

(题外话)说到坚持半年,我真的做到了。学ui网上线后的半年时间里,一步一步,慢慢的积累起来,每天我都更新几篇好文章,自己先看一篇,觉得很不错就转载过来,也会心血来潮自己写上几篇。因为我相信“越努力,越幸运”。

现在的规模,来之不易,心血和汗水。在这里感谢大家的支持!让我们一起在阳光下奔跑,想想有点小激动~!!~

那么半年时间下来,你的小本子是不是都写的密密麻麻了。没事拿出来翻翻看,以后拿给比你还新的新人看,这是哥(姐)当年学习的时候积累的心得,密密麻麻的记录成长的过程,瞬间吓尿小学弟学妹。这是多么自豪的一件事。有没有·!!~

你可以这么记录(打个比方)

今天发现了一个很好的UI学习教程站 www.xueui.cn (这个也算是一个知识点,不要小看这个,改变你的命运,给你启发,也许就在这么不经意之间)

我今天知道了什么是传说中的布尔运算,看到一篇基础的教程《教你PS画信号图标》,也认识了作者 金多多同学,我很开心。

群里的大神 Dbear教我图层样式高级混合,我收获很多,学会了镂空字的做法,哈哈

在上厕所的时候想明白了投影的做法,3个图层,先画一个圆,高斯模糊,复制2个,一个比一个小,降低透明度。

我发现一个经典的个人展示页面的版式,我要给画下来,下次如果需要的话,我就能马上用上这个版式设计。

今天看了老狼的教程学会了形状也能羽化,还有就是路径转形状的方法,好有用~!

我只是列举了几个例子,具体怎么记录,你自己随意,你记录的越详细越好,这是你自己的成长的过程。晒晒我几年前用过的的小本本~~!

tiger-book

很随意的记录了一些想法,和一些图形,虽然画的难看之极,只要我自己记得是什么就好~!

当然有人想问这个本子哪里有卖的,我是在好几年前在家乐福超市里买的,不过我在淘宝搜索了一下,也有很多卖的 要买点这>

咋看设计(如何找灵感)

这个怎么看设计,也就是培养审美的能力,首先你要知道什么好看,什么不好看。当你排斥那些不好看的设计的时候,你的品味就自然上升了。

再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。

花瓣  zcool  UI中国  behance  dribbble  pinterest  deviantart  APP截图欣赏站

这里主要说说如何找灵感,当你接到一个设计任务的时候,该如何去快速的执行,快速找到灵感。平时的素材采集和分类至关重要。在看看我的整理。

sucai

sucai1

我的素材库,分的比较细,东西很多200多G素材。我可以在1分钟内快速的找到想要的。之前有人问我要素材库,其实这东西给你,你也不会用,不是你亲手整理的,你根本找不到放在什么文件夹里。

当然我也有苦衷,因为早期我没有规划好,导致现在资源太多,想仔细分类都难了,所以我强烈建议,趁你的素材库还不多的时候,一定要好好想想如何归类的问题。

设计师的素材资源库,就是你的财富,只有自己整理出来的才有价值。关键是你要记得东西放在哪里了,不要用的时候找不到了~!

我在这里重点推荐一篇我之前写过的一篇文章。也是我每次寻找灵感会去的地方,请点下面的图进去看看。记住这个放在  导航—>经验  下面。

zhaolinggan

咋想(如何去思考)

主要是分析你觉得好的设计作品:

是配色上吸引了你?

为什么这2个颜色搭配起来这么舒服了,我要赶紧截屏到PS里吸取它的颜色看看,整理到一个色彩搭配素材库里,下次我也这么干。

还是版式设计吸引眼球?

哇塞,这个圆形碉堡了,想法太好了。膜拜啊~!~赶紧保存下来

某一句广告语言打动了你,让你记忆犹新?

看看人家的广告语多好,下次要记得说服公司的策划人员给点有个性的能打动人心的标题文案。

细节处理的很有新意吗?

我擦,这个按钮的高光做的太好了,这是怎么做到的啊,我要好好研究下。找几个人讨论下,到群里问问大家。

背景烘托的很有档次吗?

这飘落的绿叶和花瓣是怎么做的,是用的素材还是自己画的,这素材哪里有,我去找找看。

字体变形,字体排版上很牛逼?

太美妙了,想法太好了,图形切割的也很有美感,bia ji 赶紧收藏了。

为什么排版上看着很舒服了?

我要好好看看,肯定有规律可循,颜色,间距,构图,字体,能想到的都想想

大腿都拍紫了也说不上来,就是感觉好~!

我的大腿啊~都青了!555

然后在换位思考一下,如果让你来,你会如何设计了,它的设计手法和细节的处理,你会不会?创意想法上有没有给你带来些什么灵感了~

咋做(如何去设计或是练习)

项目中锻炼是最快的提升的方法

临摹一些优秀的界面或是图标

参加一些比赛

做点私活

如果你还是不知道怎么做,那就跟着大家一起做作业吧~!如何交作业>

有问题先自行搜索解决方法,实在搞不定了就问,如果是通过自己努力找到解决答案的话,会牢记在心,一辈子都不会忘记,学的会非常的扎实。

帮助别人解答问题,也是一个快速提高的方法,既帮助了他人,也让自己的知识累积的更加稳固。

最后希望大家在看完本站上任意一篇文章的时候,积极的在下面留言,说说你的感受,或是写下你的疑惑。我相信路过的人看到了也会帮你解答的。

大家互帮互助,从评论开始吧。希望大家都能参与进来,一些探讨,互相点评作业,会挑毛病也是一种学习的方法,说明你看的到问题所在。

当然有人给你的作业找出了错误或是建议,你应该很高兴,只有发现了自己的问题或是不足,才会提高,最怕的就是不知道自己的东西哪里有问题。

希望看过这篇文章的同学都能有所收获,我这一天的时间也花的值得。


点击测试你是否适合学设计

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容

  • 虽然这个话题感觉很大,也有点空,虎哥还是要来念叨念叨,尽量的讲的详细点,通俗易懂,学习方法总归是有的。 常常会听到...
    恒企会计阅读 563评论 0 3
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,517评论 25 707
  • 新学期伊始的人事变动已成为不争的事实,既便孩子们对被换的老师有多么依依不舍;家长们对师者有多么信赖与肯定,更换...
    仗脚走天涯阅读 216评论 1 2
  • 15年毕业到现在三年时间了,在法院实习的时候觉得自己做事情已经做得得心应手了。也曾觉得自己到了律所也能做的很不错。...
    九点二十阅读 185评论 0 1
  • 早上开始念叨我不要去幼儿园。我嗯嗯答应着。顺利吃饭。 准备出门,看我拿起了小书包,知道是要去幼儿园了。没有激烈的反...
    给给阅读 198评论 0 1