UI设计师自学记:「抄袭别人」超越自己 - 优设-UISDC

UI设计师自学记:「抄袭别人」超越自己

2014/06/13 89579评论区

@牛MO王涵 :如果你对UI、图标感兴趣,却又不知道怎么开始怎么下手,那么希望这篇文章可以帮到你。临摹、抄袭,注定是一个受到争议的话题,老牛从自身经历的那段临摹的日子,来给大家聊聊这些事儿。

UI设计师自学合集:
《非科班如何成为UI设计师?》
非科班的我如何成为一名设计师?

临摹

“我不知道第一步要干什么”——相信这是挺多小伙伴们所苦恼的事情。看过之前系列文章的小伙伴们应该了解,我主张”玩设计”,做事先从兴趣爱好入手,这样你才有精力获得双倍甚至几倍的收益,否则因强迫而从事,终究提不起劲儿来。

做UI也是如此,当你有这个兴趣,有这种动力的时候,一定就会多多留意那些优秀的设计,自己喜欢的设计,将之收藏或者保存到特殊的文件夹。我非常推荐大家,建立一个文件夹存放那些你喜欢的优秀设计,可以考虑将其作为屏保定时轮播,闲暇之余就欣赏一下屏保,说不定哪天就会获得灵感。设计不是凭空想象的,需要多看那些优秀的案例和通过日常生活中获得更多的灵感,这时候你的文件夹就有意义了。

UI设计师自学记:抄袭别人,超越自己

我习惯将归类尽可能的清晰,这样浏览器来更具有效率。良好的设计习惯,会给自己的设计道路提供很多便利。哪怕你一天搜集一张优秀作品,三年下来也是1000多套的优秀设计,每个创意、配色、构图等都会潜意默化的成为你设计的一部分。

然后,选择一个你最喜欢的一个设计,把它作为你UI路上的第一步。我个人推荐第一个临摹的作品尽可能的难,具有挑战性,这样你在做起来才能狠狠的逼自己一把。就好似我们玩游戏,如果你上来就选择地狱模式,相信你再去玩容易模式一定是易如反掌。案例的选择没有限制,我个人更喜欢选择一个图标作为案例,因为在你不了解产品设计流程时,是最易上手的。同时,也是对你软件熟练度有一个良好的提升。

UI设计师自学记:抄袭别人,超越自己

图片来自设计师: Sanadas

老牛临摹的第一个作品,就是桑大师的电话图标。其实当时根本不知道这是国内设计师设计的,潜意识的以为像这么牛逼的设计一定是国外的,拿来做临摹作品一定不会有人发现。恰恰最后被自己的小聪明玩弄了。当时在iconfans论坛(现为UI中国)发布后,便有网友留言说:”这是桑大师的作品,这是源地址……”同时,网友们还细心的为我指明了和原作的差别。

毕竟是第一次做图标,即使是临摹。也花了断断续续20几个小时的时间。有些细节怎样弄也达不到原作的效果,你个小菜鸟又不能去问原作本人,于是就去搜索网上教程,比如”金属质感教程”,”塑料质感教程”等等,目的就是提升自己设计如何还原原作。没有下载PSD文件,是为了防止自己偷懒查看源文件的图层,这样对能力的提升多少会有弊端。

在临摹的时候,也是要不断的思考。为什么原作的电话绳更自然?为什么拨号轮的内阴影那么重?为什么非常细小的细节要刻画的那么深刻?为什么白色的高光没有那么明亮?等等,如是思考。临摹去选择一些有源文件的最好,因为当你遇到瓶颈的时候,你可以打开原作的源文件看看高手是如何处理的,也许你完全想不到的一个小小的功能就能实现你解不开的难题。但是不代表你遇到瓶颈就把对方的文件拷贝过来,那样还不如不要浪费时间去陪陪另一半。

