2018年度,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篇文章都是按逻辑次序排版的,从入门基础知识到设计原理、规范、趋势、技法到未来的预测,当你看完每篇肯定会获得很大的成长~~~




26.【设计教程】2.5D插画字体设计


2.5D插画在近年来也被越来越多的应用,并且成为了一种设计流行趋势,无论是海报、H5、闪屏、banner都会运用2.5D插画风格,2.5D在设计运用中一直非常火热。希望这篇教程可以对你有一些帮助!




27.设计师必须安装的10款APP


做为一枚设计师,我们的手机上有许多优秀的APP,这些APP都可以给工作、生活带来便利。所以不管你计划做一些动画、产品原型草图,或是使用特定的工具来帮助自己的日常设计工作,还是想认真地帮自己管理项目、时间和金钱,这些APP对设计师而言才是最值得推荐的。


在诸多设计工具中,总会有一些极为突出、相当实用的APP值得推荐,而今天推荐的这10款APP,能在不同的功能上给予设计师给予很大的帮助。




28.iPhone XR、XS、XS Max如何做适配?


2018年9月,苹果在美国加利福尼亚州的Apple Park园区召开了2018年苹果秋季新品发布会;发布的三款新iPhone包括两款OLED屏幕的iPhone XS和iPhone XS Max,屏幕尺寸分别为5.8英寸和6.5英寸,和iPhone XR,配备6.1英寸LCD液晶屏。


新机型的发布,必然会对UI设计师的适配产生一些影响,这篇文章将帮助你更好的去做好iphone各系列机型的适配问题!



29.设计四大基本原则


要想成为一个优秀的设计师,就必须要知道设计的四大基本原则是什么?作为设计师的你知道设计四大基本原则是什么吗?不知道也没关系,本文为你全面系统地分析了4大设计基本原则,希望带给你更多帮助。




30.【流行趋势】2019年设计流行色


设计是一个紧跟潮流和时代的一个行业,每一年都有每一年的设计流行趋势,色彩也不例外,每年都有每年的设计流行色,你知道2019年的设计流行色吗?




31.微信大改版之UI设计分析


微信7.0大改版,你知道哪些细节发生了变化吗?在UI上你是否发现了很大的不同和很小的小细节的变化?是否知道改版的原因?本文为你阐述了微信7.0大版本的UI视觉方面进行分析,希望可以帮到你!




32.【流行趋势】2019年UI设计行业最新流行趋势


本文为大家全面系统地分析了2019年所有设计行业的最新涉流行趋势,针对不同领域的颜色、字体、形状和大小都有不同程度的分析,相信对大家一定有帮助哦~




33.2018年 Dribbble 设计作品集


2018年,已经离我们而去了,这一年你的收获有多少呢,你给自己制定的小目标实现了吗?这一年你努力过了吗?为自己的小目标奋斗过了吗?为你的梦想付出了吗?本文是我的2018年度个人Dribbble设计作品集,是我对2018年的一个设计总结!




34.【设计资源】UI设计学习资源合集(1000G)


本文是一片设计学习资源汇总文章,这是我个人长期以来在私藏或者分享过的一些设计资源,归纳整理了一下,分享给各位小伙伴,汇总包括了:软件插件、设计规范、各种插件、设计字体、各种样机素材、设计书籍、设计资源网站和视频学习教程等,几乎所有的学习资源都在这里了,就看你会不会合理利用了~




35.【学习教程】Adobe XD学习教程


Adobe XD 是目前最全面、最可靠的 UX 设计应用之一,用户可以在 Mac 和 Windows 系统免费安装和使用它。Adobe 期望它能够成为 UX 设计师的首选工具。本文内附大量的XD学习教程,希望可以助力你更好的掌握Adobe XD。



以上是我对UI严选 2018 年产出的一些设计经验和作品分享,希望能够带给你更多帮助。在 2019 年会分享更多更好的知识和技能给大家!



三、2018年小部分作品分享


2018年,除了在设计经验分享以外,还有一小部分设计作品分享给大家。(其他作品由于特殊原因,不放么分享)



2018年,感谢小伙伴们这一年的支持与陪伴,希望在 2019 年大家共同努力,一起进步成长!


设计师的这条路,并不太好走,

你需要一些天分,

还需要更多的坚持和努力付出。

成为设计师不难,

但是要做好一位设计师却并不是那么容易的。 

但是严哥相信,每一个还“成长中”的设计师,都是可以做到的~

2019年我们一起加油!

UI严选——#越努力,越幸运#

推荐阅读更多精彩内容