[分享]如何提高审美和设计师的前端课程

视频版本

文字版本

hi 我是三木。

2020年1月7号是我在我的公众号发behance作品分享的一周年，也就是刚好365期，那借着这个有一点点特殊的时间点呢，我录了这期视频，也是我第一期的分享视频，来和大家聊一聊我每天发的这个作品分享，以及不少人问我如何提高审美的这个问题，和我现在在做的一些事。

时间真的是过得飞快，一转眼我发这个审美早自习的作品分享都365期了，其实一年前我突然决定想做这件这样的事情其实是出于两个原因。

首先 我觉得自己短期内不太再想去写或者翻译一篇一篇这种零散的文章进行输出了，因为我觉得这样的方式对于我自己和阅读的人来说都不太高效，现在各种公众号太多，写东西的人也太多，输出的人也很多，太多碎片化的知识，其实我多写一点或者少写一点根本也没有差，但是我想做点系统性的输出，想把更多的精力放在整理系统性的知识上面，不过我也担心一旦我一年半载不写东西，那这个公众号不就成死号了么，那我思来想去，突然想到反正我每天要看作品，那我就把我自己看的作品分享出来，每天发一发，也许也会有人会想看。

那其次呢，我是想通过这样一个方式去监督自己，让自己继续坚持每天看作品，看好作品，不断提高自己的审美，因为说实话，以前虽然每天也会看，但有时候忙起来也会忘，但是如果有这么一个每天都要分享的事情在，不管怎样都不会忘的，事实也是如此。过去这一年，就连生病的时候都不好意思不发。

做这期视频的时候，我还特意翻了翻到目前为止的这么多期截图，一共365期，每天十个作品，也有3650个作品了。其实这每一期，我都是自己先在behance上看作品，然后通过eagle把我觉得不错的整个作品截图下来，接着再用ps去处理，有的作品太长了还得截断，不然太大的图片无法上传微信公众号的图片素材，处理完之后再在微信公众号的后台进行编辑，每天截图处理编辑的流程要花20来分钟。

我之前给自己的一个目标其实是发满一年的作品分享，至于365期之后是不是要停，我其实一直在犹豫，同时我也在思考一个问题，如何能更高效地做这个事情，因为现在这个事情除了会每天占用我一定时间之外，还存在一个体验的问题，我现在是用截图的方式去分享作品，而现在behance当中的很多作品都是动态的甚至是视频的，那我在我的分享里就没有办法很好地去展现，分享的效果也就大打折扣了，但是如果把这个事搞复杂了，太浪费时间又得不偿失。所以我可能会打算开发一个小程序，一是去解决这种重复劳动的事情，二是可以让更多动态的作品更好地展示，不过这都不是一时半会能搞定的，很多技术方面的东西我自己也要再学习，不过我相信不久的将来我会把这个事情做一个优化，做点有趣的东西出来。

那其实在这一年的分享优秀作品的过程中，我常常会在公众号后台看到这样的留言：三木要怎么看作品？只是看就好了么？要怎么思考怎么看呢？等等之类的关于如何提高自己审美的问题。从这些问题我也有点感觉到，现在越来越多的设计师已经意识到了审美的重要性。那我在这里，就简单地聊一聊这个很多人都很关心的这个问题

不过事先声明，我不是什么设计大咖，也没深入研究过什么认知心理学，我只有我自己的主观感受和体验，但为了让自己的解释更严谨一些，我也去专门google了一下这个问题 如何提高审美？

找了一堆资料后 总结出来还是两个字 多看。

那其实在我看来，审美这个事，其实就是眼界，就像我们每个人都会看电影看电视剧，如果你是一个没怎么看过电视剧电影的小白，你可能会觉得国内很多的国产剧挺好看，很多国产电影也不错，但是如果你是一个经常看美剧，尤其是经常看高分美剧英剧以及各种电影的人，你看国内的这些电影电视剧，一年到头估计也没有几部能入得了你的法眼，你其实不需要懂什么戏剧理论，镜头语言，表演张力，你只是有感受有对比，当你看的好作品越多，你就越能感受到什么是好作品，什么是烂作品，你审美的G点是会慢慢变高的。

