
设计师啥都可以缺,唯独素材不可以!
皮仔刚好也是一名重度收藏爱好者,日常会不定时收藏一些好用的素材网站,今天趁着这个机会,拿出来与大家一起分享,记得看到最后哦~
Unsplash,一个良心免费的高清图片网站,可以这么说,你在网上看到的绝大多数图片,都来自于这个网站。Unsplash 上的图片分类细致,涉及多个题材,包含壁纸、自然、艺术、商业、流行、电影、食物等,可以满足绝大多数 UI 设计场景的需求。
网站上的图片基于 CC0 方式进行授权,可以直接将图片应用到商业设计中,不用担心存在侵权的风险。
foodiesfeed,一个和「吃」有关的网站,网站提供了各式各样的食物的照片,烘烤煎炸样样有,让你边看边流口水。
如果你负责的设计项目和吃有关,比如外卖产品的 UI 设计,来这里搜集图片素材,就非常合适了。
平面设计中,经常需要对拿到的素材进行处理,其中就有一个非常高频的操作「抠图」,即抠去素材的背景,得到一个包含透明背景的素材,方便与其他素材做进一步的加工。如果你不会抠图或者懒得抠图,使用现成的包含透明背景的素材,是一种比较讨巧的方法,这里介绍的 CleanPNG,就是这种类型的网站——一个专门提供免抠素材的网站。寻找素材时,可以使用英文关键字进行搜索,也可以点击网站顶部的主题,例如水彩、秋天、万圣节、感恩节和新年主题,从合集中找到合适的素材。
Pixso 资源社区,是在线 UI 设计工具 Pixso 推出的开源模板网站,它收录了众多大厂的 UI 组件库、设计师上传的 UI 设计素材和模板。对于 UI 设计师来说,是一个不可多得的利器。
Pixso 资源社区▼▼
随意进入一个模板的详情页,可以预览模板中包含的子页面和组件,点击右上角的「复制」按钮,可以将模板复制到自己的工作台。
之后就能自由编辑模板中的元素和内容,你可以选择将所有元素替换为自己的项目,或是将模板中的一些亮点设计,复用到自己的项目中,缩短 UI 设计出图的时间。
需要强调的是,Pixso 资源社区的模板是经过精挑细选之后筛选出来的,在供给端保证了模板的质量。现在的模板对所有用户免费开放,使用前无需订阅会员,免费的羊毛还不快来薅~
为了提升设计作品最终的呈现效果,在正式交付之前,我们还可以对它进行「包装」,比较简单且低成本的方式,就是给作品套上一个 Mockup,中文翻译为「样机」。ls.graphics,一个免费提供高质量样机素材的网站,以下图为例,我们看到的实物手机外壳、手机和笔记本电脑白模,都属于上面提到的样机。样机中的绿色图片、彩色形状和文本内容,就是我们的设计作品。
样机可以类比为人的外衣,就像老话说的「人靠衣装」,略显平凡的设计作品因为有了样机的装饰,设计感瞬间就提升了几个档次。
这些样机模板一般为 psd 和 Sketch 格式,将模板下载到本地后,在 PS 或 Sketch 中把内置的图片替换为自己的设计作品,就可以得到设计感满满的作品了。
除了前面两类素材,矢量图标 icon 在日常设计(尤其是 UI 设计和 logo 设计)中也应用得非常广泛,这里推荐一些可免费下载矢量图标的网站。
Iconfont,一个可下载各种矢量 Icon 图标的网站,支持中文搜索。在 UI 设计中经常会用到各种 Icon 图标来指代文本,如果一个个都靠自己去手绘,那效率真的不忍直视。
比较取巧的办法,就是来这里下载需要用到的图标,可适当在图标的基础上进行二次创作,把精力放在更重要的事情上。
设计中有时会用到一些品牌的 logo,例如 X 信、苹果公司 logo 等,不少人会直接从搜索引擎寻找对应的 logo 图片,但找到的大多为位图格式,清晰度不够高,稍微一放大就会出现锯齿,影响作品的最终效果。
Worldvectorlogo,一个专注于提供各种品牌矢量 logo 的网站,包含软件、餐饮、汽车品牌、公司 logo 等等,你能想到的比较大的品牌,或许都可以在这里找到矢量格式的 logo。
以上,就是本次想和你分享的内容。
对你有帮助的话,请别忘了赏个【三连】或是【关注】我哦,关注不迷路!
我是皮仔 @Pixso协同设计,那我们下次再见咯。
