想用Figma在线设计工具吗?先来一份入门教程设计达人

仅仅几年的Figma越来越火了,不仅是国外,国内很多大厂也开始用Figma这个在线设计工具,如果你是UI设计师,也想体验它的魅力,建议你先看看这一份入门教程,文中还提到了Sketch迁移到Figma的一些问题和解决方案,来,我们一起学习吧。

全世界都在用Figma

不知道你们有没有这种感觉,仿佛有一天,很突然的,全世界都在使用figma,一个软件从无人问津到现在的如日中天,用了不到3年,而现在,它不仅仅是当下的最优生产力工具,在疫情掀起的远程办公的风潮下,它更为我们揭示了未来设计协作的方式。事实正是如此,大批专业设计团队不惜成本尝试由传统设计软件(sketch等)向Figma转型,只因他们于此看到了代表未来的生产力工具及协作方式。

我最初接触到Figma应该是在18年,sketch霸占体验设计市场的阶段,当时大家对Figma的评价基本都是,还可以,但完全无法取代Sketch。如此判断的原因主要是Figma产品设计初期的体验、功能各方面都不尽如人意,而其远程共享协作的思路也略有超前,未能真正冲击到本地化协同的设计开发模式。

而从Figma的首席设计师(现已离职)RasmusAndersson关于Figma的设计总结中,我了解到Figma真正开始产品的设计过程是在16年,RasmusAndersson从16年就职figma到20年离开期间,参与了Figma从品牌到设计工具的所有设计工作。在这几年间,Figma始终坚持将共享协作作为其核心主旨,他们将Figma产品设计分为两个核心模块,其一是编辑器也就是生产力工具部分,其二则是协作模块,涉及到文件管理共享协作等内容。

Figma的一大亮点就是基于WEB平台开发,以支撑其在所有硬件产品,所有场景下使用。然后在RasmusAndersson的推动下,他们最终仍然开发了客户端版本,最终结果也是使用客户端版本的用户确实高于WEB端用户。

总而言之,Figma是一个异军突起的新兴设计软件,适用于多平台,多系统,这保证了其在任何工作场景下(WindowsorMac)都能够作为设计团队的统一设计工具,基于WEB端开发的版本更可以满足异常场景下的设计需求,如回乡省亲身边没有带有设计工具的电脑,同时也解决了因本地硬件条件等限制造成的卡顿文件丢失等情况。另外在疫情检验下,其优秀的远程协同体验成为了自身壁垒,远超其他竞品,另外在国内某协同标注软件开始收费后,其价格也成为了一个合理的竞争力,远低于Sketch+Lanhu的价格。

1.1为什么大家都在转型Figma?

我作为经历了上家公司Sketch+蓝湖的生产力模式到目前所在公司的Sketch+SketchMeasure的模式的设计师,应该对这个话题很有发言权,传统的依托于本地输出资源对接的方式,效率相较于线上共享、对接、协作的方式真的可谓天壤之别。

协作效率

以我的设计工作流程为例,我司使用谷歌全家桶进行项目管理,设计资源一般规范命名导出后上传至GoogleDrive统一管理,其优点在于文件管理规范化,从设计到开发皆置于一套线性工作流程中,输出物可溯源易管理,协作效率蛮不错,但当发生一点设计修改之后,整套输出物从设计稿到标注内容都要重新输出整理一份,并再次手动上传。这种偏传统的协作方式,尤其是设计输出的方式在长远来看不利于设计管理和上下游协作。一方面修改更新的成本较高,一方面容易造成版本混乱输出物混乱而导致实际产品实现结果的问题。

设计维护

版本维护是在进行复杂项目设计时必要的一项工作,修改了哪些内容,谁来修改的如何溯源,更新后的版本如何快速同步给上下游?这一点工作在传统设计协作模式中一般需要多个工具及多个协作行为来完成,如设计新版本-输出新的DesignDraft-上传至同步工具(如Drive)-提醒上下游-更新源文件(设计组内)。而在Figma中,设计源文件、设计输出融合为一套内容。在源文件修改后可以快速自动同步给各方,一个figma文件本身即是设计师对应的源文件,也是上游需要的预览稿Draft,更是下游开发需要的输出标注。维护成为无意识的自动化过程而不需要太多人力介入。

