教程与技巧
技巧和使用教程分享
The UK's competition regulator has issued a provisional ruling on Adobe's planned acquisition of web design collaboration startup Figma, stating that it could eliminate one of the major players in three software submarkets: product design, image editing, and illustration.
英国反垄断监管机构对Adobe的200亿美元收购Figma展开调查,监管机构担心该交易可能减少设计师选择并影响屏幕设计软件供应方面的竞争。
Figma是一款改变游戏规则的UI/UX设计工具,它让设计变得更轻松,实现你的创意愿景。Figma是一个虚拟的设计工作室,让团队成员实时合作编辑设计。它基于云端,设计安全存储并随时访问。Figma直观易用,适合新手和经验丰富的设计师。
精通Figma或其他设计工具仅是一个更大拼图中的一部分,要超越工具的能力,专注于创造与真实用户在更深层次上建立联系的体验是一个挑战。人工智能能够自动生成复杂的UI布局和元素,但UX设计仍然需要人类的专属能力,包括理解人机交互和人类心理学,以建立与用户在个人层面上共鸣的体验。
The UK Competition and Markets Authority (CMA) has expressed doubts about Adobe's plan to acquire Figma, stating that it 'may stifle innovation'.
Underhive introduces a new way of web development where React applications can be visually edited in a visual editor, similar to working in design tools like Figma. Our tool allows designers and developers to directly manipulate their application UI elements in the visual editor, combining the convenience of design software with the power of React framework.
今年6月,英国竞争与市场管理局(CMA)开始对计划中的200亿美元Adobe和Figma合并进行深入调查。调查结果显示,合并将减少设计领域的竞争、创新和竞争产品的开发,并消除Figma对于Adobe旗舰软件套件的威胁。
该交易将成为历史上最昂贵的私有软件公司出售,并且在二月份,欧洲联盟的16个成员国将其列为关注点,因为市场上缺乏可靠的替代品。欧盟委员会于八月进行了一项深入调查,并在欧洲时区的星期五晚上发布了毁灭性的初步裁决书。
连接决策者与一个充满信息、人员和思想的动态网络,彭博社快速准确地提供全球商业和金融信息、新闻和见解
欧盟委员会对Adobe以200亿美元收购基于云的产品设计平台Figma提出了反垄断投诉。调查发现,该交易可能导致交互式产品设计工具、矢量编辑工具和光栅编辑工具的竞争减少。报告指出Figma是交互式产品设计工具的市场领先者,而Adobe是其最大的竞争对手之一。此交易可能导致占主导地位的市场参与者的形成,同时导致Adobe自己的交互式产品设计工具Adobe XD以及潜在的继任产品停产。目前,Adobe已经开始受到影响。
Bloomberg是一个将决策者与信息、人员和思想形成动态网络的平台,迅速准确地传递全球商业和金融信息、新闻和见解。 美洲+1 212 318 2000 欧洲、中东和非洲+44 20 7330 7500 亚太地区+65 6212 1000 Bloomberg是一个将决策者与信息、人员和思想形成动态网络的平台,迅速准确地传递全球商业和金融信息、新闻和见解。 美洲+1 212 318 2000 欧洲、中东和非洲+44 20 7330 7500 亚太地区+65 6212 1000 David Westin与金融界的知名人士讨论华尔街上最重要的问题。 Bloomberg的Joe Weisenthal和Tracy Alloway分析奇怪的模式、复杂的问题和最新的市场狂潮。 在本周的Idea Generation节目中,
欧盟反垄断当局发布初步调查结果,称Adobe公司拟以200亿美元收购设计协作公司Figma Inc.的交易威胁到“互动产品设计软件”的竞争。Law360正在关注此事,订阅Law360将使您置身于快速发展的法律问题、趋势和发展动态的中心。
据报道,Adobe公司对Figma公司的200亿美元收购可能面临欧盟反垄断警告。欧洲委员会将在未来几天准备一份反对意见报告,发送给相关公司,说明了对某些交易可能被视为“反竞争”的关切。8月份,欧盟监管机构启动了一项调查,对该交易进行审查,引发了担忧认为该交易可能会对市场竞争产生不利影响。此外,Adobe公司在人工智能整合和扩大合作伙伴关系方面的成功定位备受关注,分析师表示这将为公司带来成功。
在Figma中使用响应式设计可以帮助您创建适应不同屏幕尺寸的布局。
通过Greg Dougherty(来源:Medium)提供
在过去的几年中,测试设计资产在规划中往往被忽视,如果有测试,也只是随便处理。现在,一些团队对Figma组件进行严格的测试。许多团队在发布任何更新之前都要求进行Figma组件审查
在这篇评论中,我们将向您展示如何在不编码的情况下将Figma布局转化为成品。一个能够将现成设计转化为React Native代码的插件将帮助我们完成这个任务。Sizze是来自Sizze.io创作者的插件,它允许您交互式地将移动应用界面布局从Figma导出为React Native代码,而不会损失源文件的质量和结构。
问题是,您如何在没有实际设备的情况下检查您的文本或元素在实际屏幕上的效果是否好看。
了解如何通过使用真实数据、进行用户测试、与利益相关者合作以及寻求反馈来改进您的设计并取得更快的进展。
本文是我写的关于令牌提取的前四篇文章的延续
作为我们每年的设计运营过程的一部分,我们的团队花时间审查了我们目前使用的工具,并将它们与其他好的选择进行了比较。这个过程使我们做出了一些选择,以下是我们在buzzvil的2022设计工具箱!
This article introduces 11 steps that may help you and your team organize work in Figma. The first step is to utilize Figma's variant feature, which allows you to create different variants for future use.
Figma has made improvements to its handoff feature, allowing designers to directly handoff designs to developers using the new Handoff API.
在本文中,我们将深入介绍一些最高级的Figma技巧和技巧,以简化您的设计过程,提升您的设计,并将您变成Figma巫师。。
任何在Figma中工作的UX设计师都离不开插件的帮助。下面,我们的老乌鸦会告诉你哪些插件属于“必备”类别,应该被每个有志成为网页设计师的人考虑。乌鸦应该得到一块大块的奶酪,不是吗?
本教程将向您展示如何在Figma中创建一个新的“漂浮操作按钮组件”,以便您了解开始构建自己的组件以及如何使用强大但有时令人困惑的功能,如“变体”,是多么容易。本教程还提供了所需的Figma文件下载链接,以便您跟随教程进行操作。
在这篇文章中,我们将分享我们在设计系统交付方面的一些经验和教训。首先,我们意识到设计系统的成功离不开团队合作和沟通。其次,我们注重设计系统的文档和指导。另外,我们还重视反馈和改进。
本文解释了在设计中使用 rem 单位而不是 px 单位的好处以及 rem 单位的优点
为了决定应用程序视觉效果的语调和氛围,我选择了一个我自己经历过的问题陈述,这样我就不必花费太多时间探索问题空间,而是更加专注于我想通过这个项目建立的技能,即视觉设计。
UI工具包是一组结构化的UI组件,可以帮助设计师更快地创建和组装界面元素,从而节省时间和精力。
讨论了设计师如何成功地将重要视觉资产交给开发人员,并解决了在交付过程中可能遇到的困难。
Figma 插件对于每位设计师都是非常有用且必要的。Figma 插件是设计师的强大工具,保持更新。
组件可以是你最好的朋友,当你以策略性的方式使用它们并整理得井井有条时,或者当你只是随意混合一些随机对象并希望尽力而为时,它们可能成为你最糟糕的敌人。它们可以帮助你创建一致的设计并保存你提供的信息
在Figma中,我收集了一些有用的插件,这些插件在项目中使用时非常方便。我将它们分为3个类别,以便您更容易找到合适的插件。生成内容的插件包括Unsplash,它是一个巨大的库,提供了易于搜索的库存照片,可以轻松地直接添加您喜欢的照片内容。
有四个面板是您在使用Figma时经常访问的。您可以使用一些快捷键访问这四个面板。
介绍了在Figma中使用绝对定位元素的方法和新功能
设计系统是强大的,但是你现在不需要。它会消耗你的时间和精力,让你无法专注于产品本身的建设。你的设计师将无法使用设计系统,你的开发人员也无法在他们的代码中使用。让我告诉你如何节省关键的时间,不限制团队的创造力,而无需设计系统。先暂时忽略设计系统在从头开始构建Thursday时,我们不得不决定如何构建一个
Figma在Config上推出了约15项新功能,包括改进的自动布局、可变字体和暗黑模式。其中最引人注目的是新的组件属性功能。
一个实践性的系列,帮助你入门这个强大的设计工具。
UI工具包是一套结构化和可重用的UI组件的集合,可以帮助设计师更快地创建应用程序或网站的界面。在Figma这样的设计工具中,有许多优秀的UI工具包和设计系统可供选择,如Ant Design和Material-UI。
分享一些经过验证的Figma插件,帮助提高工作效率。在过去的几年里,尝试过许多来自令人惊叹的Figma社区的插件,并且经常使用。现在编译了20个广泛使用和高度推荐的插件,这些插件仍在Figma插件社区中得到积极更新。
目标可能会突然改变,因为我们会收到意外的资金注入,使我们能够延长项目的寿命。
在构建Faire的模态组件时,我们面临了设计组件的挑战。模态是一种在网页上显示的浮动窗口,用于显示额外信息或需要用户输入的内容。我们希望模态组件能够灵活适应各种用例,并具备可访问性和跨设备兼容性。为了实现这些目标,我们采用了基于React的设计系统,将模态组件拆分为多个子组件,使开发和维护更加容易。
如果你是这个UI领域的新手,并且想要为你的按钮或其他设计创建线性颜色渐变,那么你来对地方了。在这篇短文中,我们将学习如何为我们的对象(比如按钮)制作渐变颜色,那么让我们开始吧。首先,打开空白的Figma文件,然后添加一个简单的桌面框架。然后添加以下属性的矩形。哎呀...第一次看到这个?别担心,我已经为Figma撰写了一篇介绍性文章。只需点击下方了解Figma的介绍。
在为所有组件命名所有图层之后,您是否仍然面临这种痛苦?让我们更深入地了解图标的结构。
Figma的引入了变体功能改变了许多设计师(包括我自己)创作组件的方式。变体提供了将多个独立但相关的组件转化为单个资源的能力,该资源具有可以在实例级别调整的属性和值。变体是帮助设计师在设计工具中创建广泛和可定制的组件库的便利工具,但由于每个变体必须在画布上以可视方式存在和表示,因此需要更多的组件维护和开销。例如,图片
关于Figma的自动布局最强大功能的一切
苹果之前曾暗示过在其平台上推出一些协作功能,例如SharePlay,首次挑战像Zoom这样的公司,提供了自己内置的视频会议功能,也适用于Web(非苹果设备)。显然,苹果希望在更多市场上分一杯羹。首先,他们宣布推出Apple Pay Later,直击Klarna,但提供了0%的利息分期付款。
与Adobe XD或Sketch相比,Figma具有许多优势,尤其是其仅在线工作的能力。
你是否曾经想过超过90%的UI设计是关于排版的?设计中有两件确定的事情,颜色和排版。这是一系列文章,帮助你创建自己的设计系统UI库,本文介绍了良好的命名约定和为特定项目和平台准备文本样式的重要性。
在2017年,显而易见的是,“软件正在吞噬世界”,而“设计正在吞噬软件开发”。市值前10的公司中,有5/10家公司要么专门通过生产软件来增长,要么软件是其收入流的重要组成部分。而在过去几年中,这些公司的设计人员数量平均增加了65%。设计师与开发者的比率提高了2.5倍。市场对设计师的需求比以往任何时候都多,但随着规模的扩大,出现了新的问题。业务要求迫使设计师更多、更快、更好地构建,但在没有标准的情况下,每次新的招聘都会进一步减慢流程。没有设计系统,设计无法规模化。
无论你是想转行、进入UI/UX自由职业设计领域,还是想提高设计技能,你都有很多资源可以帮助你开始学习。以下是你今天可以采取的5个步骤,让你成为一名设计师,并找到你的第一份设计工作或客户。
几年前,我曾经用过AdobeXD和Sketch来设计Android用户界面。但是在AdobeXD和Sketch中,为Android导出资产(不同分辨率的图像)并不是问题,它们内置的导出工具运行得很完美。我的意思是只需点击导出按钮,它就会在几次点击中导出资产,结果我们可以在不同的drawable文件夹中获得不同分辨率的图像(drawable-mdpi,drawable-hdpi等)。但是在Figma中,构建导出工具需要额外的步骤来导出资产。您必须为Android Drawable文件夹定义图像尺寸为1x、1.5x、2x、3x和4x。然后,它无法保存上一次的配置以便导出下一个图像。这真的不太方便。
Figma 是一个相对较新的产品,但已迅速成为市场上最受欢迎的矢量图形和/或基于Web的原型工具之一。由于 Figma 不断被各个组织采用,无论是大型企业还是小型初创公司,这个工具在专业项目和个人项目中已经成为每个网页设计师首选的界面。当像 Figma 这样的工具在专业人士中变得流行时,实习生和新手也喜欢亲自体验
创建电子表格的想法始于1979年的哈佛大学。工程师丹尼尔·布里克林和他的朋友罗伯特·弗兰克斯顿正在使用分类账进行经济计算。他们共同开发了第一个电子表格程序。它允许用户更改任何单元格,并自动重新计算整个表格。借助这个软件,20小时的工作可以在15分钟内完成。数据表的结构非常简单。行和列使文件更易于扫描,并且每个单元格可以被分割。行按照对应列的顺序具有相同数量的单元格。数据表的最突出示例是
当Figma在Config 2022上宣布发布新组件时,我非常兴奋。这个功能看起来很干净,简化了变体,理论上给了我们更多的控制权来构建更直观和简单的组件。然而,魔鬼总是在细节中。因此,让我们探索新组件属性带来的挑战。
快速将想法转化为有形线框的能力是一个有效的产品经理的标志。WireGen是一款Figma插件,利用ChatGPT人工智能的力量快速轻松地生成线框。本文将探讨WireGen如何成为产品经理的变革工具,并将人工智能整合到线框设计过程中的前进方向。
DhiWise提供了一种高度灵活、全面且安全的解决方案,可以快速从Figma设计中生成React.js前端应用程序代码,简化React网页应用开发流程。
在种类来创建按钮前,需要对按钮的属性和变体进行决定。
商家设计团队在星期五早上聚集在一起,使用无声批评方法来分享工作和收集反馈。这种方法给团队成员提供了审查设计和处理想法的额外时间,并在会议后进行反馈意见的审查和处理。
为大家简单介绍下 Figma 中的颜色调整功能和混合模式
Figma 新版的用户界面主要是 UI 的变化,并没有功能的更新,本文会详细介绍 Figma 新 UI 改版带来的变化。
整理了一些平时常用的 Figma 快捷键,善用快捷键可以为我们极大的提高效率
我们来聊聊为什么 Figma 越来越受到 UI 设计师的青睐,我们应该选择 Figma 而不是 Sketch。