2018年度，UI严选-热门文章/作品大集合

2019-02-28 本文已影响11人 UI严选

一、新年寄语

各位小伙伴们，新年好！新的一年祝小伙伴们：升职加薪、猪事顺利！

年已经过完了，我们也是该把心收回来了，投入到工作当中，也许你正准备跳槽，换一个工作；也许你正准备考虑机会，换一个新的环境；也许你已经在面试求职的路上；但是新的一年你仍需继续努力奋进，继续向前，因为：越努力，越幸运！

新的一年，你准备收获什么呢？你给自己制定了小目标了吗？这一年你准备好要努力了吗？准备好为自己的小目标奋斗了吗？为你的梦想付出了吗？

当一年结束，我们是很有必须要去总结和回顾这一年我们的得失、收获与成长、经验与教训，也能更好的明确新的一年的目标与方向；在这里我也对UI严选的 2018 进行了一个总结，希望在 2019 年严哥能带给小伙伴们更多的帮助与分享。

2019年，预祝你：期待更好的自己，加油！！!

二、2018年设计经验分享

2018 年由于工作和自身的原因，产出的文章并不是特别的多，但是文章贵在精，而不在多，不是吗？希望这些经验分享能给你帮助。

1.新的一年，UI设计师应掌握的知识体系和职业规划

新年新气象，随着移动互联网的迅猛发展，使得移动产品设计人员急缺。由于高薪酬，很多其他行业设计师转行做UI设计。

那么到底什么是UI设计？

做UI设计需要掌握哪些知识体系？

如何去学习？

今后如何做职业规划？

这些是很多新人常会遇到的问题！

针对这些问题，给大家一个比较全面的解释，希望能帮到新入行UI设计的小伙伴！

2.微信小程序设计规范

这是一篇关于微信小程序设计规范的文章（内附PSD+Sketch源文件），微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。掌握了这篇文章可以为你进行小程序设计打牢基础。

3.图片压缩不求人

身为一名UI设计师，经常和运营、前端、开发小伙伴打交道。切完图之后，考虑到页面加载速度和资源空间占用等问题，特别是大背景图，banner类型图片，都要进行压缩处理。但是如何在确保图片质量损失的前提下，最大可能的压缩图片体积到最小，那这篇文章就是可以告诉你呢！

4.网页首屏设计的那些事儿

这是一篇关于网页首屏设计规范的文章，作为一枚UI设计师，对于网页设计那是家常便饭了，有很多人在微信群里问我，网页的首屏设计多高合适？设计多宽？版心尺寸设计多少合适？我根据我的一些个人经验跟小伙伴分享一下关于网页首屏设计的那些事儿，希望可以帮到你。

5.LOGO设计的30种技巧

UI 设计已经不再是兴起的时候那样简单了，有的公司还要担任起平面设计师的职责，相信各位小伙伴在做设计的时候，都涉及到LOGO设计，这时候想必大家一定很头大，不知从何下手，那该怎么来设计呢，下面的30种方法和技巧，让你轻松搞定LOGO的设计，赶紧来看看吧

6.成为优秀UI/UX设计的必备技能

对于一款应用来说，UX (user experience) 设计和 UI (user interface) 设计都是非常重要的，UX设计包含诸多方面，比如可视化布局、信息架构、可用性、图形、交互等等，UI设计也属于UX范畴。那么优秀的UX设计师和UI设计师，应该掌握哪些必备的技能呢？这篇文章分享可以给你带来帮助。

7.一款APP设计的从0到1（一）：项目立项

很多时候，我们都忙碌在每天的撸图和改稿中，很少的去整理归纳结和思考工作的一些问题和方法，善于总结反思才能达到事半功倍的效果。今天严哥在这里将自己在APP项目立项中的一些经验和技巧分享给小伙伴们，希望可以给你一定的帮助。

8.一款APP设计的从0到1（二）：项目预估时间

关于APP设计的项目预估时间问题？这篇文章为大家分享一下关于 UI 设计师设计一款APP时候，如何对项目进行时间和工期的预估，希望点滴经验可以给你帮助！

9.一款APP设计的从0到1（三）：界面设计

本文从界面设计工具、设计稿尺寸、图标尺寸、设计字体这4个方面，进行专业界面设计基础、设计规范与界面设计流程、界面设计所用字体大小和一些注意事项对APP界面设计这几个维度进行分析。希望通过本文的梳理带给更多 UI 设计师对于APP界面的设计，更加的透彻、更加的得心应手。

10.一款APP设计的从0到1（四）：切图标注

切图和标注，也是UI设计师工作中的必要技能，本文从切图工具、标注工具、界面切图、界面标注、切图中最常见的问题和需要注意的事项，这6个方面进行了详细的讲解和分析，希望通过本文的梳理带给更给你的切图和标注答疑解惑。

11.一款APP设计的从0到1（五）：视觉还原

很多设计师都会有这样的疑问“为什么开发出来的界面，和我的设计稿差距很大？”；我们都知道，无论设计师的标注稿多精确，开发出来的产品，多多少少都会有误差，专业来说就是视觉效果落地还原度，视觉还原度越高，与设计稿越接近，APP就越精细；反之，就越差。本文为大家全面系统地分析如何让设计稿落地还原度稿的经验，希望带给你更多帮助。