价格与权限

2.1Figma界面介绍

Figma基础界面与常规设计软件没有太多差异,有Sketch使用经验的用户几乎可以无缝衔接到Figma上。

顶部导航栏

顶部为导航栏,已打开的所有文档都会在这里展示,左侧Figmaicon为Home键,点击回到团队主页,右侧导航Tab可以通过快捷键Command+123切换,这里的快捷键和Sketch查看全部视图的快捷键相冲突。而在Figma中,查看全部视图的快捷键是Shift+1,查看目标视图到全图大小的快捷键为Shift+2。

工具栏

图层组件

左侧为常见的图层导航栏,可通过顶部在图层和组件两个模块间切换,上图中展示了图层树中不同元素的缩略图样式,其中组件和实例比较特殊,简单理解,实例是组件的复制体,需要注意的是,组件不可逆,而实例是可以逆向为Grop的,也就是取消组件化。

属性检查器

2.2Figma基础功能

画板Frames

Frame包含Grop,Grop单纯的代表对一些元素的打包与整合,与常规设计软件中的组的概念无异,但Frame则更强调导出与自动布局、组件化等方面。例如你要将一个消息气泡组件化后,会发现其属性自动由Grop转化为Frame。

文字工具和字体

文字工具可以通过快捷键T快速唤醒,交互与PS近似,单击键入常规文字框,框选键入固定范围文字框。Figma的字体工具与Sketch差异点在于其共享样式,文字系统是一套设计系统的核心组成元素之一,而在Figma中,文字的样式被拆解为字体样式(涉及到文字字号、字族、字重)和颜色填充样式(颜色填充样式适用于所有元素)。

另外要提醒的一点是,Figma字距等属性默认使用百分比来界定,但它也支持常规的px形式,只需要在调整框键入你需要的值,如150%,或28px,系统会自动匹配到该类计算方式。

投影与模糊

属性检查器中的effect模块包含投影和模糊两部分。与Sketch完全一致,投影依靠XY和范围、透明度等属性来控制,背景模糊通过调整覆盖层Fill透明度控制,嗯,与sketch完全一致。在由sketch迁移至figma过程会出现投影还原问题,实际上是某个开关设置的问题,只需要取消勾选Clipcontent.

布局栅格

Figma的栅格可以很方便的在画板的属性检查器开启,寻找到LayoutGrid并开启它,其中包含常用的栅格与网格两种规范方式。

遮罩蒙版

遮罩工具有两个入口,一是选中要运算的图形后,在顶部工具栏的中间区域点击遮罩工具,一是右键菜单中点击Useasmask选项。

颜色取色器

布尔运算

2.3Figma常用快捷键

这里只统计一些特殊的、容易与sketch起冲突需要刻意记忆的、特别常用的快捷键。

Shift+1Shift+2

常用的放大视图工具,适用于快速查看文件全览,及快速放大某个元素的场景。

Z+鼠标左键

按住Z快捷键,鼠标会转变为放大镜,此时单击放大视图,同时按住Option会缩小时图。拖拽一片区域则会放大该区域。

Option+鼠标左键

Figma的右侧属性检查器无法快捷hover在属性值上拖动(需要谨慎的将鼠标移动到属性icon

上),此时可以按住Option再把鼠标Hover到属性框,此时便可以直接拖动调整数值。

Cmd+G/Cmd+Option+G

从内容打组/从内容新建画板,Figma中组和画板有很多重合的地方,与Sketch差异较大,组还是那个组,但画板可以嵌套画板,后面会具体解释。

Cmd+鼠标左键

该操作可忽略画板内元素直接调整画板尺寸,适用于画板内元素未做自动布局处理,同时需要调整画板尺寸的场景,直接调整画板尺寸会使图形变形。

Option+L

该操作可以快速收起图层,在设计过程中使用频率较高,便于高效整理图层。点击空白区执行该命令会收起所有图层,点击某个组或某个画板会收起该组或画板。注意,点击单个图层或元素无效果。

Shift+H&Shift+V

左右翻转&上下翻转,快捷执行翻转操作,此功能使用场景较多,常规操作需要右键唤醒功能面板然后寻找到目标再执行命令,学会快捷键后可以大大提升翻转操作的效率。

