ΜοNκeY

学习UI这点事儿

fion's GUI design:

本来下午原计划是临摹一个icon或者界面,结果完全惰性不想动手,决定写一写我是如果开始学习UI这点事儿的。


2014年1月18号,在我考完研外加出门游玩一圈之后闲得无聊点开了站酷……然后就被一个网友临摹的MIke大神的icon所吸引(我当时完全不知道MIke大神是谁%*……)。然后,我点开了PS,画下了第一个标





             


 


现在看起来真是没法入眼……中间有的地方我完全是用笔刷画上去的……




虽然一直也在用PS,但是完全是皮毛,或者说不同领域的使用技巧还是有很大差别的,这个时候我连全局光和布赛尔运算都不会……照着PSD扒才扒成了这个样子。


然后……我突然觉得还挺好玩的,然后又扒了两三个PSD。这个时候我对于画icon常用的各种设置大概也有了一些了解,我决定甩开别人的PSD开始尝试直接临摹一些只有图片的icon和界面。这些作品大家可以在我的lofter最早发的几条合集里面找到,当时我最大的问题就是还一直保持着以前画插画时候的毛病,把很多图层都栅格化了,结果导致很多虚边锯齿的出现。还好后来改正及时,这种情况估计对于一部分初学者还是挺容易出现的,怎么说呢,必须改!保持矢量对于现在的互联网趋势非常重要。


这个时候我关注的网站也多起来了,除了站酷,还有优设网,iconfans,dribbble等,都是很优秀的UI设计方面的网站,在文章最后我会详细介绍一下这些网站的分工用途。


在这些摸索之后,我应该说一下两个对我来说里程碑一样的标


一个是第一个原创标,另一个是承蒙各位厚爱,好像也是现在我唯一一个热度破百的标





第一次原创,当时都没搞懂扁平和拟物到底应该怎么去平衡




这个是临摹的我偶像深泽直人大神的多士炉,原图是照片,


这张图也让我学到了一些拟物光源处理方面的东西




大概也是这个时候,我知道了自己了考研失败的消息……然后,我决定把UI设计当成找工作的方向。承蒙lofter大家的厚爱,让我在做这个决定的时候还挺轻松坦然的,就觉得自己能做这个,其他就没别的了。


中间省略n多过程,然后说一下做界面方面的吧


界面设计对我来说和画标不太一样,界面临摹我更多是是在纸上进行。对于这个时候的我来说,界面设计的重点还是在于对于块面的分割这种基础性的问题,反而视觉表现上问题比画标小很多。所以这个阶段我偏向于多看多用笔去分析块面排列组合。


嗯……说下一个原创界面好了……




这个吧,并不是为了去考虑实用性来设计的,算是自己的一个概念设计的尝试吧(画外音:当时正在听草莓声明这张,就用了专辑做封面,大家可以去听听啊)


放到今天来看,我对这个方案的概念还是很喜欢的,不过确实问题和不严谨的地方很多。




 


好了,说回学习UI设计这件事。差不多到这个时候,我决定找个工作。但是由于毕业设计和我自己比较作等一系列的原因,我到目前为止还没找到一个满意的工作。这个就不详细说了,说不定那天我会写写关于找工作的事儿。


这个时候开始,我承认自己也进入了一个开始慢慢产生惰性的阶段。不过还好,我也用了一些时间去思考,看起来也不算是太坏的事情。


我始终认为,只会用软件的设计师充其量只是一个匠人,真正的大师是需要用脑子去做设计的。大学阶段自己一直属于那种懒得动手的人,还好也算读了一些设计相关的书籍,所以不管放在设计的哪个领域都起了不小的作用,UI设计也不例外。


因为也是从这个阶段开始,有人和我讨论了一些关于UI设计学习的事儿。最基本的,你得会用软件,不然再好的想法都是没有办法都是没有办法表现出来的。然后,多读书,优设上应该是有个关于UI设计方面设计师必读的书单,我也是正在拜读中。从我一直学习的角度来说,我可能会更多的推荐想法层面而不是技术层面的书籍。技术这个东西吧,只要肯死磕,两三个月足以把PS,AI甚至AE玩溜儿。但是想法层面的东西,这个需要时间的积累,也更需要多去思考和实践。书单也放在后面好了,都是个人偏好,不一定都有用,不一定都是UI设计相关,不过嘛开卷有益,多读书没坏处。


其实我做的一些东西吧,自己看也觉得很皮毛。自己也确实不过才接触UI设计三个多月。看到lofter关注过千了也忍不住打算给一些想要开始学习的初学者一些意见。在我看来,最重要的,还是两个字——去做!雾里看花永远看不出个名堂,做了才发现也不过如此而已。 


 


关于审美


和朋友聊天时,最多谈到的一个词就是审美。国内现在的设计师技术水平普遍都很顶尖了,看dribble也能看到非常多优秀的华人设计师。不过说回我们所能接触到的底层设计者来说,审美才是真正困扰我们前进的一个问题。我绝不是说很多的设计师设计的东西不好。我们可以在网上看到很多很优秀的设计,已经足够我学习很久了。我想说的审美问题,是在于为什么我们看到很多欧美设计师的作品,经常会发出wow!的声音并且感觉眼前一亮,而看到国人设计师的某些作品,只会去说光影处理的真好,这里留白真棒。我把这些问题通归于审美问题(个人观点,仅供参考,不服欢迎来辩)。


