CF王牌高手电视擂台赛赛是怎么设计的,这么大的漏洞没想到吗

&p&用ps处理起来也很方便啦&/p&&br&&p&1、建个白色画布—添加杂色&/p&&figure&&img src=&https://pic1.zhimg.com/v2-33b0d329b6dfaf5a4d99f54327aee15c_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic1.zhimg.com/v2-33b0d329b6dfaf5a4d99f54327aee15c_r.png&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/v2-e0abb2ae7587_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic4.zhimg.com/v2-e0abb2ae7587_r.png&&&/figure&&br&&p&2、动感模糊&/p&&figure&&img src=&https://pic4.zhimg.com/v2-c46b600f0bfc63f57d621ffcce9f1cd7_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic4.zhimg.com/v2-c46b600f0bfc63f57d621ffcce9f1cd7_r.png&&&/figure&&br&&figure&&img src=&https://pic3.zhimg.com/v2-04b8ac2a5cb05a2d89be_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic3.zhimg.com/v2-04b8ac2a5cb05a2d89be_r.png&&&/figure&&br&&p&3、高斯模糊&/p&&figure&&img src=&https://pic2.zhimg.com/v2-fa608dcd699d2b942e29d19_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic2.zhimg.com/v2-fa608dcd699d2b942e29d19_r.png&&&/figure&&br&&figure&&img src=&https://pic1.zhimg.com/v2-1ffd0be545ae_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic1.zhimg.com/v2-1ffd0be545ae_r.png&&&/figure&&br&&p&4、变形工具变形(拉出想要的造型)&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d00a1f22f5dec6cc5bda81058f95dfe2_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic3.zhimg.com/v2-d00a1f22f5dec6cc5bda81058f95dfe2_r.png&&&/figure&&br&&figure&&img src=&https://pic1.zhimg.com/v2-283b8c580ca7c320fcba34_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic1.zhimg.com/v2-283b8c580ca7c320fcba34_r.png&&&/figure&&br&&p&5、曲线调色&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a9b0aaad025ae5_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic2.zhimg.com/v2-a9b0aaad025ae5_r.png&&&/figure&&br&&figure&&img src=&https://pic3.zhimg.com/v2-2d3f70e9b368f7124c1a_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic3.zhimg.com/v2-2d3f70e9b368f7124c1a_r.png&&&/figure&&br&&p&6、加个黑色的剪影,画笔调一下明暗就好(根据个人意向可以随意调整,步骤就略啦)&/p&&figure&&img src=&https://pic1.zhimg.com/v2-abe6cec29f8b_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic1.zhimg.com/v2-abe6cec29f8b_r.png&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/v2-beeaa50ce56d9f99aa0883_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic4.zhimg.com/v2-beeaa50ce56d9f99aa0883_r.png&&&/figure&&br&&figure&&img src=&https://pic1.zhimg.com/v2-fb1d880e43cc_b.png& data-rawwidth=&3360& data-rawheight=&2100& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic1.zhimg.com/v2-fb1d880e43cc_r.png&&&/figure&&p&大概就是这样,有用请点赞~谢谢~&/p&
用ps处理起来也很方便啦 1、建个白色画布—添加杂色 2、动感模糊 3、高斯模糊 4、变形工具变形(拉出想要的造型) 5、曲线调色 6、加个黑色的剪影,画笔调一下明暗就好(根据个人意向可以随意调整,步骤就略啦) 大概就是这样,有用请点赞~谢谢~
题主,你好!&br&&br&我比你虚长几岁,自17岁起就开始独居,算来也有10多年了。这些年里,我也时常因生活糟乱而苦恼,为自制力薄弱而痛悔。&br&&br&我试过所有或科学或经验的时间管理办法,希望使得自己更为自律。&br&&br&其中有些有用,有些没用,但如果从长远的时间跨度来看,&b&几乎所有的这些办法或技巧,都是没多大用处的。&/b&&br&&br&随着年岁的增长,我开始逐渐明白了一些道理,发觉以前的很多理念其实都是错误的,是媒体、畅销书作者凭空设计的概念,并不符合实际情况。&br&&br&虽然至今也没有变得太自律,但生活终归是在往好的方向发展,我也总结出了一些心得。&br&&br&也许不一定会对你有用,但我决定分享出来,希望能给你,以及有类似困惑的朋友以启发。&br&&br&&br&&b&心得一:自律不能一步到位&/b&&br&&br&&br&&br&在刚刚独居的那段时间里,关于未来,我有很多设想,譬如健身,做饭,每日读书,等等。&br&&br&但健身卡办完就基本不会再去,厨具买来从没进过厨房,买了一整箱的书,却连书皮都没拆开过。&br&&br&更糟的是,衣服堆到角落发臭了都还没洗,垃圾丢的到处都是,所有的业余时间都在玩游戏,每天晚上都在熬夜,每天早上都要赖床,因此,经常会迟到。&br&&br&&b&这不是我想要的生活。&/b&&br&&br&于是开始制定各种计划,查看各种时间管理的资料,希望能从头到尾得到改善。&br&&br&但结果是,没有一样能够坚持执行两个礼拜以上。&br&&br&我总想着一步到位,彻底改变自己的生活。但事实告诉我,这是非常幼稚的想法。&br&&br&首先,如果人要完全依靠意志力去坚持某样事情,那几乎是不可能的。因为意志力是有限的,它就像体力一样,是会被消耗的。&br&&br&所以我们必须养成习惯,因为习惯可以帮助我们在消耗非常少的意志力的情况下,轻松地坚持做某件事。&br&&br&但一个习惯的养成是非常困难的,需要长期的刻意训练。&br&&br&所以,当你试图一次性控制太多事情的时候,你很容易因为意志力的过度消耗而变得身心疲惫,乃至崩溃。&br&&br&而结果,往往是一段时间的彻底放纵,以及对自己失去信心。&br&&br&因此,我们要循序渐进,一件一件去改变,一口是吃不成大胖子的。&br&&br&值得注意的是,中途我们可能会懈怠,比如想减肥的你,某一天控制不住去吃了一顿饱饭。或者想要每天睡前阅读的自己,某一天晚上去玩游戏了,而没有去阅读。&br&&br&&b&这完全有可能发生,但这绝不意味着失败。&/b&&br&&br&我们很容易觉得,某一天没有坚持下来,这就是失败了,所以我还是放弃吧。&br&&br&不,你没有失败!你明天依然可以继续你的计划,只要你多坚持一天,你就多收获一分。&br&&br&&b&成功的关键不是你执行的多完美,而是你坚持的有多久。&/b&&br&&br&因此不要给自己压力,做的不完美没什么,偶尔放松一两天也没什么,这不是失败,你彻底的放弃它才是。&br&&br&你不但不能自责,你反而需要鼓舞自己,夸奖自己。责备会给你带来压力,而压力往往不会促使你前进,它更可能让你逃避。&br&&br&&b&所以从今天开始,扔掉那些写的太满的计划,先从一件小事做起,中途断过也没关系,这不意味着失败,做好了就奖励自己,没做好也别自责。当这件事养成习惯以后,你会发现自己可以毫不费力的坚持它了。&/b&&br&&br&&br&&br&&b&心得二:你要远离诱惑&/b&&br&&br&&br&我从小就是重度游戏迷,从红白机到htc vive,几乎所有游戏设备我都买来玩过。经常是睡觉前想着玩一把,结果打完一抬头发现已经天亮了。&br&&br&虽然游戏的过程是很愉快的,但不能否认它非常影响自己的工作、学习。&br&&br&虽然知道我这辈子不可能戒掉游戏(也没必要戒掉),但至少我不能被它所控制。&br&&br&因此,我的做法是,每次发觉自己在游戏里投入了太多时间,就卸载游戏,或者把机器拆开锁起来,甚至送到朋友家去。&br&&br&虽然之后我一定会再去装起来玩,但这个努力的过程是有必要的。&br&&br&有段时间,我需要在家办公,但在家里太容易变懒,一不小心就玩游戏去了,因此我还是专门找了个咖啡馆,就像上班一样朝九晚五。有时候怕自己刷太多微信,甚至连手机都不带。&br&&br&记住,永远不要高估自己的意志力,面对诱惑,很少有人能够坚持不动摇。我们对抗诱惑也会消耗意志力,而时间久了,你就会彻底崩溃。&br&&br&&b&所以,无论任何时候,你都要主动远离诱惑,就像不要考验人性一样,也不要考验自己的意志力。&/b&&br&&br&&b&它们都是禁不起考验的。&/b&&br&&br&&br&&b&心得三:自律与你的身体状态有关&/b&&br&&br&&br&事实上,你的身体状态,会极大影响你的意志、情绪、智力等等能力。&br&&br&有没有发现,当你没睡够的时候,会变得很容易发脾气,处理工作也容易走神,应该做的事情也不想去做。&br&&br&当我意识到这一点的时候,我就开始非常注意休息,因为只有身体得到良好的休息,才有足够的精力去处理工作。&br&&br&这里的休息,包括很多方面:&br&&br&1,早睡早起&br&2,中午小憩,但不会超过30分钟&br&3,体育锻炼&br&4,周末彻底放下工作,去做一些不消耗太多精力的事情&br&5,听音乐&br&&br&&b&这一切都以恢复精力为目的,只有精力充沛,你才能做好事情,才能做到自律。&/b&&br&&br&保持自律并不是只靠意志力就能做好的,普通人很难拥有太过强大的意志力,而且也没有这个必要。&br&&br&你要利用一切可以帮助你自律的因素,无论是环境,还是身体条件,甚至是别人的督促,公司/学校的强制安排。&br&&br&只有这样,我们才能更高效的保持自律。&br&&br&&br&以上就是我这些年的思考,也许并不那么正确,但希望能给你一些启发。&br&&br&--&br&&br&这是我第一篇知乎回答,犹豫了很久,还是决定写下。并不是敝扫自珍,而是自知阅历浅薄,怕写出来贻笑大方。&br&&br&但最后还是决定写下。因为我看到了有像我一样曾经迷惘过的人,我的些许经验,也许能够帮助到他们。&br&&br&如果觉得此文对你有帮助,希望能知会我一声,让我有动力以后继续在知乎分享一些我的思考和经验。&br&&br&谢谢大家!
题主,你好! 我比你虚长几岁,自17岁起就开始独居,算来也有10多年了。这些年里,我也时常因生活糟乱而苦恼,为自制力薄弱而痛悔。 我试过所有或科学或经验的时间管理办法,希望使得自己更为自律。 其中有些有用,有些没用,但如果从长远的时间跨度来看,…
更新:&br&&br&1. 目前在Dribbble上活跃的国内设计师数量已经超过1000名了。&br&&br&2. 不同于Behance,各大互联网产品的design team的加入让Dribbble越来越专注于界面视觉设计,以下是几个比较耀眼的:&br&&br&&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/dropbox& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Dropbox&i class=&icon-external&&&/i&&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/instagram& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Instagram&i class=&icon-external&&&/i&&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Squarespace& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Squarespace&i class=&icon-external&&&/i&&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Evernote& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Evernote Design&i class=&icon-external&&&/i&&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Facebook& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Facebook&i class=&icon-external&&&/i&&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/pinterest& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Pinterest&i class=&icon-external&&&/i&&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/github& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - GitHub&i class=&icon-external&&&/i&&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Spotify& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Spotify&i class=&icon-external&&&/i&&/a&&br&&br&更多请看这里:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/teams& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Teams&i class=&icon-external&&&/i&&/a&&br&&br&-------------------------------------------------------残忍的分割线-------------------------------------------------------&br&&br&鄙人就是Celegorm,感谢提及。&br&向总的资料比较老了,目前中国区Player(具备发作品和评论的权限)有463位,Prospects(俗称预备队员,只能点红心)有3380位,以上两个数据还不包括有设计师把自己的账号注册成Scout(猎头账号)的,以及没有标注所在地的。&br&&br&目前Dribbble中国区Top 10(以粉丝数为基准,地区标注为China的设计师,每位设计师的配图均以我认为无法被超越为标准放的):&br&&br&&b&1. Paco:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/pacoxiao& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Paco&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic3.zhimg.com/bfd0a4eab33e0c2cb9dc72_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&2. Sanadas:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Sanadas& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Sanadas young&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic2.zhimg.com/0f93edda822d3185dd9d_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&3. MVBen:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/MVBen& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - MVBen&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic1.zhimg.com/046fc929cdbfe668ed1bf95c_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&4. ididi:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/ididi& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - ididi&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic2.zhimg.com/5c00e85ff275947fedd0fd_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&5. Celegorm(鄙人):&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/celegorm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Celegorm&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic4.zhimg.com/778b7e4b336daacb27fb7ff_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&6. Aric:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/aric& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Aric&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic3.zhimg.com/9b293640abd67da1a6ea749c_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&7. Chee Fang:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/jordanfc& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Chee Fang&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic1.zhimg.com/cd973febc99b219ffa05780_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&8. chnvan(赤顽设):&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/-chnvan& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - chnvan&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic2.zhimg.com/bc66eb637b9e2ecc28eb9_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&9. JJ.Ying:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/JJYing& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - JJ Ying&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic1.zhimg.com/aadc0cad8d0abc697bf11e0_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&b&10. Shin:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Shin& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Shin&i class=&icon-external&&&/i&&/a&&/b&&br&&br&&figure&&img src=&https://pic1.zhimg.com/5caae601504c_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&/figure&&br&&br&补充一些我认为很有趣,同时也在中国区Top 50的设计师:&br&&br&01. 渐变小王子,标准帅哥一枚,爱好滑板滑雪等极限运动:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Neora& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Neora&i class=&icon-external&&&/i&&/a&&br&02. 南京的高手,一般我叫他D神,风格清新,用色大胆:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Delacro& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Delacro&i class=&icon-external&&&/i&&/a&&br&03. 在小米的高手,我觉得他比Dexter厉害多了,哈哈:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/yuekun& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Yuekun&i class=&icon-external&&&/i&&/a&&br&04. 谁不认识基卖大人?插画出身的资深高手:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Morcha& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Morcha&i class=&icon-external&&&/i&&/a&&br&05. Dribbble华人帮创始人,爱倒腾文玩又讲义气的前辈:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/n0dk4ne& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - n0dk4nE&i class=&icon-external&&&/i&&/a&&br&06. 洋气小王子,ABKer(链接后面请加个& - &,否则无法访问):&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/abker& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dribbble.com/abker&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&-&br&07. SkyUI的设计总监,招商银行手机客户端的部分图标就是他弄的:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/leilei602& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - leilei602&i class=&icon-external&&&/i&&/a&&br&08. 游戏和软件UI都玩得转儿的Mira,跟Kidaubis是兄弟:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/silencemira& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - MiRa&i class=&icon-external&&&/i&&/a&&br&09. 比赛小王子,各种比赛都能看到他的身影,拿奖无数,跟MiRa是兄弟:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/Kidaubis& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Kidaubis&i class=&icon-external&&&/i&&/a&&br&10. 金山电池医生的设计师,阳光好青年阿彪:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/charhen& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - charhen&i class=&icon-external&&&/i&&/a&&br&11. 老高应该是Dribbble上的华人第一人,中国大陆地区第一个收到邀请的:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/leongao& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Leon Gao&i class=&icon-external&&&/i&&/a&&br&12. V6DP版主,CG共和国创始人之一,著名锤子科技扫地僧:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/LEMUP& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Pumel&i class=&icon-external&&&/i&&/a&&br&13. 萌萌的清新风格,目前就职UC浏览器:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/stosion& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Stosion&i class=&icon-external&&&/i&&/a&&br&14. 留日回国,扎根杭州的低调设计师:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/CDYdesign& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - CDY&i class=&icon-external&&&/i&&/a&&br&15. 即是鼓手,又是Rapper,锤子科技首席图标总管:&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/keelee& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Kee Lee&i class=&icon-external&&&/i&&/a&
更新: 1. 目前在Dribbble上活跃的国内设计师数量已经超过1000名了。 2. 不同于Behance,各大互联网产品的design team的加入让Dribbble越来越专注于界面视觉设计,以下是几个比较耀眼的:
唔,多谢邀请。&br&其实这算
&a href=&http://www.zhihu.com/question//answer/& class=&internal&&产品经理新人是否有必要学习Photoshop?&/a&
的续集。&br&因为蛮多人私信问过,到底怎样才能快速学会。因为特别费时间,就一直拖着。&br&最后看到变成公开提问,终于狠心决定用大段时间来回答这个问题。&br&&b&视频地址在文章最后&/b&,来不及的孩子直接拖到最后吧。&br&&br&好吧……
其实真的很快。只是为了APP出界面的话(不许掐我哈~坚决没黑设计师,从实用,工程师快速出界面,出切图方向给的建议)。&br&先放一张图嗯。这样世界简单多了吧?&br&&figure&&img src=&https://pic4.zhimg.com/55a4ebfe71ae452c4dc94d8e269ccbd3_b.jpg& data-rawwidth=&885& data-rawheight=&701& class=&origin_image zh-lightbox-thumb& width=&885& data-original=&https://pic4.zhimg.com/55a4ebfe71ae452c4dc94d8e269ccbd3_r.jpg&&&/figure&&br&第一次还没开始答题,就被赞和收藏嗯嗯~~压力很大,熬夜也赶完视频嗯嗯~~&br&放视频教程里面,APP界面图:&br&&figure&&img src=&https://pic2.zhimg.com/4bb67c7ec04b815fb415_b.jpg& data-rawwidth=&400& data-rawheight=&711& class=&content_image& width=&400&&&/figure&&br&学会的使劲蹭蹭屏幕表示感激吧~~&br&跳过吃饭聊天讲八卦互殴(再另外2个小时)直接讲剧情了~~&br&没学会的可以试试Google,或者点击“猪头楼主被雷劈+1”&br&&br&&b&补充说明,这是2014年一个老答案,部分图形已过时不用,内容供参考。&/b&&br&&b&矢量可试试:&a href=&//link.zhihu.com/?target=http%3A//www.lanrentuku.com/vector/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&矢量图素材_懒人图库&i class=&icon-external&&&/i&&/a&。&/b&&br&&b&标准UI设计,官方会有大量标准图案供下载,官方文档会有更多信息。&/b&&br&&b&我个人偏好AI,因AI可用于插画创作,而且苹果和win用户都能用,用途广泛且方便。&/b&&br&&b&若有其他遗漏信息,试试Google一下,应该有最新解答。&/b&&br&&b&如下是原来答案,&/b&&b&祝学习愉快~ 嗷~~&/b&&br&&br&顺便把Android 矢量图标放这里:&br&&a href=&//link.zhihu.com/?target=http%3A//vdisk.weibo.com/s/yXbndbgZnaYed& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&android4.0图标.ai&i class=&icon-external&&&/i&&/a&&br&&figure&&img src=&https://pic4.zhimg.com/a7adbdbf27f56f227f7998f_b.jpg& data-rawwidth=&817& data-rawheight=&234& class=&origin_image zh-lightbox-thumb& width=&817& data-original=&https://pic4.zhimg.com/a7adbdbf27f56f227f7998f_r.jpg&&&/figure&&br&IOS矢量图这里:&br&&a href=&//link.zhihu.com/?target=http%3A//vdisk.weibo.com/s/yXbndbgZnaYeg& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iphone ui vector elements.ai&i class=&icon-external&&&/i&&/a&&br&&figure&&img src=&https://pic1.zhimg.com/301e7d87f498c5ad01e148e571b86ed4_b.jpg& data-rawwidth=&866& data-rawheight=&268& class=&origin_image zh-lightbox-thumb& width=&866& data-original=&https://pic1.zhimg.com/301e7d87f498c5ad01e148e571b86ed4_r.jpg&&&/figure&手势示意图,方便标注手势:&br&&a href=&//link.zhihu.com/?target=http%3A//vdisk.weibo.com/s/yXbndbgZnaYd6& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&vdisk.weibo.com/s/yXbnd&/span&&span class=&invisible&&bgZnaYd6&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&figure&&img src=&https://pic1.zhimg.com/81c4fb3de5f0a6f5976c0_b.jpg& data-rawwidth=&564& data-rawheight=&173& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic1.zhimg.com/81c4fb3de5f0a6f5976c0_r.jpg&&&/figure&&br&&a href=&//link.zhihu.com/?target=http%3A//vdisk.weibo.com/s/yXbndbgZnaYcM& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&vdisk.weibo.com/s/yXbnd&/span&&span class=&invisible&&bgZnaYcM&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&figure&&img src=&https://pic3.zhimg.com/fe46c1c3cd87f159faa295a_b.jpg& data-rawwidth=&541& data-rawheight=&155& class=&origin_image zh-lightbox-thumb& width=&541& data-original=&https://pic3.zhimg.com/fe46c1c3cd87f159faa295a_r.jpg&&&/figure&&br&网页界面也一样,有大量能重用的素材。&br&&a href=&//link.zhihu.com/?target=http%3A//vdisk.weibo.com/s/yXbndbgZnaYcy& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&vdisk.weibo.com/s/yXbnd&/span&&span class=&invisible&&bgZnaYcy&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&figure&&img src=&https://pic4.zhimg.com/1663dfca692b9a33ea9c7b8d5921e5fb_b.jpg& data-rawwidth=&600& data-rawheight=&275& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic4.zhimg.com/1663dfca692b9a33ea9c7b8d5921e5fb_r.jpg&&&/figure&&br&网络都可以下载到,还有更多更多类似的。&br&这样超快速重用已经造好的轮子,快速出图~&br&&br&第一次录制,经验不足,讲解应该可以更有条理来着~~&br&各种废话跑题感言完毕~ 视频在这里嗯嗯~~&br&记得重看最上面的大图,只需要记得那几个功能,足够了。&br&&a class=&video-box& href=&//link.zhihu.com/?target=http%3A//www.tudou.com/programs/view/n1ogqSpxTxY/& target=&_blank& data-video-id=&& data-video-playable=&& data-name=&2小时学会用AI做UI& data-poster=&http://i1.tdimg.com/173/269/860/p.jpg& data-lens-id=&&&
&img class=&thumbnail& src=&http://i1.tdimg.com/173/269/860/p.jpg&&&span class=&content&&
&span class=&title&&2小时学会用AI做UI&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&http://www.tudou.com/programs/view/n1ogqSpxTxY/&/span&
&/a&&br&看完视频再问自己一次:&br&会保存,导出了么?&br&会画矩形,圆形,线条并更改颜色了么?&br&会使用其他人的素材了么?&br&会快速搭配颜色了么?&br&知道从哪里找到所需素材了么?&br&嗯嗯~就这些,够用了。&br&&br&——————补充——————&br&我用的CS6,但是版本不影响。因为这是最少最少的功能了。排列方式等等,每一个版本都是一样。&br&如果可能,尽量使用最新版,因为网络素材,尤其是韩、美国那些,常常是最新版,低版本偶尔无法打开高版本设计的图。&br&教程送给工程师朋友,希望他们能跳过设计界面的痛苦,不许掐我嗯嗯~&br&另外,卖萌图片等等,一样可以搜索矢量图。可爱的天气图标,吃豆子的图标等等~&br&我想说的只是,重复利用素材,就像代码开发时,使用人家成熟模块一样。&br&一切从零开始会有点慢。嗯嗯~~&br&&br&补充一个忘记讲的。唯一一个,只需要记住&b&解除编组&/b&就可以了,跟视频里面讲的一样,眼睛往上看。&br&比如你只想要界面中的按钮,却只能选中所有,看属性里面“编组”表示这一对编组在一起。&br&右键(跟word等等一样)选择取消编组就好了。编组就是把一堆东西捆在一起了。方便一起移动。&br&&figure&&img src=&https://pic4.zhimg.com/97ad54a088bbcfdf23606edb_b.jpg& data-rawwidth=&482& data-rawheight=&323& class=&origin_image zh-lightbox-thumb& width=&482& data-original=&https://pic4.zhimg.com/97ad54a088bbcfdf23606edb_r.jpg&&&/figure&&br&解除编组后就能单独移出了。&br&单选,多选,多选后取消某个选项,快捷键跟win系统一样。Ctrl + 鼠标单击。&br&总是就是,软件设计者不是坏人,他们会最大程度重用大家熟悉的手势,熟悉的快捷键。&br&&figure&&img src=&https://pic3.zhimg.com/021ab4abdb02_b.jpg& data-rawwidth=&892& data-rawheight=&400& class=&origin_image zh-lightbox-thumb& width=&892& data-original=&https://pic3.zhimg.com/021ab4abdb02_r.jpg&&&/figure&&br&看到评论了,关于我的APP,全部开源,代码在这里:&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/rarnu/root-tools/tree/master/ActivityCalendar& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&root-tools/ActivityCalendar at master 路 rarnu/root-tools 路 GitHub&i class=&icon-external&&&/i&&/a&&br&GooglePlay里面有APP简介:&br&&a href=&//link.zhihu.com/?target=https%3A//play.google.com/store/apps/details%3Fid%3Dcom.zoe.calendar& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&活动日历 - Google Play 上的 Android 应用&i class=&icon-external&&&/i&&/a&&br&嗯,由于工程师太忙没有时间维护(他有自己项目在忙)。&br&我只能继续维护后台数据,没办法更新前端了。&br&嗯,如果有人喜欢,拿去用吧。但是里面手绘的猪头不可以用~~&br&嗯嗯~~因为我很喜欢猪头~~那是我的猪头~~&br&别的随便用嗯嗯~~~
唔,多谢邀请。 其实这算
的续集。 因为蛮多人私信问过,到底怎样才能快速学会。因为特别费时间,就一直拖着。 最后看到变成公开提问,终于狠心决定用大段时间来回答这个问题。 视频地址在文章最后,来不及的孩子直…
&p&我觉得已有问题没真正提供有效的帮助,楼上各位给题主提供的心得,本质上和鸡汤一样,只能解渴不能果腹。下面是我这几年经验的总结和思考,虽然我并不算是最出类拔萃的UI设计师,但也希望对题主和其他新人有益。&/p&&p& --------------------------------分割线-----------------------------------&/p&&p&这两年有些新的感触,在公众号里重新更新了一遍这篇文章!把很多错误修改和校对了一下~~欢迎大家关注我的公众号查看更新的内容吧~~&/p&&p&以后新文章都会整理在这里,有疑问可以在这里和我提,尽可能回复&/p&&br&&p&公众号ID:&b&超人的电话亭&/b&&/p&&br&&p&&a href=&//link.zhihu.com/?target=http%3A//weixin.qq.com/r/gTru9lzEAgF9rRiV92_T& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/gTru9lz&/span&&span class=&invisible&&EAgF9rRiV92_T&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& (二维码自动识别)&/p&&p&--------------------------------分割线-----------------------------------&/p&&br&&p&&b&第一点:学习准备——启蒙&/b&&/p&&p&学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知。在开始正式学习前,你需要花足够的经历去了解和查阅它的起源、发展、应用、未来。UI作为平面设计的一部分,再往上又从属与美术学这一大类。因此,首先要先去了解整个美术史的发展。从人类起源各个阶段中,美术经历了什么样的变化,在各自的时代发挥了什么作用,近代美术史又经历了哪些波折,平面设计艺术是如何发展壮大走进千家万户,并且有哪些经验成功过度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处,他们为美术学发展做出了哪些贡献,他们的名作到底有何动人之处。
在今天的UI设计群体中,我们作为专业的设计人员,可以和别人侃侃而谈雷军的创业心得,罗胖子的工匠情怀,滴滴快滴的商业模式以及BAT在传统行业的布局等等,各种其实并不太相干的话题,却说不出半点艺术见解。
我们看不懂博物馆展览那些画作,不知道梵高画了什么作品,抽象派到底在闹腾些什么,更甚者连扁平化的推动有什么深层次的原因都不明白。如果说最近很火的二月河说大学生不看《红楼梦》是耻辱尚有争议性,那么设计师无法理解前人艺术成就是绝对的悲哀,无法去辩驳的事实。
&b&了解美术史,学会入门的美术鉴赏,目的是以正视听&/b&。学会用多个纬度去思考美学,学会用更深入的方法来看待问题,学会从更宏观的视角审视行业……这样,你才能更客观的去理解UI的发展历程。这些知识和思想,将为你的职业生涯做出启蒙,才更容易成为一个有内涵有深度的设计师,这当中还有诸多优点,就得靠你们自己慢慢体会。
下面推荐书目:&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《艺术的故事》([英]贡布里希)&i class=&icon-external&&&/i&&/a&(重点)
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《西方美术简史》((美)亨德里克?威廉?房龙)&i class=&icon-external&&&/i&&/a&
近代设计史 (一下搜不到这书的地址,回头我拍张照片)
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《设计心理学3:情感设计》&i class=&icon-external&&&/i&&/a& (有1.2.3,都得看)&/p&&p&以上是我目前看过能想到的最基础书目,如果有朋友觉得还有合适的请给我留言补充上来。
哲学有三大哲学问题,“你是谁?”“你从哪里来?”“你要到哪里去?”,构成了哲人在探索人世真理时的基础框架。我们也一样,要在阶段给自己提出三个问题,并花至少一个月的时间寻找答案:
&b&设计是什么?设计是如何产生的?设计可以做什么?&/b&&/p&&br&&p&&b&第二点:绘画技巧——洞察&/b&&/p&&p&这个点更新了一片回答~~可以参照这个!&/p&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&学手绘对于UI设计师的意义是什么? - 酸梅干超人的回答 - 知乎&/a&&p&曾经和很多同行争论过,UI设计,到底需不需要手绘训练。想必大家都知道,目前国内知名的UI设计师,站酷、&a href=&//link.zhihu.com/?target=http%3A//UI.CN& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&UI.CN&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&、追波上的大神们,很多都是草根出身,从其它行业空降来的,他们的出色是有目共睹的,似乎从某种层面上证实,不需要有绘画基础,也可以做好UI,也可以当大神?&/p&&p&图样拿衣服!我们来说说绘画的问题。&/p&&p&美术高考主要考的三大项:&b&素描、速写、色彩&/b&。就是绘画入门的三大基础课题,我们学习的过程也是以这个顺序逐步覆盖的。如果你已经在第一部看完了那些书籍,就会知道,学习基础绘画的过程中,我们在纸张上对现实世界的物体进行细致准确的描绘,也就需要我们更仔细的观察事物。光照射的角度是如何的,在对应的形状中表现出什么明暗分布,在透视原理下杯口厚度的弧形是怎么变化的。随着绘画的深入你就会逐渐培养一双洞察细节的眼睛,你会对所有设计和形体做出本能的反应,分析它们的美丑,找出核心所在。&/p&&p&我们看看下面这样的案例:&/p&&figure&&img src=&https://pic2.zhimg.com/9af459b66f006d8b2ced_b.jpg& class=&content_image&&&/figure&&p&这是一个很简洁的小鸟,只用几个细节就轻松的表现出来,但我相信,如果要原图照抄,有90%以上的UI设计师是画不出精髓的(不信你们试试)。越是这般简单的图形,在弧度、头身比、重心偏向这类细节上就越关键,如果你没有良好的观察能力,那么就连抄也抄不像,你只能做出曲线都歪歪扭扭的贝西货并自己洋洋得意的四处上传设计媒体求赞求认可。&/p&&p&前面提到的这批国内的大神,其实就是在远超常人的勤奋中积累了观察的经验,以此可以复制一定的风格,并能发现设计中的细节而不断做出改正。但这就完了么?当然不是。&/p&&p&你们可以仔细去观察这些没有绘画能力的UI设计师,他们的作品存在着很强的局限性,虽然可以很好完成熟悉领域和流行风格的设计,但是形势是很单一,并且缺乏真正的创造力。强大的手绘能力,除了提高洞察力以外,就是为你将来创作的多元化提供更多可能,看下面案例:&/p&&figure&&img src=&https://pic2.zhimg.com/8e8a3c3e04afc980c1fa8c218a0bf765_b.jpg& class=&content_image&&&/figure&&p&比如绘制这样的图形,私以为没有手绘技能无异于天方夜谭,而GAME UI的最大门槛就在这里。你的绘画技巧会支撑你跨过更多的门槛,在设计的道路上有更多的选择和可能,也会支撑你走的更远。&/p&&p&那么学习绘画要到什么程度呢?&b&直到你觉得可以正确绘出静物为止&/b&。推荐去报一些高考培训的机构,和高三孩纸们一块儿学画,你会提升的相当快,这个过程只需要两三个月的时间。不要觉得可以跳过,将来成为出色设计师的成本将远低于不学习绘画的其他人。&/p&&p&还有,最重点要掌握的一个绘画技能,我觉得是&b&结构素描&/b&。&/p&&figure&&img src=&https://pic1.zhimg.com/e49a5c6bd607ac597cc9a34_b.jpg& class=&content_image&&&/figure&&p&你就可以在纸张上对想绘制的图形做出快速、准确的打稿,效率和延展性远胜上机鼠绘。
手绘将贯穿你整个职业生涯,在今后的学习工作中要保持这个习惯,相信我,每到一个合适的时机,它总会给你带来意想不到的惊喜。&/p&&p&&b&第三点:掌握软件——手段&/b&&/p&&p&这一步就正式开始进入学习软件的步骤。如果学习的是UI,那么以下几种软件是必不可少的:
PS、AI、DW、Sketch……其余的根据爱好自己补充
这里要先和大家谈谈,我们都知道美工对于设计师来说已经成为具有侮辱性的贬义词,设计师们喜欢反驳,你丫才是美工,你全家都是美工。有点小理想的有志青年们都对这个称谓充满鄙夷,但我得给大多数人泼冷水,因为大多数设计师连一个合格的美工都够不上。
我们知道美工代表的是一种技师的称谓,有一定技巧但没有创造力。可偏偏就是绝大多数人都没有掌握足够的技巧,这就是当前设计行业所需要面对的事实。很多设计师没有经过前两个步骤的熏陶的,所以在学习软件的过程中很容易自满,明明对软件的掌握还很肤浅就已经恬不知耻的在简历中输入”精通“二次(哎呀,好像在说我自己!)。他们的视角是狭隘的,只认为学会了PS这些工具,就学会了设计,也忽略了自己远远没有达到美工门槛的界限。下面我来谈谈怎么学习这些软件。&/p&&p&首先看李涛视频的前三课:&a href=&//link.zhihu.com/?target=http%3A//www.360doc.com/content/11/58.shtml& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&李涛PS教程(全集)&i class=&icon-external&&&/i&&/a&&/p&&p&只看前三课!重复强调一遍,先只看前三课,并且做好笔记把所有内容都背到滚瓜烂熟为止(我看了至少五遍以上)。这是整个UI设计行业里最基础的知识点,光、色、分辨率、色彩模式,连这些都没有掌握你就不要想精通设计软件和掌握它们的原理。&/p&&p&然后你就开始去看别的视频教程,这时候可以去淘宝买:&a href=&//link.zhihu.com/?target=http%3A//s.taobao.com/search%3Fq%3DPS%25E6%E7%25A8%258B%26commend%3Dall%26ssid%3Ds5-e%26search_type%3Ditem%26sourceId%3Dtb.index%26spm%3D1.%26initiative_id%3Dtbindexz_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PS教程&i class=&icon-external&&&/i&&/a&&/p&&p&几块钱就有一打的高清入门视频,不要浪费时间在搜索免费的低质量视频上。入门教程基本都是相同的,你要完整的看完和跟着学习几个新手教程,直至对软件使用有了初步的理解,然后再返回去看李涛的视频剩下的内容。&/p&&p&那软件要学到什么程度?学到你可以用它临摹出任何使用这种软件设计的图形。一定要记住,设计软件只是我们用来实现设计的一种手段,过渡沉迷在软件的研究中是本末倒置的,但如果你使用软件连抄都抄不出来,那就是一种不需要反驳的耻辱。例如下图:&/p&&figure&&img src=&https://pic2.zhimg.com/357a0b35caa6f0cafdaf2b71_b.jpg& class=&content_image&&&/figure&&p&这样的作品,你有了足够的观察力,靠对软件的掌握度就可以轻松临摹,但很多已经从业数年时间的设计师连这种临摹都做不到,原因在哪里你们自己好好想想。软件的掌握是为你实现更多设计方案提供可能性,不要让软件熟悉度这件最简单容易的技能变成自己的短板,至少我们要成为一个&b&合格的美工&/b&!经常自己做一些练习来测试自己对软件掌握度在哪里,就很容易发现问题,然后自己去查资料做研究。下面就是一个我很久以前做的软件练习(要点开大图,大神轻拍= =!):&/p&&figure&&img src=&https://pic4.zhimg.com/dbb8f1e19de7f_b.jpg& class=&content_image&&&/figure&&br&&p&好好去理解每个软件可以实现什么,优势是什么,极限在哪里。然后你就再!也!不!会!跑去大神评论区里问:&b&好牛逼,请问这是PS做的吗?&/b&请和我默念这是本世纪设计界里最愚蠢的评论,不要让它们发生在自己身上。
再唠叨一次&b&,软件只是一种手段,你还并不懂设计,少吹牛逼!&/b&&/p&&p&&b&第四点:设计理论——实践&/b&&/p&&p&广义上来说,到这步才是真正开始学习设计,也是让一、二两点作用开始充分发挥的时候。
因为看过艺术史,所以你会知道,每个时代流行的艺术创作有各自的手法特点,有共性,所以可以被归纳和总结,也就可以教授,培养出相同的作家。换句话说,&b&美术家是可以被量产的&/b&。在理论不断被完善的今天,要做出好的设计一样是可以通过理论学习——实践产生,一定不要认为这是天赋上的差距,别人比自己就更有艺术细胞。那些能被历史铭记的艺术大师,之所以伟大,是因为他们的开创性或者作品所包含的人文精神和伟大的灵魂,而不只是一幅出色的图画。
前面的几点都为你提供了足够的实践基础,所以在这部才能让你正确看待自己的潜力,不会轻易停下追求进步的脚步。只有最伟大的设计师才需要较量天赋,而成为一个优秀的设计师靠的是努力。&b&设计是勤行,不是设计人,不入设计门&/b&。
那么理论知识我们该学习什么呢?首先是基础中的基础:&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3DpYdICyHf-KBKW6cWKOu0-PYGeKXGmc61bT1x_XJCeAFwtVUEmzY6JPbpQDs2FBo_5pikwNUTmuyIQAGglJXPja& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&三大构成(基础含义)&i class=&icon-external&&&/i&&/a&
每个方向都需要阅读相应的教材,重要性无以复加,你需要在观看的时候一边做练习。然后才是具体设计类的书籍,记得不要再买那些无用的通篇告诉你软件操作的书籍。
还有个差点被我忽略,本来想单当一个步骤说得,后来想想还是归纳到这里来,那就是对于字体的认识。UI设计师普遍对字体缺乏敬畏,尤其在扁平化盛行的今天,字体的作用更加突出。只有掌握了字体的奥义,才能设计出有力的排版,才能对可读性和观赏性文字符号有充分的了解。比如日本二十四节气网站就是运用字体的优秀案例:&a href=&//link.zhihu.com/?target=http%3A//zhan.renren.com/mumuyi2013%3Fgid%3Dfrom%3DReblogNewFeed%26ref%3Dhotnewsfeed%26sfet%3D3711%26fin%3D0%26fid%3D%26ff_id%3Dplatform%3D0%26expose_time%3D%26checked%3Dtrue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&日本二十四节气网站&i class=&icon-external&&&/i&&/a&(原网站好像打不开了,只有图)。推荐书目:
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《商业字体设计》(方茜)(&i class=&icon-external&&&/i&&/a&一定要看!!)
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《好字体》(向玫玫)&i class=&icon-external&&&/i&&/a& &a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《文字设计的原理》([日]伊达千代,内藤孝彦)&i class=&icon-external&&&/i&&/a&&/p&&p&接着就是关乎排版,&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3DAKQt41LBwBxzdwCqKl6xR6oQCsknHpwifuXT7mqjOpe2q3CJrQ8yT0jpLAyfGuazBUOnEjYmM1X_wRJlHMsmxq& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&栅格化_百度百科&i class=&icon-external&&&/i&&/a&、&a href=&//link.zhihu.com/?target=http%3A//www.zoomla.cn/blog/tech/1986.shtml& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传统网页布局栅格化设计分析&i class=&icon-external&&&/i&&/a&,这也是UI设计师必须掌握的基础技巧之一。对栅格化有充分理解,就可以设计出足够安全而和谐的页面,下面书目:
栅格排版法(找不到了,我回去翻翻)
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《版面设计的原理》([日]伊达千代,内藤孝彦)&i class=&icon-external&&&/i&&/a& &a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《超越平凡的平面设计 版式设计原理与应用》([美]麦克韦德(John McWade))&i class=&icon-external&&&/i&&/a&&/p&&p&还有一些相关的基础推荐书籍,太困,记不起来,希望知友推荐:
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《形式感+:网页视觉设计创意拓展与快速表现》(晋小彦)(&i class=&icon-external&&&/i&&/a&重点推荐)
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《在你身边,为你设计:腾讯的用户体验设计之道》&i class=&icon-external&&&/i&&/a&&/p&&p&设计的理论书籍教会你怎么设计,你需要在不断接受知识的同时,马上对它们做实验,不停的练习,不停的产生问题并解决。在你的设计观念足够成熟前,绝对不要没事上网看设计的XX法则,如何做好网页设计你需要掌握的XX个技巧,完全就是设计界的鸡汤文,它们看着其实挺有道理,但完全没办法给新人提供实践指南,是用来遗忘的,即使看再多这类鸡汤文,你也做不好设计。举个本题内的例子:&/p&&figure&&img src=&https://pic2.zhimg.com/7f5be3f2917650cfdbd1d_b.jpg& class=&content_image&&&/figure&&p&这样的回答实际上可有给你提供详细的帮助?没有(无意冒犯)!你的学习过程在每个方面都要系统而有调理,书籍比零碎的阅读可以给你带来更多的帮助和进步。&/p&&p&&b&第五点:逻辑取舍——平衡&/b&
在我这个回答:&a href=&http://www.zhihu.com/question//answer/?group_id=723264& class=&internal&&视觉设计师是怎样让前端工程师 100% 实现设计效果的? - 酸梅干超人的回答&/a&
已经说很详细了,作为UI设计师,是必须掌握前端的对应技能的,这不是可以完全无限制的发挥设计技艺的地方,你就要有取舍,要跟的上前端开发的逻辑,做出稳定可以被实现的设计稿。
学会HTML5 CSS3 JQ的入门,安卓、IOS的实现规范!&/p&&p&&b&第六点:鉴赏模仿——超越&/b&
特地把这点放到后面,也是有理由的,前面的步奏都是一个设计师基础素养的实现,而一个出色设计师还需要培养自己的套路和风格——站在巨人的肩膀上。
你要学会如何辨别优秀的作品,可以从多个渠道收集优秀作品和案例,首推使用:
&a href=&//link.zhihu.com/?target=http%3A//behance.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&i class=&icon-external&&&/i&&/a& &a href=&//link.zhihu.com/?target=http%3A//huaban.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣网&i class=&icon-external&&&/i&&/a& (又到了求粉的季节,懒惰的可以只看我的花瓣 &a href=&//link.zhihu.com/?target=http%3A//huaban.com/uncle-superman/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&死翘翘的超人的花瓣个人主页&i class=&icon-external&&&/i&&/a&)
&a href=&//link.zhihu.com/?target=https%3A//www.pinterest.com/search/%3Fq%3Dweb& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&www.pinterest.com&i class=&icon-external&&&/i&&/a& &a href=&//link.zhihu.com/?target=http%3A//hao.uisdc.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SDC设计师网址导航&i class=&icon-external&&&/i&&/a& (其它的可以在导航里逛)&/p&&p&学会看优秀的案例,用它们给你提供设计的燃料,然后你要做的就是抄!抄!抄!用你学过的设计理论在实现中对案例进行分析,只有发现了它们的优点并自己动手实践实现了,才对你的提升有实际帮助。你每天抄一个案例,BANNER、ICON、APP界面,那么不出几个月,你就能对现有的设计形式套路了如指掌,可以设计出安全不会有太大毛病的UI设计稿,你可以轻松完成这样的:&/p&&figure&&img src=&https://pic1.zhimg.com/e7a26cfcd011b71f65aca60_b.jpg& class=&content_image&&&/figure&&br&&p&而不会做出这样的:&/p&&figure&&img src=&https://pic4.zhimg.com/68c1cef882ebc_b.jpg& class=&content_image&&&/figure&&p&同时,必须提醒一点就是,我们在设计过程中对美的追求和实际实现、用户需要很多时候是不一致的,这是一个坑,需要有足够的经验去判断什么样的设计已经足够了,什么样的是过度设计,没有实际意义。你不止要在网上搜索优秀的案例,一定要持续关注这些那些最简单,但是最受欢迎的网站和应用。例如:知乎、INS、微信、淘宝等等。去不断讨论、查阅,来理解为什么是当前的呈现式样,而不如自己的预期。比如我写的另一个回答的思考方式:
&a href=&http://www.zhihu.com/question//answer/& class=&internal&&为什么国内电商APP设计五花八门,界面那么繁杂? - 酸梅干超人的回答&/a&
你要在练习和思考中进步,不要盲目的追求视觉表现,这样的UI设计师是很难真正的成长起来。
&b&设计的终极目的是解决问题&/b&,而不是盲目的表现自己对美的追求。所以我要新手不要去看那些只上传飞机稿的网站:&b&&a href=&//link.zhihu.com/?target=http%3A//UI.CN& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&UI.CN&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&、追波&/b&等等。
当前主流设计平台的趋势就是,少数大神驱动庞大的底端设计群体,如果你已经在前几个步奏得到提升,那么这些网站的多数设计师已经在思想上没法和你并驾齐驱,不要去这些地方混迹。这些网站不会有真正有价值对等的交流和见解,只有设计师在自己圈子里找自信刷存在感的证明,你去扫两眼评论,就知道不会有“落霞与孤鹜齐飞,秋水共长天一色”这种回答,只有“哎呀,我草,牛逼”,“请问这是用数位板画的吗?”,“请问这是AI做的吗?”。这些大神的飞机稿和普通练习的迅速流传,很可能会产生诸多的不良印象。
就拿我深深唾弃的追波来说,大量的作品没有任何实践价值,尤其为了吸引同行关注而过分秀技巧,秀动效。于是动效的风气马上在国内圈子弥漫开,明明是连基础排版、配色都做不好,PS都还没捂热,就追着赶着学习AE,开始玩转交高大上交互特效了。具体请看下文:
&a href=&//link.zhihu.com/?target=http%3A//isux.tencent.com/zh-hans/the-dribbblisation-of-design.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&[ISUX转译]设计追波风&i class=&icon-external&&&/i&&/a&&/p&&p&当你抄了两三个月案例,就已经有足够多的作品集了,你已经可以打包做简历去应聘了。届时你的水准将超越绝大多有数年经验的设计师了!&/p&&p&&b&第七点:阅读思考——扩展&/b&
整个UI设计圈,还有一个很致命的缺点,就是对其它行业知识的排斥,科班毕业生尤甚。因为学生时代大多讨厌学习,有艺术生这个庇护伞,就可以&b&合理安慰自己不学习不念书那是放荡不羁爱自由&/b&。&b&屎丢皮啊!!&/b&
艺术史还要教会你们的一点就是,真正的大师绝对不会只是孤陋寡闻而只专注在手中的笔杆和油墨,他们不断在认识世界,不断在研究感兴趣的知识和见解,这也就是知乎存在所要满足的需求。不要做一个只知有设计,不知有数理化的蟾蜍,只能在你自己的井里蹦跶。
成熟的设计不只是你个性技巧的表达,还有你对解决问题所展示出来的理性和洞见。很多设计师和同层次的其它专业人员比较起来显得太幼稚和粗浅,症状也在这里。不要只用设计的角度去看世界,去涉猎更多的专业,让眼界更宽广,有更多的角度去理解世界,得到的感悟将给你带来难以估量的升华和进步。
这是可以持续一生的事业和技艺,在正确的方法下,越积累越成熟,老而弥坚。请不要再用肤浅的思想认为它是吃青饭的过度阶段!
……………………
===================================================
设计是一门需要沉淀的技艺,却恰巧遇见了日新月异的互联网文化。这让大家对流行极具敏感度,而开始追赶潮流,轻视正统和法则。这整个流程需要或许需要1整年的时间,但我相信,只要有足够的耐心,是可以让一个新手成长成为一名合格的UI设计师,请放慢你的角度不要急于求成。&/p&&br&&p&更新下QQ群:5537969,有时间会在这里讲解下设计过程~~&/p&
我觉得已有问题没真正提供有效的帮助,楼上各位给题主提供的心得,本质上和鸡汤一样,只能解渴不能果腹。下面是我这几年经验的总结和思考,虽然我并不算是最出类拔萃的UI设计师,但也希望对题主和其他新人有益。 --------------------------------分割线---…
我建议学AI,而不是PS.&br&因为你不是美工,你只需要了解就够用了。&br&有个工程师的打算自己做产品,我也是这样建议他。这样能最快速出产品。&br&&br&1)AI是矢量图,能方便改成任意尺寸。&br&小尺寸,大尺寸,超大尺寸,绝对没问题。&br&&br&2)现在流行扁平化,大量图标,修改颜色就是另一个风格。&br&AI超快速能搞定。&br&而且Android,ios原始的按钮,天气,日历,设置等等各种图标,网络大量矢量素材。&br&一搜一大把。稍微修改一下就能用。平面加投影,或者3D的改成平面的。都很快。&br&这要是PS,抠图改颜色,要哭死。&br&&br&3)AI更简单。&b&任何一个正常工程师,我能教他4小时内学会&/b&。而且是连吃饭带聊天讲八卦。&br&&br&4)我的APP全部设计,都是用AI做的。&br&所有图标都是网络搜Android原始素材。速度超快~~&br&&br&5)在AI里面设计整个界面,速度超快无比。&br&矢量图真心很爽,拖拖就搞定了。&br&这样你&b&能集中注意力在整个界面和功能上&/b&(这才是PM要做的事情)。不至于死扣细节死掐像素。&br&&br&&br&&br&&figure&&img src=&https://pic4.zhimg.com/0b33fec2c8af3cfa121b_b.jpg& data-rawwidth=&290& data-rawheight=&163& class=&content_image& width=&290&&&/figure&&figure&&img src=&https://pic4.zhimg.com/f2aaab2acc06ad65b17ad8247ae3eabf_b.jpg& data-rawwidth=&576& data-rawheight=&335& class=&origin_image zh-lightbox-thumb& width=&576& data-original=&https://pic4.zhimg.com/f2aaab2acc06ad65b17ad8247ae3eabf_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/e8c02a2ae006dd_b.jpg& data-rawwidth=&450& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&https://pic2.zhimg.com/e8c02a2ae006dd_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/0ec36cf0ffb9a1c24ea015_b.jpg& data-rawwidth=&720& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic2.zhimg.com/0ec36cf0ffb9a1c24ea015_r.jpg&&&/figure&猫咪不是我画的,其他都是。&br&AI也可以做很赞效果的。&br&APP的图标,也是AI,而且都是很快完成的。&br&速度真心很重要。&br&理工男不会选颜色,从色版里面选个颜色系列然后就行了。不用特别去考虑。&br&AI真心很够用。嗯嗯,强烈推荐!&br&&br&&figure&&img src=&https://pic4.zhimg.com/4d1ad9ad39dfdf_b.jpg& data-rawwidth=&448& data-rawheight=&388& class=&origin_image zh-lightbox-thumb& width=&448& data-original=&https://pic4.zhimg.com/4d1ad9ad39dfdf_r.jpg&&&/figure&&br&&br&补充下:&br&我的确觉得AI很简单,只用部分功能,足够完成APP整个设计了。AI复杂功能,我现在也没用过。&br&在产品经理这个语境下,我的确认为AI是最简单最实用的。&br&目的是完成方案。过度推崇技术,跑题研究技术,也很奇怪。&br&我觉得最最简单的是手绘,只是因为我手绘太差,才说AI。&br&推荐我个人觉得最简单的画界面工具。拿纸笔画,万一真画不准,淘宝买个模板,框住画也超级快。&br&或者打印出iphone,Android手机外形,很多公司出原型图都是这样。线下听讲座,很多人PPT里面展示原型,都是纸张手绘。都是画框框,手绘真的超快的~ &br&『我不推荐买下面的模板~不太好用,我买了又退了,发现直接手绘是最快的。打印原型大小手机界面,很有帮助。』&br&&figure&&img src=&https://pic3.zhimg.com/fc0b31a3fcb5ad9d0461e_b.jpg& data-rawwidth=&800& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic3.zhimg.com/fc0b31a3fcb5ad9d0461e_r.jpg&&&/figure&&br&补充快速找矢量图,或者图标网站:&br&&a href=&//link.zhihu.com/?target=http%3A//www.lanrentuku.com/vector/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&矢量图素材_懒人图库&i class=&icon-external&&&/i&&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//ico.ooopic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&设计宝-免费图标下载,图标搜索引擎ICON(PNG/ICO/ICNS)图标下载&i class=&icon-external&&&/i&&/a&&br&&br&嗯,设计师日常工作中,的确做不少简单设计。
设计师能当美工用。虽然美工不能当设计师用。&br&产品经理利用已有素材,快速做出符合android或者ios风格界面,的确够用了。&br&UI,UE等等,他们能继续改进的。不必是全才。&br&&br&————————补充——————————&br&学习视频地址在:&br&&a href=&http://www.zhihu.com/question//answer/& class=&internal&&如何在四小时内学会用 AI 做 UI?&/a&&br&一小时视频,一小时练习,一小时啃鱼,一小时聊天讲八卦嗯嗯~~~
我建议学AI,而不是PS. 因为你不是美工,你只需要了解就够用了。 有个工程师的打算自己做产品,我也是这样建议他。这样能最快速出产品。 1)AI是矢量图,能方便改成任意尺寸。 小尺寸,大尺寸,超大尺寸,绝对没问题。 2)现在流行扁平化,大量图标,修改颜…
我上次用填充(SHIFT+F5)瞬间去除图片里的人或杂物什么的~&br&在我身后的人都惊呆了~&br&&br&--------------11.18 分割线-------------&br&PS:评论里很多人说没有找到内容识别的选项~&br&CS5之后的PS才新增了这么个功能~&br&&br&-------------------分割线------------------&br&比如在网上扒了一张图:&br&&figure&&img src=&https://pic1.zhimg.com/4f4abf2b254faa_b.jpg& data-rawwidth=&800& data-rawheight=&472& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic1.zhimg.com/4f4abf2b254faa_r.jpg&&&/figure&这么一搞:&br&&figure&&img src=&https://pic4.zhimg.com/3b1efbeb94c74f7bb4f7e15a1ef5fabb_b.jpg& data-rawwidth=&885& data-rawheight=&489& class=&origin_image zh-lightbox-thumb& width=&885& data-original=&https://pic4.zhimg.com/3b1efbeb94c74f7bb4f7e15a1ef5fabb_r.jpg&&&/figure&点了确定之后:&br&&figure&&img src=&https://pic3.zhimg.com/99bfe655d425b9d71f296_b.jpg& data-rawwidth=&800& data-rawheight=&472& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic3.zhimg.com/99bfe655d425b9d71f296_r.jpg&&&/figure&....&br&又或者比例不是很想要的~&br&我要这种的:&br&&figure&&img src=&https://pic3.zhimg.com/6cae952cabbea8caa40b1de1c098f90a_b.jpg& data-rawwidth=&295& data-rawheight=&441& class=&content_image& width=&295&&&/figure&依然这么一搞:&br&&figure&&img src=&https://pic4.zhimg.com/6a7994ac9dccaa404deadaaf_b.jpg& data-rawwidth=&733& data-rawheight=&521& class=&origin_image zh-lightbox-thumb& width=&733& data-original=&https://pic4.zhimg.com/6a7994ac9dccaa404deadaaf_r.jpg&&&/figure&和之前一样狠狠的点下确认之后(同时心里要大声喊出我的名字)~&br&就成功啦~&br&&figure&&img src=&https://pic3.zhimg.com/6e3a598dfcf579a90d81bafa3f1879ba_b.jpg& data-rawwidth=&800& data-rawheight=&1200& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic3.zhimg.com/6e3a598dfcf579a90d81bafa3f1879ba_r.jpg&&&/figure&虽然不够完美~&br&加上字还是能用的啦~&br&仰天长笑~&br&哈哈哈~&br&&br&以上~图来自互联网~&br&如有侵权,立刻马上我就删掉~&br&就酱~
我上次用填充(SHIFT+F5)瞬间去除图片里的人或杂物什么的~ 在我身后的人都惊呆了~ --------------11.18 分割线------------- PS:评论里很多人说没有找到内容识别的选项~ CS5之后的PS才新增了这么个功能~ -------------------分割线------------------ 比…
号更新:&br&&br&&br&欢迎大家关注我的微信公众号:&b&ui每日推&/b&&br&&br&&br&我会在每周日更新我的视频教程,教大家如何零基础自学
UI ,内容包含详细的操作技法,对设计的理解,配色,版式的运用等等,另外每天推送国内外精选的十佳 UI 作品,只需两分钟轻松提高审美!&br&已经有1万人关注了,就差勤奋的你啦!请扫下面的二维码。&br&&br&&p&&a href=&//link.zhihu.com/?target=http%3A//weixin.qq.com/r/J0hgeDTE1mmprXAb9x01& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/J0hgeDT&/span&&span class=&invisible&&E1mmprXAb9x01&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& (二维码自动识别)&/p&&br&&br&......................................................................................................................................................................................................................................................................................................................&br&&br&&br&&br&&br&&br&&br&正文:&br&&br&&br&&br&&br&看了这么多答案,我也来讲讲我的自学设计之路&br&&br&2011年,大学一年级的时候,我的专业是软件工程,但是我奇怪的被分到了物理电子工程学院,老师从来不教软件,天天教电路基础和大学物理,由于没兴趣,我从来不去上课,就和同学们开黑打dota,这样打了一年。&br&&br&2012年,大二了,我妈有一天和我讲,说以后肯定不能帮我安排工作,我突然有了危机感,如果毕业了我还没工作,会很丢人,我父母都是教师,别人家的孩子不是出国就是考上重点大学,压力还是很大的。当时我还挂着4门课在学校。&br&当时喜欢研究各种手机越狱和雨滴之类的东西,然后有一天,我打完游戏上网的时候看到了一张图片&br&&br&&figure&&img src=&https://pic3.zhimg.com/d208aacba6_b.jpg& data-rawwidth=&900& data-rawheight=&1802& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic3.zhimg.com/d208aacba6_r.jpg&&&/figure&&br&&br&当时我还不知道,《1126》,设计师叫罗子雄,现在是锤子科技的视觉设计总监,那时候我还没有ui设计的概念,把这个都叫做主题,它太精致了,给我带来极大的震撼,不仅细节完美,而且还特别严谨,运用了黄金分割。如果你以为我看了这个作品就开始努力学UI那你就大错特错了,我根本不知道这是用什么软件做的,我开始学习了网页设计,研究css样式和html,学了半个月发现好像有点不对,这是帮助别人实现效果的啊。。。然后有一天看到邵飞老师的一个视频教程,是教你画图标的,需要用ps这个软件,我跟着做了一下,完全做不下来,我就百度如何学ps,找到了李涛老师的《ps高手之路》,这样开始一步步学习ps,每天也不上课就看视频学习。不得不说学软件是个漫长的过程。所幸李涛老师的讲解很幽默,也就跟着学下来了。&br&&br&接下来要讲的是我的临摹之路,这个相当漫长,也最为重要。因为UI设计也是设计的一种,所以它第一个要求就是你设计的东西要美,如何能美?细节是最重要的,你需要观察,仔细的观察你和大神的作品之间的差别,然后再想办法实现它。现在设计之所以浮躁的原因我想就是很多人不愿意也没有耐心去培养自己的审美了。&br&&br&当时站酷上有一个视频教程叫《十分钟UI设计》,是腾讯的设计师omega和老程一起做的,里面的内容特别好,大家可以去搜索一下,我跟着里面的教程做了很多练习,当时老程说,windows的图标是很不错的,当你能把一整套图标都临摹下来,你就出师了。&br&&br&&figure&&img src=&https://pic1.zhimg.com/5a108d8ada2f78a302d4f0_b.jpg& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic1.zhimg.com/5a108d8ada2f78a302d4f0_r.jpg&&&/figure&&br&&br&这是我当时跟着临摹教程做下来的,一个比一个有进步,每个都花了一天或者半天时间完成,当达不到原作效果的时候就继续观察,继续改,现在一看还有好多问题,比如第一个铅笔的投影是黑色的很难看,第二个台球的边缘太锐利,很不真实,如果当时不是疯狂修改我想问题会更多。&br&&br&2013年,大三了&br&当我临摹了半年以后,我认为我的ps技术已经很不错了,跟同学说话的时候也爱吹牛,说自己是ps大神,一天一个同学下午来我寝室,说你干嘛呢?不知道今天晚上团里要开荒?你的萨满装等多少了?天天日常任务也不做。。。我说我画会图标,他说???我说我以后想当设计师,他说你别逗了。。。我当时心想一定要坚持下来!&br&&br&有一天在上站酷的时候,发现一个主题设计,再次深深震撼到了我,那时候ios7扁平风格盛行,很少有拟物的东西出现了,在看了很多千篇一律的设计以后很难被打动。&br&&br&&figure&&img src=&https://pic2.zhimg.com/425bbd2f9a5f34c306ed_b.jpg& data-rawwidth=&900& data-rawheight=&1509& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/425bbd2f9a5f34c306ed_r.jpg&&&/figure&&br&&br&牛mo王的《心随我动》,参加了康佳首届主题设计比赛,我立马跑到他站酷的主页&a href=&//link.zhihu.com/?target=http%3A//jr1985.zcool.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&牛MO王的个人主页&i class=&icon-external&&&/i&&/a& 膜拜了他,看了他当时发的所有文章,他也是自学,我觉得太厉害了,他当时写了好多文章,告诉大家如何自学,感触特别深。后来我找到了他的qq,没想到他居然同意了,真的特别兴奋。。。然后我问了他一个图标方面的问题,令我没想到的是,他居然打开ps手把手教我如何调参数。。。一边做一边传图片给我,教我如何实现效果,他说好多东西其实非常简单,但是没有人告诉你的话自己很难想出来,到现在我都特别感谢他,叫他牛哥,虽然他不姓牛。。。我问他心随我动这个主题是怎么做出来的?他说只有积累到一定程度才可以。。。然后我默默努力,偷偷临摹它,一天一个图标。下面是我临摹的《心随我动》。&br&&br&&figure&&img src=&https://pic2.zhimg.com/6c681abc2b1c_b.jpg& data-rawwidth=&900& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/6c681abc2b1c_r.jpg&&&/figure&&br&做了快一个月,其实我在最后一天偷懒了,上面的哪个大的天气widget是用的原来的图抠下来的。。。然后我把临摹的给牛哥看,他当时就说,哇,好棒,你进步好快!可能没有谁像我一样把它临摹了一遍,在这些过程中,我的技法运用越来越熟练了,其实做这种ui,只需要你用好图层样式这一个ps功能就好!剩下的就是不断调整内阴影,投影,还有渐变,一定要注意投影的颜色,不要用黑色!要用深色,比如说黄色就用深黄色当投影,蓝色就用深蓝色,这样。推荐大家去站酷看看牛哥的文章,他的分享真的是很详细也很实用,从字体选择到ui入门都讲的特别到位,在学习路上能有他这样的老师带路我想我很幸运,再次谢谢他!&br&&br&当ps技术熟练以后,我就想着做一些自己的东西出来,然后照着照片用ps涂抹了一张定制耳机&br&&br&&figure&&img src=&https://pic2.zhimg.com/307b5aafb6dc5a9d2f9a94f3dce21891_b.jpg& data-rawwidth=&900& data-rawheight=&563& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/307b5aafb6dc5a9d2f9a94f3dce21891_r.jpg&&&/figure&&br&&br&现在感觉阴影有一些深,线的感觉也不自然,有些发虚。&br&&br&在大三后半学期,参加了小米的主题比赛,每个图标都在网上搜索好多的图片做参考,然后自己绘制,差不多两个月的时间,最后入围了决赛。&br&&br&&figure&&img src=&https://pic3.zhimg.com/b5fca8f2d67a456fd66e73de_b.jpg& data-rawwidth=&900& data-rawheight=&2657& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic3.zhimg.com/b5fca8f2d67a456fd66e73de_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/5c9ce0402adaf5b80775_b.jpg& data-rawwidth=&900& data-rawheight=&3332& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/5c9ce0402adaf5b80775_r.jpg&&&/figure&&br&自己做主题和临摹是有很大不同的,每个图标做多大?用什么颜色?这些都需要自己控制,可以看出,这个作品在这两个方面都很差。。。当时很迷茫,自己做的东西究竟是不是设计?字体要用什么?排版怎么才好看?因为平时积累的东西太少了,所以真的很质疑自己。我意识到需要多看设计方面的东西,所有的都需要积累,到需要用的时候才能用到。&br&&br&第一次 接触实际项目 是大三后半学期,我的一个老师要做一款ios应用,主打背单词功能,我们两个人他写代码,我负责设计 ui 。我花了一天时间研究切图,研究我做的图片怎么才能用在实际的app中,然后我模仿path做了几个样式出来,我们干劲十足,前后做了好几个版本,修改了十几次。&br&&br&&figure&&img src=&https://pic2.zhimg.com/3eaedf69e3fd9b14e6b29_b.jpg& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/3eaedf69e3fd9b14e6b29_r.jpg&&&/figure&&br&&br&&figure&&img src=&https://pic2.zhimg.com/dfeb3e090ee57f0d18a581ad_b.jpg& data-rawwidth=&2000& data-rawheight=&2000& class=&origin_image zh-lightbox-thumb& width=&2000& data-original=&https://pic2.zhimg.com/dfeb3e090ee57f0d18a581ad_r.jpg&&&/figure&&br&&figure&&img src=&https://pic1.zhimg.com/6a79d934247bbd620a8c98c3e4cc9300_b.jpg& data-rawwidth=&2000& data-rawheight=&2000& class=&origin_image zh-lightbox-thumb& width=&2000& data-original=&https://pic1.zhimg.com/6a79d934247bbd620a8c98c3e4cc9300_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/fc40ae00122aad65da3fcff0ec61f535_b.jpg& data-rawwidth=&900& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/fc40ae00122aad65da3fcff0ec61f535_r.jpg&&&/figure&&br&这个软件前前后后一共做了半年,对我实际项目的实践是一个挑战,靠这个软件我还拿到了在京东实习的机会,大四后半学期在京东实习了半年。&br&&br&期间还和同学做了一个网站叫野渡集市&br&&br&&figure&&img src=&https://pic4.zhimg.com/5a8d702d204fff5fe7d653b86fb2ad2b_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic4.zhimg.com/5a8d702d204fff5fe7d653b86fb2ad2b_r.png&&&/figure&&br&现在我工作已经一年了,在北京的美餐网,自己一路自学过来,毅力很重要,我想兴趣更重要,我现在还在不断学习,因为自己的设计知识还是很不足,到这个时候要多看看ios和google的设计规范,知道ios的最小点击区域是44pt,字体不要小于22像素,36像素适合阅读,这些都是在以前自己很少注意到的。现在每天还在自学c4d和ae,加强自己动效方面的实力。&br&&br&发一点现在的作品吧,我觉得很少有人能听我啰嗦到现在。。&br&&br&&figure&&img src=&https://pic3.zhimg.com/ebfdbff5c82a_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic3.zhimg.com/ebfdbff5c82a_r.png&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/fbdc2ba6e7dfb2ffe0dde3_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic4.zhimg.com/fbdc2ba6e7dfb2ffe0dde3_r.png&&&/figure&&br&&figure&&img src=&https://pic1.zhimg.com/fac146a976df034f0e661cc_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic1.zhimg.com/fac146a976df034f0e661cc_r.png&&&/figure&&br&&br&最后推荐大家一定要多上dribbble,看看国外的大神是怎么做的,当我上dribbble以后才发现,很多国内的所谓大神不过是抄袭别人的作品而已。&br&&br&&br&&br&&br&&br&&br&&br&///////////////////////////////////////////////
9月25日更新
////////////////////////////////////////////&br&&br&&br&&br&&br&&br&刚才写了一大堆然后浏览器崩溃了都没了。。。只好重写了&br&2天收获了500多个赞,我真的没有想到,还是有好多同学提问或者私信我,我在这里做统一的解答&br&&br&1.好多人问我用的是什么软件?是ps还是ai?&br&这个问题在我学ps的时候也特别困惑,我想说的是一门心思学好ps就行了,ps比ai更适合做ui设计,我都是用ps做的,当然用ai也能做出来但是会不方便,而且网上ps的教程会很多,ai就很少了,所以建议大家学好ps。&br&我现在工作以后使用sketch进行设计,因为公司是全mac办公,用sketch能极大提高效率,sketch默认输出一倍图片,减少了标注的麻烦,而且设计稿可以让ios工程师直接使用。(现在这个软件只有mac能用到,这是它不好的一点,当然有条件的可以学习一下,很方便。)&br&&br&这是用sketch设计的设计稿,虽然最后没有用,但是可以看出来一个文件搞定了好多设计稿(不会说话了。。。)&br&&figure&&img src=&https://pic2.zhimg.com/4dfbafa4f8b955f9ee2b1e52f1a694d9_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&https://pic2.zhimg.com/4dfbafa4f8b955f9ee2b1e52f1a694d9_r.png&&&/figure&&br&2.我向大家推荐了使用dribbble来提高审美,并且了解ui设计的最新趋势,但是说的不仔细,现在给大家分享一下我如何使用dribbble。&br&&br&首先在dribbble里有一个点赞功能,叫likes。&br&拿我举个例子,在我的主页,这个地方,进去有我喜欢的作品。&br&&br&&figure&&img src=&https://pic4.zhimg.com/ebe9cac5e9bd33_b.jpg& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&https://pic4.zhimg.com/ebe9cac5e9bd33_r.jpg&&&/figure&&br&这个有什么用呢?比如我在浏览今天dribbble的推荐作品的时候,发现两个超棒的作品,看下面的图:&br&&br&&figure&&img src=&https://pic4.zhimg.com/2b9ac8c79b_b.png& data-rawwidth=&2102& data-rawheight=&981& class=&origin_image zh-lightbox-thumb& width=&2102& data-original=&https://pic4.zhimg.com/2b9ac8c79b_r.png&&&/figure&&br&我们可以发现,这是两种不同的风格,也是现在最流行的两种&br&第一种设计是那种酷炫的,很有ios的风格,像自带的应用日历一样,里面有很多小的控件,很精致。&br&&br&第二种设计现在更多得流行起来,用大的色块,大的按钮,大的圆角,还有流畅的动效给使用者带来非常愉悦的感觉,有的配合了卡通形象,更加增加了亲切感,这类的app有marval,还有游戏jellies(就是那个抓水母游戏)。&br&我们点击作者的名字,到他们的主页,看到他们更多的作品。&br&&br&&figure&&img src=&https://pic1.zhimg.com/81ad017c607fb895b8130c_b}

我要回帖

更多关于 中彩网擂台赛 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信