Shift+R

显示隐藏标尺,使用Sketch的用户需要克服该快捷键的使用习惯,sketch中该操作为Cmd+R。

Control+G

显示隐藏网格,实际上不仅仅是网格工具,该快捷键唤醒的是栅格工具集合,需要在右侧属性检查器进行调整,可从网格工具转化为栅格工具,默认是网格工具。

如何复制形状属性

与Sketch相比,Figma为了保证组件化和共享样式的细分程度,将图形的属性样式进行了更细致的拆分,如图形颜色、描边属性,字体字族、字体颜色等属性是分开处理的。因此无法像sketch或PS那样一键复制所有属性,而是需要单独选择某个属性,然后复制。

Cmd+E

扩展图形,在Figma中,图形布尔运算后会保留所有原始图形,在选择图形时经常会选择到布尔前的图形,影响工作效率,在确认图形不会进行二次编辑时,可以考虑直接Command+E将图形扩展为新图形。

如果记不住快捷键,可以右键在选项面板中选择“Flatten”进行扩展图形。

Cmd+Shift+O

扩展描边,在使用描边绘制Icon时,需要通过扩展描边来转为可编辑图形。

如果记不住快捷键,可以右键在选项面板中选择“OutlineStroke”进行扩展。

最后,需要查看所有快捷键只需要在右下角唤醒帮助功能,面板中第二个选项KeyboardShortcuts就是快捷键演示。

2.4Figma基础操作较sketch差异点

从Sketch转型为Figma的初期,有很多基础操作方面的差异点会令人不适应,以下是一些常见的差异点,主要涉及一些基础操作,正因是最最底层的操作习惯,所以更加影响操作手感。建议通过刻意记忆(有意识的在操作时纠正),尽早转换习惯。

拖动单个图层

sketch中按住Command点击图层并移动,是单独移动某个图层的操作,而在Figma中,按住Command点击并移动鼠标是框选操作。若想要强制选择某个图层并移动,正确的逻辑是,先按住Cmd点选图层,待出现选择框后,在直接使用左键拖动。概括来讲,Figma的操作逻辑中,首先选择图层,后续的操作默认是对该图形的操作。

快速查看视图

Sketch中Command+1,2分别是查看全部视图,和放大某个视图,是我们常用的操作。但在Figma中Command+123是切换不同文件tab,1对应tab1,2对应tab2,以此类推。而Shift+1和Shift+2才是查看全部视图和放大某个视图(这个习惯操作要花很久来适应)

滚轮放大

当真恶心,滚轮放大和缩小视图正好与sketch相反,这种争议就像头像应该用圆的还是方的一样,在sketch与Figma同时使用的过渡阶段,该体验极其恶劣。

复制图层/组

在Sketch中,复制一组图层到另一个画板,在执行Cmd+V时,会将该组图层自动粘贴到你窗口的中心位置,也就是你操作区域的核心焦点处,或者粘贴到画板的中间区域,其复制粘贴有可预见的逻辑,且极其易用。

而在Figma中,尤其在实际工作场景中,你要复制一个元素到新的画板中,它粘贴的位置总是十分诡异,即便将操作界面放大,它也不会为你复制在操作区域的中心,而是复制在一个超级偏僻的位置,然后再由设计师自己移动。

目前我自己探索的解决方案就是,选择某个元素,使用Cmd+Shift+V,复制的位置会与你之前选择的元素相同。

Frame可以互相嵌套

根据Figma官方团队说明,他们基于前端思维确立了画板的逻辑,或者说框架(Frame),Frame是可以互相嵌套的,而在Sketch中画板内只可以有组,而不可能出现画板作为子内容的情况。

因此在Figma中,经常会出现你拖动一组内容(一个Frame)会发现它突然消失不见,或者突然出现在了另一层的情况,这是由于Figma中将一个较小的Frame拖动到一个较大的Frame范围内会自动另其归属于下方的Frame。在需要频繁拖动元素的场景下体验很差。解决方法是将Frame转为Grop组再去拖动,或者只通过键盘上下左右键及对齐工具来移动,千万不要使用鼠标拖动。

3.1组件(components)