对于临摹,你要还原原作的90%以上,这是基本。如果能达到99%,那就非常好了,你已经不需要继续练习临摹浪费时间了,因为你的技能已经完全跟上了。当然不要指望能完成100%,世界上不会有绝对一模一样的东西存在,设计也是,即使视觉上对了,思想和灵魂也绝对不会百分之百一样的。

结合

临摹不仅仅在于提升自己的技能,更重要的是,提升自己的设计感觉,找到感觉做事情就会轻松顺利很多。而且在临摹的时候,你知道该建立一张多大的画布,多少分辨率,图标尺寸应该多大,哪里适合矢量路径,哪里适合位图笔刷,哪种是3D做的,那种是AE做的,等等。做事情不是手脑配合,那么始终会举步不前的。

UI设计师自学记:抄袭别人,超越自己

图片来自设计师: Sanadas

我们经常会见到这样的作品,它们的尺寸都是800*600大的尺寸,实际上,这个尺寸是专业UI网站Dribbble的展示尺寸(早期尺寸是400*300),为了能完美展示自己的作品,所以大部分有Dribbble账号的设计师都按照这个尺寸来设计,分辨率是标准的72像素,对于图标本身的尺寸没有定性,但是大部分会遵从512*512尺寸大小。关于其他具体尺寸,未来我会新开一片文章详细讲解。当然,这个画布和分辨率不是绝对的,每个网站适配尺寸都不一样,更灵活更具有变通性,才应该是一个设计师所具备的。

我很建议大家先找到一位你喜欢的设计,将他的作品仔细研究一遍,然后不断的练习,在过程中寻找原设计师的设计思路。在完美临摹了几张作品后,就要做更深一步的练习,加入自己的想法。从上面临摹作品可以看出,将原作的主视觉替换成CD光盘,同时加入一些手绘元素,折角的处理也完全不同,目的就是希望和原作有所改变。设计完后,再次相互对比原作,从中体会到与原作的差别,无论是配色还是构图,还是细节。为什原作的缝线看起来更自然,为什么原作顶部的金属夹看起来更漂亮,为什么原作的折痕看起来更有趣,为什么原作的设计理念会准确而临摹的作品会没有主题?这些反思的过程,都是下一套优秀作品的基石,只有在不断的思考过程才会更有长进。

很多时候,设计师容易将自己带进”牛角尖”里。所谓的牛角尖,就是对刚设计完的作品非常满意,完全找不出缺点。这个时候就非常建议给其他小伙伴或者展示平台,让大家给提供意见,不要觉得别人的建议是不懂你,其实是你自己不愿意去听不好听的话而已。还有,阶段完成后,每过一个月,就回顾看看自己的作品,看看自己是否还满意,是否还有可以改进的地方,反思自己在当时遇到的瓶颈是否突破了,反思自己再次设计是否有全新的认识。我相信真正优秀的设计师,是不存在自己最满意的作品的,因为他知道自己会一直超越自己,创造更加美好的设计,否则就不会有那么多版本升级和2.0的存在了。

当然,自身迷茫的状态,临摹是一件快速提升的行为,和抄袭完全是两个概念。如果自身很有悟性,那么从原创开始的行为会更加有所成长,拥有自己的设计风格和设计语言。

抄袭现实

技能、思路、想法都有一定的提升后,该考虑进一步的升级了,做一些别人没有做过的作品来挑战一下自己。可以从我们日常生活,将美好的设计复刻出来,当然,别忘记思考和对颜色、细节的把握。临摹实物的一点好处是,你要自己去控制光影,自己去感受,而且是没有源文件让你来参考,你需要动脑”我该用什么来体现实物”?

复刻实物过程中,你需要自己定义颜色,自己定义光的来源,自己定义造型,自己定义大小。不知道如何进行的时候,想想曾经的那些练习,那些过程的思考——感受到基础对你的帮助了吗?

UI设计师自学记:抄袭别人,超越自己

