UI设计新手如何正确且快速的查找设计素材?

每天社群都有不少问题,咨询素材或者设计规范要到哪里获取和下载。
虽然理论上灵活使用搜索引擎是可以找到大量的素材,但是这个过程比较麻烦,每次找不同的素材都要花挺多时间做筛选。
所以,自己找素材的能力虽然要具备,但这里我要给你们一个更简单、直接的方法,就是灵活利用——资源社区,这里以即时设计为例。

社区的作用比你们想象的更大,如果你不去挖掘,就不会知道可以帮助你们节省多少时间。

第一点肯定是常用的各类素材获取,比如图标、组件、Mockup 样机等。比如我们在社区中搜索样机,就可以看到有很多样机的源文件,包括 iPhone 和 Mac 的,针对一些简单的展示场景是非常高效的。

还有针对运营设计中,经常要使用的一些视觉类素材,也可以搜的到。
比如今天正好还有学员咨询的,怎么快速生成科技类的整套 Banner 主图,就一个下午时间是不是只能用 AI?
先不说用 3D 建模肯定不行,AI 直出放项目里更难以实现(细节不可控)。直接在社区中就可以找到大量相关素材,以 2.5D 为主的这类场景,可以直接通过这些素材的拼装快速完成了(立刻收工✅



除了素材外,第二件事就是针对新人的参考和临摹。花瓣、美叶、Pin 等产品虽然有很多参考元素,但这些参考仅仅是 “灵感” 上的参考,或者用来积累下审美。
而对于新人而言,不是只需要这类参考,还需要更细节的参数、图层、样式设置的参考。
换句话说,是需要源文件的。在刚接触C端或B端的情况下,都建议你们直接从成熟一点的案例源文件中临摹,直接查看里面的参数和设置,避免浪费大量的精力瞎做试错。



工作里输出设计规范、组件库很常见,但很多人并不知道设计规范应该怎么做。如 Ant、TDesign 等官网的形式又不适合自己工作中输出,因为太重且字太多了,没有必要。
在社区中直接搜索设计规范,就可以找到很多规范的源文件,可以直接查看它们是怎么做的。

或者,再发散一下,就可以直接复制这些源文件下来,用自己项目的内容进行替换,就可以快完成项目规范文件的制作。

嗯,降本增效……

既然有很多现成的源文件,为什么还要自己做……其实就是针对一些非常初级又来不及做的项目,可以直接搜索相关的源文件或者组件库,尤其是B端的设计,可以大量使用组件库来组装,比如表格、图表等。



相对于一般项目,可视化项目的素材可以说更丰富,更易用,更不会有撞脸的问题…因为项目多数都花里胡哨,应用的范围小,不会担心和别的产品一致。
所以我们搜索可视化的时候这些素材就可以非常简单的应用到自己的项目中去,比如最常见的花哨的按钮、边框、标题栏素材。只要确定了大屏的版式规格,可以非常快速的组装出一个新的界面,再做下细节的调整就可以完成了。

另一方面也包含很多完整的界面源文件,同理,可以直接套用这些源文件替换成自己项目的需求内容,来输出前期的 DEMO。即使最后还要自己重做也没关系,这可以帮助我们节省非常多的时间用于确认方案。
PS:你要一定想只改字就在项目中输出也不是不行,就是过于划水了,肯定不是我鼓励的!


有很多UI设计师是基本没有网页设计经验,对网站应该怎么设计一窍不通的,更要命的是公司对官网类的需求也给的不清不楚,想要下手就更困难。
社区中官网类的源文件也有很多,可以好好利用这些源文件到工作流里。比如确认风格以后,就选出对应的源文件,快速将相关的内容替换成项目需要的内容,然后让老板或者领导校对,这基本只需要两三个小时的时间。


然后在获得反馈后,就可以以该设计为基础(包含了参数和设置信息),重新设计一遍,即提升了对网页设计的认识,又能符合项目的需要。

即时的插件支持目前是国内产品中最丰富的,插件社区里很多插件功能是可以解决日常不少小问题的。举几个例子:
按我工作流中进行切图导出的插件

做一些轻量宣传图时进行文字倾斜的工具

给B端表格、列表填充数据用的填充工具

每个人的需求不同,所以对插件的要求也不一样。插件部分是可以好好去关注和检索一遍的,建议大家每隔一段时间可以去看看更新了哪些新插件,往往会有新的惊喜。

结尾
以上就是对即时设计的资源社区基本介绍,它可以帮助我们在学习和工作场景下提高很多效率,在提到这些要点中,你们大可以先在社区中查找,找不到了再到外部网站里搜索。
但有要强调的是,工作学习中大量用素材只要场景合适就行,而作品集内的作品以及包装本身,社区中的内容可以参考,但不要真的直接拿来套用并输出。作品集是要表现个人水平和个性化的输出结果,直接套用的做法太敷衍,是无法获得积极的反馈的。
祝大家职业中降本增效,做大做强,再创辉煌!
下篇再贱~
新一期B端产品设计课程招生中,大量的内部资源都是学员专享的,想要提升就来!
课程介绍:今年最后一期|B端产品设计课开启招生