组件和实例:组件是母体,实例是复制体,组件可以删除和修改,不可逆向为组,实例不可直接编辑,但可以逆向为组,然后修改。没有一个固定位置用来存放组件,你最初组件化的那个组,就是唯一的组件母体,且组件不会被收起在一个组件页中,而是存在原本的位置。

组件和实例是分开的,简单理解就是,你最初设计的一个元素,通过Component功能打包为组件A,这个组件就是原始组件A,此时在左侧assert模块下就会存在一个固定组件(类似组件库模块),当你从Assert模块中拖动出来一个新的组件A,或者从原始组件A复制一个新的组件A,这个新的组件A就是实例,实例可以被还原为组。

3.11我如何找到最初的组件?

首先需要说明,Figma的组件管理方式很灵活,但相较于Sketch的确不够规范,这里仍建议设计师新建一个layers,以组件来命名,将原始组件都放置在这个页面,易于管理。

该Layer主要目的在于管理原始组件,例如当需要大批量修改组件时,切换到组件Layer快速修改,修改后快速映射到所有设计稿。

当需要调用组件时,则推荐使用官方提供的Assert模块,通过拖拽调用组件实例。

在实际工作场景中,我们需要从实例跳转到原始组件,以进行大批量效果修改时,可通过属性检查器中的组件icon快捷跳转至原始组件。

3.12实例操作

在实际工作中,我们会遇到使用一个类似组件来建立新组件的场景,此时需要将组件逆向为组,然后进行编辑,在Figma中仅实例可以进行逆向,方法是右键,或者在属性检查器区域执行Detachinstance命令。

当直接在当前正在操作的实例上进行少量变更后,可以通过覆盖功能将当前的属性同步给组件和所有实例。

方法是在右侧属性检查器执行PushOverridestoMainComponents。

3.13组件库的使用

如何上传和维护组件库?

Figma的组件库系统极其友好,易于维护。设计师只需要将已经设计完成的组件系统和样式系统放置在一个文件中,然后就可以基于当前的文件已有的样式和组件直接建立共享组件库,只需要在Assert的Library入口进入组件窗口,通过组件库窗口中的上传(Publish)功能,完成上传,团队成员就能获得该组件库内容。

后续维护组件库的工作只需要在该文件上进行修改和完善,随后回到library窗口进行更新。当然,在你对组件库进行修改后,Figma会自动弹出快捷窗口以供你迅速更新组件库,这也不失为一种好办法。

当你更新组件库后,其他使用了该组件库内容的设计师会同步收到更新消息,且可以快速同步到最新版本,以保证设计一致性。

如何使用团队成员已上传的组件库

在Library窗口,团队已公开的组件库会以List的形式展示,设计师只需要点击你的目标组件库左侧的switch,即可唤醒该组件库,回到你的文件画板中,此时即可调用该组件库的内容,如组件、颜色样式、字体系统等。

想要快速查看组件库内的内容可以使用Option+2,快速调起Assert资源窗口,在左侧图层列表查看。

3.2响应式约束(constraints)

通过约束功能的官方定义我们更容易理解这个功能。首先要说明其限制条件,约束功能只有在Frame中才可以发挥作用,也只有Frame中的元素,才会展示Constraints工具。因此,官方定义其为:“允许你将设计元素固定在父框架的不同位置”,所以,请谨记约束功能以建立Frame为前提,而其主流使用场景就是构建流畅的布局以适应不同设备尺寸,即当设计师将Frame尺寸进行变更时,Frame内的元素会自动按照预先设定的规则固定位置。

但在真实场景下,响应式约束的功能并不局限于此,它更是可复用、可快速编辑组件的必要组成条件。Figma的Frame不同于Sketch的画板工具,可以互相嵌套且不会影响到复杂度产生墒增的问题,因此可以通过Constraints配合Frame组合成规范布局的组件系统,再加上我们后面要讲的Autolayout功能,可以构建出高自由度,可任意调用,且能够根据真实填充数据自动布局的超级组件,这样构建的组件一方面还原了真实场景下的设计效果,一方面大大减少了设计师重复性工作。

下面是响应式约束的不同条件及对应的效果。

响应式约束的常规案例。

3.3自动化布局(Autolayout)

自动化布局工具是制作复杂组件的核心技巧,与响应式约束搭配可以设计出高度自由可编辑的组件乃至半成品页面。

