软件产品设计

 figma软件介绍

    Figma是一款在线协作式设计工具，用于 UI/UX 设计和原型开发。它提供了一整套设计工具，包括向量绘图、页面布局和共享协作，支持多人协作，让用户可以在任何设备上创建、共享和讨论设计。

知识点和技能：
       设计理论：理解UI设计的基本理论非常重要，包括设计的空间感知、色彩搭配、排版技法等，这些技能都是提升设计造诣的关键。

       设计软件：Photoshop、figma等设计软件，可以对于我们进行绘制、批量处理、图片压缩、视觉效果合成等各方面的操作。

        网页设计：掌握HTML、CSS等代码技能，可以对于网页的编写提供非常好的支持。

        设计语言：掌握流行的设计语言，例如 Material Design、iOS Design 或者 Flat Design等，通过学习这些设计语言可以拥有更为优秀的设计思路，更全面的设计视角，并更好地理解用户和业务的需求。

          学习实战、表现自己：将所学到的理论真正应用在实际的项目中去，不断挑战自己，充分呈现自己的设计思路，借鉴成功的UI设计进行实践。

在这篇文章中，我列出了一些快速简单的方法来帮助你更快地使用它Figma制作设计系统。这里分享的大部分技能都非常适合处理设计系统，或者庞大的设计文件和设计项目，当然也适合Figma处理日常设计项目。

​你可能熟悉一些内容，但也可能有一些内容是你从未发现过的宝藏。接下来，让我们开始：

     1.批量修改颜色的使用「颜色选择面板」

当你想快速修改多个组件的颜色时，不要一个接一个地选择，所以工作量太大了。此时，最快的方法是选择侧面「颜色选择面板（SelectionColors）」这种方法是直接调用色彩系统中的色彩，可以达到批量修改的目的。

        2.这个快捷键可以使图层清晰整洁

图层面板中的文件夹结构可以帮助您更快地找出包含哪些元素，但由于屏幕尺寸的限制，在复杂的设计系统中，由于元素太多，你很难清楚地了解整个系统。

使用最简单的快捷键Alt+L，所有的层都可以折叠起来，这样你就可以更清楚地看到整个系统的全貌，并专注于当前的项目。

        3.搜索可以更快地定位文本样式

当你想改变文本风格时，你不需要无休止地滚动图层和选项来找到你需要的文本。此时，使用搜索功能可以帮助您更快地定位到相应的层。

例如，您可以直接搜索H2或者Headline2找到相应的文本层，而不是逐个浏览层面板。特别值得一提的是，当你在搜索时，如果你想搜索，比如Headline37、可直接搜索H37可以找到相应的图层。使用简短的关键词搜索也能更快地提高编辑内容的效率。

    相比于传统的设计工具，Figma具有以下优势：

1. 线上协作：Figma可以与他人实时协同设计，简化设计师之间的设计及协作过程，在设计过程中直接交换想法和看法。

2. 云端存储：Figma全部数据都会存储在云端，方便设计师上下班、切换设备随时随地进行设计、编辑与分享。

3. 多平台应用：Figma可以在Windows、macOS和Web 等多种平台上使用。

4. 大量免费元素库：Figma自带了大量的设计元素、交互组件，避免了从头开始设计，节约你的时间。

总之，Figma为用户带来了无限创意的可能性和便利的独特体验，是目前领先的在线协作式设计工具之一。

   2.Frame特性
frame必须填充才有阴影之类的

    01 少量的渐变
今年在各网站上看到大面积的渐变色设计，相对前两年来说越来越少，设计上有所克制。大面积的渐变色虽然视觉冲击力强，但大部分停留在概念中。从今年设计中我们可以看到设计更加理性与克制，将渐变色彩运用到关键功能上，突出强调重要信息。

    如上