以上图为例,复制现实中多种实物的质感,将之变成自己作品中的一部分,最后的成果绝对不会存在任何人作品的影子。当然,这幅作品欠缺了很多东西,细节也有很多纰漏,可是作为初期培养乐趣的练习是可以随意一些的。

UI在我们周围体现的太多了,你打开手机,把你手机图标、界面重新画一遍,然后放到手机里,和原系统进行对比,慢慢的能看到自己的拙劣了;然后看到喜欢的、感兴趣的,比如鼠标、电脑等,就画下来,也可以用软件做出来,在提升软件和造型的同时,也提升了自己对设计的初步认知。

你拿起一张纸,画了一幅画,就是对自己手绘提升了;

你拿起相机,出去拍了一张照片,就是对自己美感提升了;

你拿起软件,用快捷键画出一个圆儿,就是对自己软件能力提升了;

你打开电脑,看到高手们的设计并分析思考,就是对你自己思维提升了。

看到了吗,现实中任何事物都值得我们去抄袭,在这个过程中也会不断让自己能力的提升,即使是鲁班,也是从最简单的身边事物开始雕刻起,慢慢的有了自己的原创作品。提升,不是让你打坐光想,而是你从最简单的事情做起。

抄袭

什么是抄袭

抄袭,更多的被业内称为”剽窃”,它和临摹有根本上的不同。临摹是自己对原作的尊敬,通过模仿原作来提升自己的技能,目的是单纯的,展示对象也是自己或者周围朋友。通过媒体发布也会注明”原作某某”,”临摹某某等等”。而抄袭大多是工作任务中,找不到灵感,在查找素材时看到优秀的设计把之直接使用在自己的作品里,没有任何著名的、产生商业价值的行为。这种行为是可耻的,所以之前也提到过,非常不建议小伙伴们总是去下载”素材”,因为你不知道发布素材者是如何得到原作的,是否得到许可。如果你做小东西还行,可是当你养成习惯了,以后进入公司工作,项目中出现这种情况问题是多么严重的事情。

直接抠图

直接抠图,这可以说是最可耻的行为了,直接将原作的某个元素或者设计纳为自己的设计之中。

UI设计师自学记:抄袭别人,超越自己
 
UI设计师自学记:抄袭别人,超越自己

图片来自设计师: Chiho (曾志豪)

虽然说自己的作品在知名互联网公司产品中出现了,是件值得高兴地事,这说明你的作品得到了认可。不过在没有任何说明、声明的状态下使用,仍然是一种错误的行为。或许一次的失误,不仅丢了面子,还有可能丢了来之不易的工作。所以小伙伴们一定要注意,网络上的素材既然被设计出来就一定都是有版权所属的,记得要看清楚。

剽窃创意

从原作中获得的灵感,表现形式及其接近,配色方向使用相似,这就是创意的抄袭。如果仅仅是练习作品,那么没什么问题;如果说作品展示出来,并且因为某些原因参加比赛而获得名次,那么产生了商业价值,这样一定会被追求其责任而遭人唾骂。

UI设计师自学记:抄袭别人,超越自己
 
UI设计师自学记:抄袭别人,超越自己

图片来自设计师: 黑色蜗牛

不要聪明的以为自己的造型、图形上和原作不一样,可是大家都是聪明人,明显能看出作品的差距。抄袭来的创意很少具有”灵魂”,原作者所表达表现的思想,作为抄袭者是一定感受不来的。

元素的引用

视觉上有明显的原作痕迹,即使主视觉和原作有区别,但是仍然是抄袭中的一种。如果只是单独的某一个引用元素,还是可以说得过去的,但是大面积的,或者说设计中最出彩的地方作为引用仍然是不妥。

UI设计师自学记:抄袭别人,超越自己
 
UI设计师自学记:抄袭别人,超越自己

图片来自设计师: Windy_fly