因为我来自一个比较普通的二本院校的工业设计专业,在我学习设计的过程中,理论知识是非常欠缺的,我的一部分同学听到我说现代主义设计都是一片茫然的。我一直觉得设计并不是简单的画图做东西而已,理论知识的重要性甚至超过了很多技术层面的东西。


举个栗子,大家现在都在说的极简设计或者扁平化设计,但是很少有人去研究极简和扁平的来源。有人会说扁平化在GUI上最早主要是metro上的,而ios7对于扁平化推广意义很大。对,这没有问题,但是如果我告诉你我觉得扁平化设计其实应该追溯到包豪斯,甚至来源于新艺术运动呢?这不是没有根据的事情,包豪斯著名讲师康定斯基主导了包豪斯的平面设计教育。当时他进行了大量构成主义的创作,对于古典绘画,他的创作可以看成是对于以前古典绘画里逼真描绘的一种颠覆。换到现在的GUI设计里,不就是拟物和扁平的差别吗?而对于绘画界来说,这两种艺术形式都是存在并且为大众所接受的。那么我们在研究拟物和扁平的过程中,是不是也应该是这样的态度呢?再从审美角度来看,研究康定斯基等构成派设计大师的作品,然后去运用其中的构成原理来进行今天的UI设计,是不是比凭空想象和大家互相借鉴更有意义呢?历史告诉我们这些都是对的,那我们何不去利用他们。


以上知识主要来源于我自己龟毛的求真精神和考研期间对于设计史的学习。


 


好了说回UI设计本身,我自己才是完完全全的初学者。所以以上的言论不过是些自己这三个月学习的总结和感受。不出意外的话应该就打算朝着这个方向前进啦~苦逼准设计师承蒙各路神仙大神批评指点,希望以后能做出更多更好的设计。才刚刚开始,一路请多指教!


 


网站指南



  • Dribbble 追波本身我是当做纯欣赏站点来看的,少数时候下载一些比较喜欢的psd学习研究,主要上面飞机稿居多,看看趋势还行,一味学习不然容易矫枉过正。

  • 优设网 强烈推荐的一个网站,干货很多,从教程到趋势方向性的指导,推荐每天看。小编的选编和汇总能力点个赞。

  • Iconfans(现在好像改名叫UI中国了)也是强烈推荐的网站,干货也很多。经验分享的版块很喜欢,很多有用的东西在里面,教程也很详细。

  • 站酷 站酷对我来说比较接近于资源站,在这里我看的不仅仅是UI这块的设计,也去关注一下领域以外的设计,比较接近综合性站点吧。

  • Lofter,豆瓣啊这类网站我就写一起吧,都属于寻找灵感类的站点,不过其实我更喜欢看书找灵感,这里就不详述了。还有知乎等知识类网站,可以多多关注相关的问题。


 


书单


《设计中的设计》 原研哉 


这本书必须是第一个推荐,我可以说我开始喜欢设计业完全是因为这本书。内容大家百度吧,这本在我心目中就是关于审美层面的设计书,不一定当时看了就有用,但是会影响你的设计。


《造型的诞生》 杉浦康平


这本可能没有那么好懂,不过对于理解一些形态的设计我觉得是有帮助的。


《世界现代设计史》《世界平面设计史》 王受之


我一直觉得设计师是需要了解历史并且一定要了解历史的,所以,请看完他们。


《艺术的故事》 贡布里希


艺术和设计,本来就是继承和发扬的关系,我们需要学会欣赏艺术。


《设计元素》  盖尔﹒格里特﹒汉娜 


每次翻看都有新发现的书,设计中很多原则性问题都可以在书中找到答案。


先写这几本,其他的等我想好了再补充


 


 





Orange.:

想设计的不一样,想交互更加直观便捷,所以花了很多时间想创意和设计界面。边做边放到ipad上面看时,发现右边的日历尺寸太小,只能通过按下拖动的方式选择时间,这样也行,但是如果用户第一次用,很大的几率会造成第一次体验感不好的印象,戳半天戳不到想选的日期。想的解决的方法是把左边的导航栏缩宽度,为最右边留出位置,但到最后也没改。动左边意味着全动,有图层整理的习惯,无奈图层太多,时间也有限最后就这样一直做下去了。还是开始设计原型欠考虑,光顾着导航栏去了,以后设计过程中要牢记。有不足之处,还望基友指点,以后设计的时候可以少走不少弯路...谢谢

山-略(mountaintao)首饰工作室 原创设计

MountainTao:

<花辞树系列>
“花之不耐开,如人之不常在”,须弥芥子,世事无常,草木本无情,却是人有意。
“花辞树”是花舞流年的眷恋,是韶华倾负的坦荡。是花还给树最后的惊鸿一瞥。
人之乐与苦如花开花谢,演绎世间悲喜,离开时方知是树给予花的恒定。
佛曰:一花一世界,一草一天堂,一叶一如来,一砂一极乐,一方一净土,一笑一尘缘,一念一清静。
世界再繁复终是要归为一念。

18k黄金镶嵌天然红蓝宝石。