作者:力力nevergg,ui设计师,dribbble帐号:Dribbble - zfy
来源:读读日报
看了这么多答案,我也来讲讲我的自学设计之路
2011年,大学一年级的时候,我的专业是软件工程,但是我奇怪的被分到了物理电子工程学院,老师从来不教软件,天天教电路基础和大学物理,由于没兴趣,我从来不去上课,就和同学们开黑打dota,这样打了一年。
2012年,大二了,我妈有一天和我讲,说以后肯定不能帮我安排工作,我突然有了危机感,如果毕业了我还没工作,会很丢人,我父母都是教师,别人家的孩子不是出国就是考上重点大学,压力还是很大的。当时我还挂着4门课在学校。
当时喜欢研究各种手机越狱和雨滴之类的东西,然后有一天,我打完游戏上网的时候看到了一张图片
当时我还不知道,《1126》,设计师叫罗子雄,现在是锤子科技的视觉设计总监,那时候我还没有ui设计的概念,把这个都叫做主题,它太精致了,给我带来极大的震撼,不仅细节完美,而且还特别严谨,运用了黄金分割。如果你以为我看了这个作品就开始努力学UI那你就大错特错了,我根本不知道这是用什么软件做的,我开始学习了网页设计,研究css样式和html,学了半个月发现好像有点不对,这是帮助别人实现效果的啊。。。然后有一天看到邵飞老师的一个视频教程,是教你画图标的,需要用ps这个软件,我跟着做了一下,完全做不下来,我就百度如何学ps,找到了李涛老师的《ps高手之路》,这样开始一步步学习ps,每天也不上课就看视频学习。不得不说学软件是个漫长的过程。所幸李涛老师的讲解很幽默,也就跟着学下来了。
接下来要讲的是我的临摹之路,这个相当漫长,也最为重要。因为UI设计也是设计的一种,所以它第一个要求就是你设计的东西要美,如何能美?细节是最重要的,你需要观察,仔细的观察你和大神的作品之间的差别,然后再想办法实现它。现在设计之所以浮躁的原因我想就是很多人不愿意也没有耐心去培养自己的审美了。
当时站酷上有一个视频教程叫《十分钟UI设计》,是腾讯的设计师omega和老程一起做的,里面的内容特别好,大家可以去搜索一下,我跟着里面的教程做了很多练习,当时老程说,windows的图标是很不错的,当你能把一整套图标都临摹下来,你就出师了。
这是我当时跟着临摹教程做下来的,一个比一个有进步,每个都花了一天或者半天时间完成,当达不到原作效果的时候就继续观察,继续改,现在一看还有好多问题,比如第一个铅笔的投影是黑色的很难看,第二个台球的边缘太锐利,很不真实,如果当时不是疯狂修改我想问题会更多。
2013年,大三了
当我临摹了半年以后,我认为我的ps技术已经很不错了,跟同学说话的时候也爱吹牛,说自己是ps大神,一天一个同学下午来我寝室,说你干嘛呢?不知道今天晚上团里要开荒?你的萨满装等多少了?天天日常任务也不做。。。我说我画会图标,他说???我说我以后想当设计师,他说你别逗了。。。我当时心想一定要坚持下来!
有一天在上站酷的时候,发现一个主题设计,再次深深震撼到了我,那时候ios7扁平风格盛行,很少有拟物的东西出现了,在看了很多千篇一律的设计以后很难被打动。
牛mo王的《心随我动》,参加了康佳首届主题设计比赛,我立马跑到他站酷的主页牛MO王的个人主页 膜拜了他,看了他当时发的所有文章,他也是自学,我觉得太厉害了,他当时写了好多文章,告诉大家如何自学,感触特别深。后来我找到了他的qq,没想到他居然同意了,真的特别兴奋。。。然后我问了他一个图标方面的问题,令我没想到的是,他居然打开ps手把手教我如何调参数。。。一边做一边传图片给我,教我如何实现效果,他说好多东西其实非常简单,但是没有人告诉你的话自己很难想出来,到现在我都特别感谢他,叫他牛哥,虽然他不姓牛。。。我问他心随我动这个主题是怎么做出来的?他说只有积累到一定程度才可以。。。然后我默默努力,偷偷临摹它,一天一个图标。下面是我临摹的《心随我动》。
做了快一个月,其实我在最后一天偷懒了,上面的哪个大的天气widget是用的原来的图抠下来的。。。然后我把临摹的给牛哥看,他当时就说,哇,好棒,你进步好快!可能没有谁像我一样把它临摹了一遍,在这些过程中,我的技法运用越来越熟练了,其实做这种ui,只需要你用好图层样式这一个ps功能就好!剩下的就是不断调整内阴影,投影,还有渐变,一定要注意投影的颜色,不要用黑色!要用深色,比如说黄色就用深黄色当投影,蓝色就用深蓝色,这样。推荐大家去站酷看看牛哥的文章,他的分享真的是很详细也很实用,从字体选择到ui入门都讲的特别到位,在学习路上能有他这样的老师带路我想我很幸运,再次谢谢他!
当ps技术熟练以后,我就想着做一些自己的东西出来,然后照着照片用ps涂抹了一张定制耳机
现在感觉阴影有一些深,线的感觉也不自然,有些发虚。
在大三后半学期,参加了小米的主题比赛,每个图标都在网上搜索好多的图片做参考,然后自己绘制,差不多两个月的时间,最后入围了决赛。
自己做主题和临摹是有很大不同的,每个图标做多大?用什么颜色?这些都需要自己控制,可以看出,这个作品在这两个方面都很差。。。当时很迷茫,自己做的东西究竟是不是设计?字体要用什么?排版怎么才好看?因为平时积累的东西太少了,所以真的很质疑自己。我意识到需要多看设计方面的东西,所有的都需要积累,到需要用的时候才能用到。
2014年,第一次解除实际项目已经是大四了,我的一个老师要做一款ios应用,主打背单词功能,设计的事就交给我了。我花了一天时间研究切图,研究我做的图片怎么才能用在实际的app中,然后我模仿path,模仿一个dribbble的设计做了几个样式出来
这个软件前后一共做了两个月,对我实际项目的实践是一个挑战,靠这个软件我还拿到了在京东实习的机会,大四后半学期在京东实习了半年。
期间还和同学做了一个网站叫野渡集市
现在我工作已经一年了,在北京的美餐网,自己一路自学过来,毅力很重要,我想兴趣更重要,我现在还在不断学习,因为自己的设计知识还是很不足,到这个时候要多看看ios和google的设计规范,知道ios的最小点击区域是44pt,字体不要小于22像素,36像素适合阅读,这些都是在以前自己很少注意到的。现在每天还在自学c4d和ae,加强自己动效方面的实力。
发一点现在的作品吧,我觉得很少有人能听我啰嗦到现在。。
最后推荐大家一定要多上dribbble,看看国外的大神是怎么做的,当我上dribbble以后才发现,很多国内的所谓大神不过是抄袭别人的作品而已。
/////////////////////////////////////////////// 9月25日更新 ////////////////////////////////////////////
刚才写了一大堆然后浏览器崩溃了都没了。。。只好重写了
2天收获了500多个赞,我真的没有想到,还是有好多同学提问或者私信我,我在这里做统一的解答
1.好多人问我用的是什么软件?是ps还是ai?
这个问题在我学ps的时候也特别困惑,我想说的是一门心思学好ps就行了,ps比ai更适合做ui设计,我都是用ps做的,当然用ai也能做出来但是会不方便,而且网上ps的教程会很多,ai就很少了,所以建议大家学好ps。
我现在工作以后使用sketch进行设计,因为公司是全mac办公,用sketch能极大提高效率,sketch默认输出一倍图片,减少了标注的麻烦,而且设计稿可以让ios工程师直接使用。(现在这个软件只有mac能用到,这是它不好的一点,当然有条件的可以学习一下,很方便。)
这是用sketch设计的设计稿,虽然最后没有用,但是可以看出来一个文件搞定了好多设计稿(不会说话了。。。)
2.我向大家推荐了使用dribbble来提高审美,并且了解ui设计的最新趋势,但是说的不仔细,现在给大家分享一下我如何使用dribbble。
首先在dribbble里有一个点赞功能,叫likes。
拿我举个例子,在我的主页,这个地方,进去有我喜欢的作品。
这个有什么用呢?比如我在浏览今天dribbble的推荐作品的时候,发现两个超棒的作品,看下面的图:
我们可以发现,这是两种不同的风格,也是现在最流行的两种
第一种设计是那种酷炫的,很有ios的风格,像自带的应用日历一样,里面有很多小的控件,很精致。
第二种设计现在更多得流行起来,用大的色块,大的按钮,大的圆角,还有流畅的动效给使用者带来非常愉悦的感觉,有的配合了卡通形象,更加增加了亲切感,这类的app有marval,还有游戏jellies(就是那个抓水母游戏)。
我们点击作者的名字,到他们的主页,看到他们更多的作品。
可以发现他们在自己的风格里面都做的特别棒,有很多值得我们学习和研究的地方,最好能看看他们的likes,看看他们都喜欢什么作品
比如这个大神,应该是中国人但是原谅我不知道他是谁,低调的人太多了
这个是他的主页,可以看出来他也是第二种风格的,我们看看他的喜欢
果然,可以看到更多的大色块和卡通的设计。也让我们发现更多的擅长此类设计的大神。
接下来讲讲dribbble的搜索
当有一天老板需要我设计一个登录界面,但是我并没有什么好的灵感,
大家肯定早就注意到dribbble上有search按钮了,我们搜索“login”,出来以下结果
这么多的登录界面设计,这下不怕没有灵感了,我忘了是谁说的了,世界上没有纯粹的设计,所有伟大的作品都是以前的作品的结合和再创造,我们学习别人的想法和设计语言。
dribbble还有很多psd可以下载的,比如iphone的各种展示模型,我们搜索“mockups”或者“mockup iphone”就可以找到下载了。做展示的时候很好用。看下图:
我做界面设计的时间也不长,只是说一些自己的理解,尤其是工作以后,那些很炫很酷的界面往往是不能实现的,我们的设计不能出格,比如在ios上你使用安卓的材料设计语言就很错误,但是在遵守大的设计规范的时候如何才能让你的设计出彩?这就需要我们对细节的处理,比如path里掉下来的小卡片,或者是一个小的可爱的动画,让用户能感觉到设计的精致,现在我们也管这种小细节叫“情怀”。我们看好的作品不一定要把他实现,但是要学里面的细节,有时一抹亮色或者一点光晕就能为你的设计点睛。(很多设计师在里面已经不是纯粹发概念设计了,也有好多已经上线的设计,真的很实用)
3.前面有些提到的素材有人说找不到,我帮大家把链接贴出来
【十分钟设计第一季】史上最酷最接地气儿的UI视频教程(https://v.youku.com/v_show/id_XNTU5NzkzODQ0.html?f=19315618&from=y1.7-3)
小课堂的设计作品-UI中国(https://i.ui.cn/ucenter/88618.html)
还有就是回音的ui分享会,牛哥的u1系列教程,我都看过,也推荐大家认真看一下。
学c4d可以看看ihdt上海映速的免费教程
(以上教程我都是一步步看过来的,还有好多跟着做了临摹,我一直认为,如果你回答里推荐的那些素材网站你从来没有看过那是不负责任的,推荐一大堆链接不如不推荐,有人评论和私信喷我我必须说他们两句。。。)
这次更新就到此为止,祝大家每天都有进步。下次更新可能要到我动效或者c4d有大的进步的时候再来了!
【欣赏】一天一个图标
公告通知:茂趣创意设计交流群开放啦!微信群:请加茂哥微信号:chen1641,加时请注明职位,拉你进群哦, 或者在后台回复"加群"!同时也可以加微信与我沟通交流哟!你可以和500人一起交流,形成圈子,分享资源,收获朋友。QQ群:202085524
茂趣创意:有趣、创意、设计、PS教程
微信号:maofuns
投稿:402047490@qq.com
点击下方“阅读原文”查看热读文章《老板你别拦我,我要转行做UI!》
我来说两句排行榜