软件产品设计

 figma软件介绍

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

软件产品设计_第1张图片

知识点和技能:
       设计理论:理解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 少量的渐变
今年在各网站上看到大面积的渐变色设计,相对前两年来说越来越少,设计上有所克制。大面积的渐变色虽然视觉冲击力强,但大部分停留在概念中。从今年设计中我们可以看到设计更加理性与克制,将渐变色彩运用到关键功能上,突出强调重要信息。

    如上

你可能感兴趣的:(设计规范,fpga开发,交互,ui,ios)