下面我实现了一个最简单的案例,再该search组件中需要填充真实数据以模拟真实场景下的样式,设计师只需要输入新的填充内容,组件内其他元素会自动匹配到对应的正确位置。

自动布局按照常规布局规则划分为三个属性,分别是左右空隙、上下空隙、元素间空隙。

当选中多个元素,执行Shift+A(建议熟悉快捷键提升效率)后,会为这些元素建立自动布局,规则可以在右侧属性检查区设定。

例如我需要建立一组横排的card,此时可以先设计好三个card,然后选中它们,执行Shift+A即可创建一组横排的自动布局(横排竖排根据你真实场景下元素的排列情况,也可以在右侧更改横排为竖排)。另外一种小技巧是,直接给一个card执行Shift+A命令,然后选中组内的card执行复制命名cmd+D,后复制出的每一个card也会按照预定规则排列。

如下图案例所示,元素与元素组合构成自动布局的组件,自动布局的组件组合则能构成更复杂的大兴组件乃至典型模块、典型页面。建议设计师快速掌握该技巧的方法是将其套入实际需求中,从提升设计效率,减少重复工作的出发点开始设计自己的典型组件模块。

3.4共享样式(style)

关于共享样式,从sketch转型到Figma的同学应该再熟悉不过了,共享样式是组件库的核心构成之一,主要包括颜色、字体及各种样式效果。这里着重说明一下Figma共享样式与Sketch共享样式的差异。Figma中对样式进行了更为细致的划分,共包括颜色、字体、效果三类。

以颜色为例,Figma中颜色样式可自由运用到图形、描边、字体等各细分元素上面,无任何限制,可与各元素自由搭配。以字体为例,字体样式仅包括字体字号、字重、行高等字体本身的属性,不包括颜色,换言之,Font样式的颜色可以自由使用Color样式。

概括来讲,Sketch更注重常规理解下,组件系统的实际应用时的场景,如字体样式是由字体字族、字号、字重、行高、颜色所有属性一同构成的,而Figma强调更高的自由和编辑性,孰优孰劣无法一言蔽之,从严谨性和组件自我封闭完整性来讲,sketch的要更好一些,但从组件自由度,组件嵌套组合的效率上来讲Figma要更好一些,所以关键在于设计师能否合理运用,快速掌握技巧并提高效率。

3.5交互原型

Figma的交互功能,在设计软件中我愿称之为最强,极简的操作逻辑以及优秀的实现效果使其在中小复杂度的交互场景下不逊色于专业UI动效设计软件。在FIgma的交互模式下能看到Principle的影子,其背后的设计逻辑高度相似,符合UI设计领域快速输出产品交互物的场景。

如下图所示,界面间的交互逻辑通过选择起始画板或其中的元素然后简单的连线即可完成。当然,如果设计师不满足于此可以在右侧属性检查器制作更精致的过度效果。Figma拥有者完善的交互手势可供设计师选择,如点击、hover、拖拽等。

然后是过渡效果,在这里我只推荐一种交互方式,那就是SmartAnimate,一句话概括,SmartAnimate复刻了Principle元素演变的逻辑,所以如果你是Principle的忠实拥趸,那在FIgma交互模式下你可以无缝代入到Principle的使用经验中。

除此之外,需要特殊说明的一个交互功能是弹窗交互OpenOverly。使用该交互会调起一个覆盖层,适合弹窗类场景。方法如下图所示。Figma交互模块有很多功能,感兴趣的可以自行探索,而对于大部分设计师来讲,掌握最基础的Figma交互原型功能就已经能够让你的演示事半功倍了。

遗憾的是,每次演示只能演示一条流程。如下图所示,有编辑权限的设计师需要将播放功能固定到起始画板,演示模块会以此为当前交互线程的出发点。若你有多条交互线程,那只能手动调整起点进行演示了。

3.5输出

Sketch文件可以直接导入,基本无损,只需要处理一些异常问题。

sketch原组件需要在figma逻辑下重新整理和设计,但如果在迁移初期完全不会影响,如果你的需求中不涉及到大量sketch的组件,可以直接把旧的设计稿拖到figma,无缝连接。

迁移中已知的常见问题