借鉴者已将原作关闭、删除,并且向原作者表示道歉,而原作者Windy_fry也大度的不再追究其责任。其实这个过程很多小伙伴们东容易犯过同类错误,重要的是自己勇于面对。在哪里跌倒,在哪里爬起来,同时感谢那些扶起我们的原作者们。

撞衫

这是一种无法判定的事情。有些设计师在想到一个好想法,并且进行埋头设计到一半的时候,另外一个设计师不约而同的也发布了一套类似创意的作品。这样的事情可以说是思想上的好基友,只是我们没有证据去证明他们如此的心有灵犀,当然,也有可能作为抄袭辩论的陈辞。这样的事情只能让设计师自己去给自己做一个判定,自己的良心作为作佐证。

UI设计师自学记:抄袭别人,超越自己

图片来自设计师: MIRA黑岩 图片来自设计师: Kidaubis

这两套作品是早年QQ主题大赛的两套精品主题设计,作品都非常经典和优秀,双方在不约而同的时间发布了,虽然从创意上有类似,但是从任何设计元素上看都能感受到作者的设计思想上的不同。对于这种事,我们称之为”撞衫”。另外,像春晚大张伟的《倍儿爽》和鸟叔《江南style》这种”撞衫”我不能给予评价,尽管这两个歌让我快要疯掉……

原创

原创终究是设计师的出路,这样才能在设计的道路上越走愈远,这是一个漫长的过程,但是也是走向好方向的开始。当小伙伴们已经对设计有了一定的理解和思考,那么就请把态度端正,不仅仅是对作品,也是对自己一个好的交代。

原创亦简单,亦困难,这个过程仍然离不开多看、多想、多做的基础。或许这三个词是所有设计师都听到过的,但是还是要在这里按照老牛的思维去说一遍。

多看

在文章最开始前,老牛提到创建文件夹,收集优秀的作品,这就是一个看的过程。自古以来,人对图形的记忆力是最深刻的,即使你不经意地瞄过一眼的图片,你潜意识里已经对它有了一种记忆,无论是从颜色还是从造型上。在你的设计中,如果你用红色或者绿色,总感觉不对,就试图去看看其他优秀的作品是如何配色的。

多想

将看到的图片,进行细致的思考,优秀作品对配色的思考,对造型的思考,对构图的思考,对细节的思考,对创意的思考,对设计思路的思考。我们都看过电影,更有小伙伴是像我一样是影迷,回想我们看的电影,是否有自己的思考呢?影片讲什么?特效如何?画面美不美?欣赏优秀作品和看电影是一样的,做设计拼的就是大脑。不经过大脑的光看,那你一定是喜洋洋灰太狼的忠实粉丝。

多做

被火烧过,才知道烫;被针扎过,才知道疼。只有自身经历过,大脑才会记住这一系列的行为产生的结果,所以不断的动手做设计,结合大脑,想不提高都难。遇到难墙,第一时间想到的不应该是放弃绕行,而是自己思考如何推倒它。当自己力量真的有限时,再借助他人的力量、指导,继续推倒。你放弃一座山,就少看一处风景。

UI设计师自学记:抄袭别人,超越自己

图片来自设计师: 木老鼠

上面的图中,是我针对这篇文章进行调整,将两个地方”抄袭”了木老鼠前辈的设计,细心的朋友是否能找到呢?

是的,一处是掉落的笔削,一处是顶部的小亮光。优秀设计师对细节的把控非常了不起,他们的一些小创意都是我们应该学习的地方,慢慢的纳为自己所有,不断的改进和加入自己的思考,而不仅仅是把对方的原创意原方不动的复制过来。我常说和高手过招,遍体鳞伤,其乐无穷,就像武侠小说中的人物,哪一个剧情里的主角不是从无名小卒在和高手们过招中成长自己的?只有这样,才真正的做到”抄袭别人,超越自己。”

做人可以没节操,但是做设计不可以。

投稿者:@牛MO王涵

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量70万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/copy-and-surpass-yourself

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里