12.一款APP设计的从0到1（六）：上线准备

一款完整的APP，经过这样的一个流程：项目立项启动→设计产品原型→设计效果图→进入开发阶段→开发成功后进入测试阶段→测试将问题反馈给开发人员进行调试→多次测试确认没有bug→提交市场、正式上线。当一款APP开发完毕，测试通过，这时候就需要准备提交正式上线了，但是在上线之前，我们设计师还需要配合，做一些上线前的工作，严哥带你来看一看需要做哪些工作？

13.UI设计师必须要知道的界面切图命名规范

规范的命名方式可以提高开发人员的开发效率和整个开发团队的友好合作。我看到过很多小伙伴的切图命名，大多数人和新手是用拼音命名的，还有直接汉字的……肯定还有更多这样类似的情况，本文为大家全面系统地讲解如何规范的对切图命名，希望带给你更多帮助。

14.100+个免费可商用字体集合

作为设计师，我们在作图时要使用大量的字体来达到我们想要的效果，但是字体都是有版权的，据说前几年暴风、保洁被方正告，赔了几百上千万（我的天呐，吓死宝宝了）......本文为大家全面系统地整理了100+个免费可商用的字体集合，从此告别律师函。

15.如何让你的切图输出更快，更高效？

如何让你的切图输出更快、更加高效？方法全在这里，希望带给你更多帮助。

16.做设计稿前应该做哪些准备工作？

如果你正要开始设计一款移动APP UI界面设计的时候，如何来进行一些基本的准备工作呢？我们在做设计稿前应该做哪些准备工作呢？希望本文可以给你一定的帮助！

17.【设计资源】设计师进阶必读设计书目（共5.4G）

设计是一条不断成长的路，永远别说你已经通透了这其中的奥妙，因为你要学的还有很多很多，也要有广阔的视野和丰富的知识面。今天U妹把一些值得设计师进阶必读的书目分享给小伙伴们。按由浅到深，必读到可读的顺序。主要方向是设计、UI、视觉、WEB设计、交互设计、用户体验、色彩、产品、创意思维以及理论、常见工具入门教程等等。可能也不够全面，也有个人偏好在里面。本文为大家全面系统地整理一下设计师进阶必读书目资源（共5.4个G）

18.你必须要知道的动效设计软件有哪些？（附C4D教程）

随着UI设计的不断发展，UI动效越来越多的被应用于实际的生活中。手机、iPad、电脑、网页等各设备都在大范围应用，那么问题就来了，为什么UI动效越来越被广泛应用？它有哪些优势呢？有哪些软件是可以设计UI动效的？

本文推荐的这14个软件都可以做出酷炫的动效设计，功能上各有优势，但效果丝毫不输AE哟

19.一款APP设计的从0到1之：安卓界面设计规范

Android的设计规范不同于iOS，Android是一个开源的系统，国内外有很多的手机厂商，这就导致了有非常多的Android机型，如小米、华为、魅族、三星、OPPO、vivo等，每一家都有自己的操作系统，都有一套自己的UI设计规范。本文从基础概念、Android界面设计规范、Android切图标注、安卓开发单位换算等众多个维度分析阐述，帮你轻轻松松掌握安卓界面设计规范。

20.一款APP设计的从0到1之：iOS界面设计规范

本文是一片关于iOS界面设计规范的文章，主要从项目立项、项目预估时间、界面设计、切图标注、视觉还原、上线准备6个方面深度详细阐述，本文为小伙伴们全面系统地分析iOS界面设计规范的经验，希望带给你更多帮助。

21.让你事半功倍的设计逆天神器

很多设计师会忽略日常设计资源的重要性，总是在需要的时候才去寻找一些资源，但是总会徒劳或者事倍功半，耗时耗力。……你肯定遇到过这样类似的情况，本文为大家全面系统地整理归纳了让设计师事半功倍的设计资源，希望带给你更多帮助。

22.点九切图，你知道怎么切吗？

有很多的小伙伴在微信群问我点9图怎么切的问题，今天严哥把工作中积累的关于点9切图的经验分享给大家，希望大家可以掌握这些切图方法，带给你更多帮助。

23.UI设计新人如何快速自我提升？

设计新人如何快速成长，成为一名优秀的UI设计师？相信这个问题也是各位小伙伴们一直关注的问题，因为关乎自身成长！本文是严哥将自己在设计成长道路上如何快速成长的一些经验分享给大家，希望可以助力新人设计的提升！

24.轻松搞定交互动效原型设计

近年来，交互设计被越来越多的提及，并且还产生出了新的工作岗位“交互设计师”，而且交互设计在产品设计中所占的地位也越来越重要；严哥也是一直想转交互，了解过Flinto，Principle，Framer，Origami等等，但不是原型保真度不满意，就是学起来太难，或者就是各种代码表达式，很难上手。其实交互设计并没有你想象中的那么难！！！

25.史上最全的UI设计学习指南

本文汇集和整理了共265篇干货，从设计基础知识—工具—界面设计—网页设计—设计规范和原则—色彩搭配—排版布局—交互动效—设计技法—前端基础知识—资源—流行趋势—扩展视野，共13个方面进行了总结，这265篇文章都是按逻辑次序排版的，从入门基础知识到设计原理、规范、趋势、技法到未来的预测，当你看完每篇肯定会获得很大的成长~~~