1.图层遗失

在sketch有遮罩效果的图层(如一个矩形),转到Figma中,该矩形会转化为Figma的遮罩,而失去原本的矩形。可以理解为,Sketch中的遮罩保留了原本的矩形的属性,Figma中矩形转化为遮罩会失去原本的矩形。

2.组或元素超或小于遮罩范围

这种问题一般是由于组在迁移后被转化为画板,组会受到遮罩影响,而画板不会。只需要把画板转化为组——Grop-Frame(在右上方属性检查器那里调整)即可解决该问题。

3.阴影显示异常

原本Sketch中的组在Figma中转化为Frame,Frame会遮住弥散的阴影,只需要将Frame转化为组Grop即可。

五:插件

Figma与Sketch一样有众多插件可以帮助设计师提升设计效率,甚至某些基础功能如等比缩放也需要插件帮助实现。

插件可以通过系统菜单中的Plugin来安装和调用。具体位置为Plugin-manageplugin。想要搜索新的插件只需要点开一个已安装插件,在插件详情页的顶部使用搜索工具来寻找目标插件。

下面列出了几个我最常用的插件。

5.1ArrowAuto

ArrowAuto是一个原型连线工具,能够快速在选中的元素、画板间连线,且可以自由选择线段两端的样式。由于Figma官方的交互连接线需要在Protype模式下才可以查看,存在无法覆盖的场景。

因此当设计师需要快速展示交互逻辑时,ArrowAuto是一个不错的选择,。除此之外,需要输出中低保真度原型的交互设计师和PM也可以使用它来快速构建MVP原型。

5.2Timemachine

5.3CleanDocument

5.4Scale

Scale是一款等比缩放插件。由于Figma自带的等比缩放功能无法精确按照数值进行操作,因此当设计师需要对设计元素进行等比缩放时,需要适用该插件。