当然，如果你是一个设计师，学习一些设计理论和原则会对你如何分析和理解作品是非常有帮助的，但是这和你的审美并不是一件正相关的事，你可以说一堆理论但是你的审美一塌糊涂，也有很多人什么设计理论也不懂但是品味和审美非常高。

所以，我自己的主观经验其实是如果你是设计师，首先一定要多看好的设计作品，同时也要多去学习和掌握设计方法和理论，但是如果不是设计师，多看就好了，而且审美这个事，不是你一天看一万个好作品可以马上提高的，而是你坚持，每天看，坚持半年，坚持一年，坚持五年，坚持十年，这是一件水滴石穿的事情，只靠时间去熏陶和培养，是无法速成的。

好，说完每日分享这点事，我想聊一聊我目前在做的这些事。

如果之前有看过我写的东西的小伙伴可能会知道我这两年开始接触学习前端（也就是网页网站开发的技术），而最近的这一年呢，我的主要精力也跟这个有关，停下来不发文章的这一年，其实我一直在学习，一直在整理，因为我自己在学习前端的过程中很痛苦，所以我想尝试自己出一系列适合设计师看的前端的教程，除了可以让设计师更容易学习的基础前端教程之外，还有像专注于动效实现和落地，专注于数据可视化，专注于前端视觉化的一些成体系的和设计能力紧密结合的进阶的前端教程。

而在这个不断学习，不断整理的过程中，我越来越能体会到一个互联网行业的设计师如果自己有一定的代码能力，是一件多么有价值的事情。我觉得和开发能更顺畅的沟通还是相对来说是一个小的点，更多的是自己的逻辑思维和产品思维的提升。

尤其是当你的能力能支持你自己在业余时间开发一些小产品，小网站，把自己的一些想法落地去实现出来，你才真的能体会到自己手把手做产品的那种烦恼和快乐。而这些，是你仅仅会画界面画图标，画原型图做高保真给不了你的。如果你是一个偏产品型的设计师，那么我建议你一定要学习掌握一点开发的能力。

我现在在做的主要是有两个课程，一个是免费的系统化的FramerX的教程，这个软件我在这里就不介绍了，不知道的可以自行搜索一下，一句话说它是一个用代码做高保真原型的。这个免费的教程我打算是持续的更新，做好一期更新一期，会传到B站和YouTube上，如果你有兴趣可以关注和订阅一下我b站或者YouTube的账号，现在已经开始更新了。

还有一个课程是系统的设计师前端基础入门课程，关于基础的HTML, CSS, JAVASCRIPT，目的是让学习的同学在学完之后能够自己把自己设计的个人主页给实现出来并且上线，当然基础的html和css无法做到很多高级的效果，但是实现个人展示的页面是完全没有问题的，同时，它也是进一步开始学习JavaScript的基础。不过这个课程还在持续筹备中，如果可以上线了，我会在公众号和B站等平台第一时间告诉大家。

当然，基础前端入门教程是万里长征第一步，后面我还会出及各种和设计师有关的进阶的课程，其实这不仅仅是在输出，也是我自己深入学习的一个过程。我也希望，我的这些课程能帮助到更多想学习前端但却总是被各种不说人话的前端教程挡在门外的设计师，其实代码真的没有大家想象的那么难，就像我这种资质平庸的人都能学会，我相信任何设计师都可以掌握。

除了做和前端相关的课程，我也会继续开始分享我自己的一些设计上的，工作上的、学习上的总结和思考，很多分享就会主要以像今天这样视频的形式呈现出来，只是时间不固定，内容也不固定，我会根据自己的情况，每隔一段时间更新一期，同样也是放在B站和YouTube上。所有的分享内容我会尽量都做成一个系列一个系列的形式，把分享做得更系统化，让看的人也能听得更系统更高效。

好，那这一期的视频就跟大家先聊这么多，未来很长，我们以后慢慢聊。

我是三木，我们下期视频再见。