figma 插画素材-Figma 里越来越多的插件,我们该如何管理

原创:找图网 2023-03-23
  • 有没有哪些很全面的美术生需要用到的找灵感的设计网站?

  • 对于很多美术生来说,很多时候没有灵感,想创作但又不知如何下笔,接下来我就来推荐一些可以带来灵感的设计网站

    花瓣网

    我心中的素材网站Top1,国内设计师找寻灵感的天堂!平时的素材收集和寻找灵感都可以,带给你设计导航,提供设计灵感创意、设计素材,图片质量非常高,可以通过它提升自己的审美,素材丰富全面,估计大家都众所周知了吧,非常好用。

    站酷网

    知民度非常高,有较高的影响力和号召力,中国综合性"设计师社区",聚集了中国设计师、艺术院校师生、潮流艺术家等年轻创意设人群。现有注册设计师/艺术家200万,日上传原创作品6000余张,3年累计上传原创作品超过350万张。可以给你带来灵感的同时,又给你很多帮助,学习到很多知识。站酷网在中国原创设计的影响力较大,是设计师常用的网站。同时也有手机APP,非常方便。

    Open Peeps【插画素材】

    openpeeps免费可商用,openpeeps,是墨西哥设计师Pablo Stanley出品的一个矢量插画库,利用头像、发型、服饰、姿势等组件,自行DIY人物组合,用户可以通过对肤色、表情、服饰等的改变进而创造出不同的角色,入动作夸张有趣,十分有个人风格,可以创造属于自己独一无二的人物,支持输出PNG、SVG两种格式,同时,支持Sketch、Figma、Studio以及网页在线使用!让你的创作可以随心随时随地进行!

    Pinterest

    世界上最大的图片社交分享网站,内容丰富,你想要的内容都有用瀑布流的形式展现图片内容,无需用户翻页,新的图片不断自动加载在页面底端,让用户不断的发现新的图片。

  • Figma 里越来越多的插件,我们该如何管理?

  • Figma 的出现改变了很多人的工作方式,不只是功能好用,还提供了强大的设计资源以及海量优质的插件。这些对于设计师来说都相当的有力,没事就逛逛好看的素材、新奇的插件,随着时间不断累积我们也攒下了厚重的家当。设计素材的管理相对简单,建团队和项目就能把资源进行很好的分类整理。

    担心想用的时候找不到,毕竟全是英文对一部分国人来说,还是有些压力的。

    设置快捷键? 有大佬曾经手把手教过如何用系统设置 Figma 插件的快捷键,可事实是设计师要记住的快捷键太多了,脑容量突然告急越着急用越想不起来,哎~ 我放弃。

    面对长长的插件列表,本来非常的有成就感(都是朕打下的江山)可是使用时画面突然就不那么美丽了。

    想要做 Figma EX 出发点比较简单,就是解决我这个脑容量告急又有收集癖的懒人,能让脑子好好用思考工作而不是老想着插件叫什么来着?????

    功能一: 插件以图标模式可视化展示

    大量的插件按名称顺序列队在 Figma 的操作界面上,望着整齐的优美的图标,我收集癖的心又突然被点燃了。(满满的成就感)

    功能二: 插件顺序自定义

    把常用的、喜欢的、好看的统统往前排,按颜色?按名称?按类型?随便拖拽排(有点开心 哈哈哈哈)

    功能三: 插件中文备注

    插件都是英文名称功能记不住,可以手动填写插件中文描述,自己起名字也是很开心????

    功能四: 灵活设置

    闲时最小化:不使用时,像卷尺一样收起来,保留最小范围再次 hover 会触发列表

    图标圆形:疗愈强迫症,插件图标一键变整齐

    图标描边:更整齐+1

    透明背景:插件背景秒变毛玻璃,有点小美小美

    导出、导入设置:自定义设置的排序和文字备注,要导入到其他浏览器或客户端或其他好友,点击导出设置画板上会多一个配置文件,另一个设备打开同文件选择导入设置即可完成。

    清空数据:把自定义数据清除掉,回到初始状态。(慎点哦,不能找回)

    网页使用 Figma

    Mac Figma 客户端

    Windows Figma 客户端

    无论你用哪种方式使用 Figma 都可以使用 Figma EX

  • 从PS到Figma

  • 一直使用PS做UI。无意间接触了Figma,在查找资料对其有了初步了解之后,决定入坑。

    首先,PS的知名度不用多说,它是很多人学习的第一个图像软件,功能强大,一专多能,不可否认,现在用PS做UI的仍不在少数。虽然有关图像图形的几乎任何功能都可以用PS实现,但在很多方面,它并没有达到极致。矢量图形是PS的弱项,它并不是一个for UI设计师的专门软件,在很多设计上,可以处处体会到它的笨拙。

    Sketch的出现让设计师们可以优雅地工作,但它只能在mac os运行,阻断了大批windows用户。

    而Figma在界面设计上和Sketch极为相似,运行在浏览器上,是一个web应用,不存在跨平台问题。其次,Figma颠覆了PS的方式,在UI设计上,大大提高了效率。

    UI的工作流程:绘制线框图 ⇒ 交流修改 ⇒ 绘制高保真界面 ⇒ 添加交互

    以往完成上述工作需要跨越多个软件,而Figma则可以独自完成。

    纸上草图,理清产品逻辑,打开软件。

    在绘制之前,先创建一个 frame,我们给它起名为 UI library。我们将把所有的可复用组件和设计规范放在这里。

    我们在里面先绘制一些基本的文字样式(H1, H2, H3, H4, P, Small 等)。此时我们可以直接使用默认样式,而不需要考虑设计。接下来绘制其它的组件,比如按钮、输入框、下拉菜单、导航条、卡片、标签、页脚等等。推荐顺序:先绘制具体页面,再提取出一些元素将其转换为组件,在移动到 UI library 中。

    如此,你的设计图中几乎所有的元素都变成了组件。组件不仅可以为你节省时间,还可以保持产品一致性,这对于 UI/UX 设计来说是很重要的。

    当你绘制完线框图并创建一套组件库之后,我们可以给它添加一些交互动作,Figma 内置很多交互效果可以帮我们做到。

    你所需要做的就是在原型模式下,来连接需要交互的不同元素并设定他们之间的动作。需要注意的是,如果你连接了一个 master 组件,那么这将对其所有 instance 都起作用。

    下一步就是分享你的原型链接给其他人,让他们直接在原型上给予反馈。接下来,根据反馈,修改你的线框图,直到最后确定下来。

    细化你的线框图样式,将其转换为高保真设计图。在这一步,你可以直接在每个 master 组件上来应用品牌的色调和细节,得益于其组件唯一来源的特性,我们可以很快将线框图转换为高保真设计图。

    打磨原型细节。你可以检查一下还有哪些元素可以作为组件,哪些组件可以优化一下,每个需要交互的元素是否都添加了链接,以及交互效果是否正确。

    一切就绪,你就可以分享出一个链接给开发,并告诉他们如何查看标注,如何导出素材,他们遇到问题也可以直接在原型上评论。

    References:

    如何使用 Figma 来完成你的设计工作流

    < 上一篇 看书的素材 下一篇 > 插画素材软件-有那些可以找到绘画素材的手机软件?
    相关推荐
    figma 插画素材-Figma 里越来越多的插件,我们该如何管理
    插画网站可商用-有什么网站的素材可以作为商用呀
    免费插画可商用素材网站-平面设计师们一般都在什么网站上找免费商用素材
    付费插画素材网站-有哪些网站有高质量的设计素材可以参考
    美妆插画素材-有没有哪些很全面的美术生需要用到的找灵感的设计网站
    插画灵感素材-每周设报:这免费logo在线工具,实在太强大了(更多内容文内等你)
    插画商用素材-有没有哪些很全面的美术生需要用到的找灵感的设计网站
    涂鸦插画素材-有哪些关于手绘、插画类网站推荐

    Copyright © 2010-2022 山东找图网络科技有限公司

    鲁ICP备18007836号-3