THE END
1.食谱标签专题模板食谱标签图片素材下载当前共78047个素材 您是不是想找:促销标签标签淘宝标签档案盒标签价格标签幼儿园食谱特价标签商品标签海报素材标签产品标签超市价格标签合格证标签不干胶标签淘宝促销标签标签设计食谱https://so.ooopic.com/sousuo/28668210/
2.菜单设计在线免费菜单模板可编辑印刷菜单制作工具创客贴作图神器,可在线设计制作菜单,提供丰富的菜单模板,设计一键生成,可在线编辑。菜单设计可用于印刷,用创客贴做菜单菜谱,即使不会设计的人也能轻松做出精美菜单,菜单尺寸为215mm*285mm,尺寸还可自定义,好用的菜单制作工具。https://www.chuangkit.com/caidansheji.html
3.菜单设计在线菜单制作菜单图片模板在线设计平台Canva可画提供了海量的菜单设计模板,覆盖绝大多数菜单设计场景,只需选择喜欢的模板进行制作,即可轻松在线设计出精美的菜单。https://www.canva.cn/create/create-menu/
4.菜单设计制作菜单模板图片这是一个关于菜单设计的专题页面,包含了菜单设计的基本原则、技巧,以及相关的在线设计工具、设计模板等内容。通过本专题,您可以学习如何快速创建专业的菜单设计,并打造与众不同的独特菜单设计。无论您是餐厅、咖啡馆还是其他行业,都能从中获取灵感并提升您的菜单设计水https://m.gaoding.com/features/4
5.菜单/价目表在线生成菜单/价目表在线生成 LOGO 生成LOGO 查询商标 找模版素材 热门搜索 LOGOVI设计门头招牌招聘名片 首页智能LOGO生成设计生成设计模板素材LOGO定制服务商标注册查询设计攻略 智能生成 智能LOGO生成印章设计生成徽章设计生成图标设计生成班徽设计生成队徽设计生成 设计模版中心https://www.logomaker.com.cn/kit/2843867/type-21/
6.菜单设计免费菜单设计模板在线菜单制作设计软件MAKA是最受欢迎的免费在线菜单设计软件、菜单制作工具,提供精美的菜单设计模板素材,5分钟完成在线设计制作中英文餐厅菜单、酒水菜单,包括烧烤、火锅、大排档、快餐、饭店、宴会、婚宴菜单。https://www.maka.im/zhinan/caidansheji
7.美食菜单在线设计制作工具易企秀创意营销平台提供免费的美食菜单翻页H5邀请函、营销海报、长页H5、表单问卷、微信互动游戏、视频等海量模板素材;并且含有图片、字体、音乐等正版素材;满足你在线快速制作企业营销物料的需求,易企秀专业的h5页面在线制作工具。https://store.eqxiu.com/moban/?keywords=%E7%BE%8E%E9%A3%9F%E8%8F%9C%E5%8D%95&searchCode=9102915
8.AxureRP原型设计实践(Web+APP)第12章菜单原型设计实践在线免费看Axure RP 原型设计实践(Web+APP)第12章 菜单原型设计实践最新章节, 手机屏幕相对较小,分辨率也相对较低,因此,在设计手机网番茄小说网下载番茄小说免费阅读全文。https://fanqienovel.com/reader/7106059592265632801
9.菜品菜单模板在线设计制作生成制作图是在线图片设计处理工具,可以在线设计淘宝宝贝图片、淘宝首图、淘宝banner图制作、公众号首图制作、海报在线设计制作等。https://www.zhizuotu.com/moban-1735.html
10.vue3做一个后台管理用的轻量级路由+菜单引入配置和函数,设置选择的菜单的对象,这样就可以了。 const events = reactive({currIndex: ''})refresh((key) => {events.currIndex = key}) 加上权限过滤 设计权限的时候,需要标注可以访问哪些菜单,也就是组件,然后设置好对应的菜单(路由)的 key 即可。绑定的地方换成过滤后的数组即可。 https://developer.aliyun.com/article/902639
11.FastReport在线设计器新版2024.1,新增多元素填充,条码元素拖放添加了通过上下文菜单删除矩阵的功能 根据用户请求,我们在矩阵的上下文菜单中添加了一个有用的“删除”项: 改进 弹出窗口的重新设计和新设计 所有弹出窗口(例如表达式和格式编辑器)都经过彻底重新设计和改进,以满足现代 UI 标准。 我们已经完全审查并重写了项目中的所有对话框。这样做是为了确保更好的性能、易用性并https://www.evget.com/article/2023/11/21/48143.html
12.GTAV和GTA在线模式已于次世代主机平台推出犯罪职业四选一:总裁、军火走私贩、夜总会所有者或飞车党;然后从一系列资产、强大载具和武器进行选择,开始您的创业生涯。想要重新开始 GTA 在线模式中角色的玩家也可使用职业建设器。 全新的菜单设计 直接通过主菜单立即访问 GTA 在线模式所提供的一切,包括最新和最热的更新。快速进入抢劫任务、竞速和对抗模式,直接https://api.xiaoheihe.cn/maxnews/app/share/detail/2503854
13.Activiti7官方在线流程设计器下载和部署activiti7流程设计器一、流程设计器下载 二、流程设计器简单运行 三、流程设计器简单使用 四、流程设计器持久化 持久化会遇到的常见错误 五、流程设计器汉化说明 菜单汉化 操作汉化 参考文档 一、流程设计器下载 官网下载地址:https://www.activiti.org/get-started 点击直接获取官方下载地址 https://blog.csdn.net/m0_46085118/article/details/135403404
14.JavaWeb开发实战1200例(第1卷+第2卷)pdf教程+随书光盘源码猿来实例115 判断用户是否在线 实例116 实时统计在线人数 4.3 JSP的自定义标签 实例117 带标签体的自定义标签 实例118 自定义多次执行的循环标签 实例124 自定义生成系统菜单的标签 第5章 JavaBean技术 5.1 字符串处理 实例125 小写金额转换成大写金额 实例126 转换输入文本中的回车和空格 http://programmer.ischoolbar.com/index.php/article/article/id/40.html
15.深入浅出SemiDesign主题化方案1.8. 树形控件 Tree 的菜单文字颜色的设计变量分层 如图1.8 所示,从基础色阶到全局变量(Level 4 → Level 3)的引用,可保证设计系统中所有功能色(如警示、主操作、正文、背景等)在色彩空间上的和谐统一;从全局变量到组件级变量(Level 3 → Level 2)的引用,使得批量修改组件样式更加方便(如自定义所有表单的高亮态https://maimai.cn/article/detail?fid=1742368911&efid=vBiPcsDVT7nPskfrWktwzg
16.页眉设计(页眉设计在线教程)摘要:页眉设计(页眉设计在线教程),1.打开文档,点击菜单栏的插入 2.点击页眉 ,可以选择自己喜欢的样式,3.我们直接在页眉上输入想要书写的内容 4.①、选择标题模式,也可以不要。 ②、设计字体大小和风格。 ③、设计文字左对齐、右对齐或中心对齐。5.点击最我的毕业论文有上百页, https://edu.xinpianchang.com/article/baike-60357.html
17.23个极具创意的顶级侧边栏设计陈学虎两个侧边栏的设计,左边的是个很普通的菜单导航,而右边的则是一个包含文本和图片的滑动博客列表。 VISION DIRECT 在线销售网站分类侧边栏 这个网站向您展示如何将你的产品分类到目录栏内。 WEBAPPERS 双列的侧边栏 这个内容丰富的网站有两列侧栏。它们实际上是独立的侧边栏,一个为普通的菜单导航,只有文本内容。另一https://chenxuehu.com/article/2014/12/3291.html
18.V2.3.3版本更新,支持设置多地点库存!勾选跟踪批量APP设计模块菜单类型新增消息推送 使用场景:商户在菜单中新增消息推送列表的展示,客户可查看全部消息推送内容,并且可点击内容跳转至商户设置推广的商品/专辑页。 使用路径:应用 > MoCart > APP设计 > 点击菜单图标 > 在主菜单点击新增按钮 > 链接选择消息推送 > 新增菜单 https://www.163.com/dy/article/IC7IKETU0538ERWL.html
19.设计中心欢迎探索我们越来越丰富的资源库,包括视频、 博客、 小手册、 技术文章和白皮书。我们还提供了在线设计工具,以帮助并支持您最新的设计。 您还可以在我们的新产品页面中查看最新发布的产品设计中心 框图 设计工具 博客 手册 信息图 电子书 技术文章 视频 白皮书 设计中心 菜单 https://cn.qorvo.com/design-hub/
20.PS分辨率怎么调?零基础教程那在 PS 中怎么调整分辨率的大小呢?本文为大家介绍在 PS 中调整分辨率的 4 种方法,分别是在新建项目时直接调整、使用 PS 菜单栏中的图像大小和画布大小;还为大家带来了即时设计中的在线 Photoshop 插件——Photopea,也是能满足调整分辨率的需求的。接下来让我们一起来看看这 4 种调整分辨率的详细内容吧!https://js.design/special/article/ps-resolution-adjustments.html
21.鸿业市政给排水管网设计,一步一讲解,精准教学只有对下游节点或者排除口进行了定义,我们才能进行水力计算。选择竖向菜单,选择定雨污水下游节点命令。 雨水计算预处理 对于雨水系统我们在进行设计的过程中,涉及到暴雨强度的计算,所以我们需要对回流时间和重现期进行定义。 水力计算 点击竖向菜单,选择污水计算。 https://bbs.co188.com/thread-10485205-1-1.html
22.在线生成艺灵设计在线生成是一款很强大的淘宝助手软件,可生成淘宝、天猫、京东等其它平台特效代码。此软件可帮小白快速装修自己的店铺,即使不会css也可玩出css花样!例如:全屏代码、全屏轮播、css3动画、鼠标滑过遮罩、悬浮代码、手风琴、开关灯等特效|[!--smalltext--]https://www.yilingsj.com/zxsc/
23.青柠设计青柠设计是一款免费在线设计工具,主打海报在线设计,覆盖常见的设计样式,五分钟在线完成设计;操作简单,一个账号多个平台通用编辑,可登录青柠设计网页版,青柠设计app,青柠设计小程序同步编辑;做海报,banner、logo在线设计认准青柠设计。https://pidoutv.com/sites/1650.html
24.Canva可画在线设计协作平台平面设计作图软件在线设计协作平台Canva可画提供了海量的设计模板,涵盖海报、简历、名片、Logo、PPT、手抄报、二维码、Banner等数十种平面设计场景,更有千款中英文字体及千万张正版图片素材可供使用。精彩设计,随时随地!http://canva.me/