1. figma裁剪快捷键
区别:蒙版不一样。显示不同、效果图像不同、透明度不同。
蒙版:蒙版可以设置将不同灰度色值转化为不同的透明度。
图层是PS的核心概念,把不同的照片,处理方式等元素上下分开。
AI和PS的剪切蒙版都能起到遮罩的作用,但是就是作为遮罩的容器是不一样的,AI的容器只能是形状或者是复合路径,不能是图片,但是PS无论什么作为容器都是可以的。
2. figma取消编组快捷键
将文件添加到本地数据库中保存。
1、Figma的导出功能异常强大,可以这么说,Figma中的任意一个你能操作的对象都能被你轻易的导出。不论是单个的矢量图形,还是进行了形状组合的复合图形,亦或是多个对象的编组,还是多个画板以及整个画布,都可以导出来,因为Figma的每个对象都有一个叫做export的属性,只需要给你想导出的对象添加上这个属性并进行相应的参数设置,随时随地都能导出来。
2、我们以导出项目中的一个红色的圆为例:用选择工具或者在左侧的图层面板中,选择这个红色的圆,然后在右侧的属性面板的最下方的“export”属性的右侧,单击“+”号,添加导出属性。
3、第一个参数,取决于你的项目最后要应用到哪些倍率的设备,比如倍率是2的设备,那么就在下拉中选2X,如果应用于普通屏幕设备,则选1X。
4、第二个参数表示图片后缀名(注意:不是格式后缀),比如我们把这个后缀名改成“ha”,那么导出的图片都会自带一个“ha”的后缀。
5、第三个参数不必多说,大家都懂得,图片格式,这个根据自己实际所需来选择,要透明度当然是png最合适。
6、下面还有个对勾的参数,当选择时表示导出的图片不包含背景,去掉对勾表示连背景一块导出来。
7、一切参数都设定好之后,点击导出的按钮,你所需的图像就会自动下载下来。你可以以相同的方法,选择一个组,或者一个画板,或者整个画布,给它添加导出属性进行导出,方便快捷,快来试一试吧。
3. 裁剪的快捷键
1.桌面快捷截图的话,首先我们可以使用QQ的快捷键,ctrl+Alt+A就可以实现
2.如果要实现全面截图可以在聊天框中截图处选择【截图时隐藏当前窗口】就可以了,而且点击【剪刀】可以直接截屏哟!不用一定按快捷键啦!
3.第二个方法就是在电脑键盘上直接按【Prt Sc】就可以截图,这里要注意的是使用这个键截图的话是不会直接显示的,需要打开word或者画图,然后粘贴才可以。
4.另外可以按Alt+Prt Sc进行当前活动区域的界面截图,也就是当前操作的页面
4. figma创建组件快捷键
1、准备好需要打开的fig扩展名文件。;
2、接着,打开电脑中的matlab软件。;
3、进入软件操作界面后,点击界面左上角【打开】图标。快捷键(Ctrl + O);
4、会弹出一个打开窗口,找到需要打开的fig扩展名文件,然后,点击【打开】按钮。;
5、然后,便会弹出一个Figure窗口,里面显示刚打开的文件信息。;
6、如需一次打开多个fig扩展名文件,可以按住【Ctrl】键,然后依次去点击需要打开的文件,最后点击【打开】按钮。即可一次打开多个fig文件。
5. figma复制快捷键
操作步骤/方法 1 1.打开PS,导入所需素材,并把素材复制,在复制图层上操作。
2 2.选择位于左侧工具栏从上到下数第十一个的【添加锚点工具】,快捷键是【p】。
3 3.在用钢笔工具创建出闭合路径的基础上,再点击【添加锚点工具】,进行调整。
4 4.在形成图形后,绘制的图形自动填充为前景色,即可。 注意事项/总结 在有一定路径的基础上,才可以使用【添加锚点工具】。创建的图形默认填充的颜色为前景色。
6. 裁剪键怎么使用
自由变换的快捷键:Ctrl+T 辅助功能键:Ctrl、Shift、Alt。其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。
7. figma参考线快捷键
1、打开 BetterZip 主程序界面,将 Sketch 设计文档拖入,在未解压情况下找到 “meta.json” 文稿,右键-选择打开程序-文本编辑;
2、使用文本编辑器查找替换工具(快捷键 command +F,同时勾选右边 “替换” 按钮);
3、替换以下参数:共替换4项值,替换“commit”值,将10b2b021ddaac63eb3f52ce0b42edfb625ca194b替换为335a30073fcb2dc64a0abd6148ae147d694c887d;4、替换 “appVersion” 值,将 44.1替换为 43.1;替换 “build” 值,将 41455 替换为 39012;替换 “version” 值,将 91 替换为 88;5、执行完以上操作后,文本编辑保存(快捷键 command +S),再回到 BetterZip执行保存操作;6、通过以上操作,即可打开sketch格式的文件。
8. 裁剪便捷键
一、剪切全屏的剪切快捷键
相信大家应该都知道,在我们的电脑键盘上,有一个可以剪切全屏的快捷键,这个快捷键就是“PrintScrSysrq”,这个键的位置一般是在回格键的上面的。非常的好找,这个键可以剪切整个电脑屏幕的画面,剪切完之后就可以按Ctrl+V黏贴。但是相对来说是比较麻烦的,因为有时候只需要剪切一小部分的画面,那么这个键剪切之后还要在电脑的画本里进行裁剪比较麻烦。
二、剪切部分的快捷键
如果只是想要剪切一部分的内容,可以使用Alt+PrintScreenSysRq快捷键,这个快捷键是可以剪切一部分的窗口的,可以自己控制画面的大小。然后在需要黏贴的地方使用黏贴的快捷键就可以出现画面了。
三、自由剪切窗口大小
这种快捷键主要是利用QQ和YY、微信这样的软件进行辅助的,这些是我们常用的聊天软件,这些软件都是有剪切功能的,都是带有快捷键的。可以打开这些聊天工具的窗口,随便选择一个人打开窗口,QQ的剪切快捷键是Ctrl+Alt+A,YY的需要自己设定。在工具和设定那里,有热键设定,可以设置成自己喜欢的快捷键。
四、专业截图剪切软件
最后的一种剪切快捷键的方法是使用专业的截图软件。这样的截图软件有很多,可以选择一款进行安装,然后在设置那里进行设置剪切快捷键的设置。一般来说,安装完成之后会有一个设置向导的,在那里设置好你喜欢的剪切快捷键就可以了。
五、常用Windows快捷键大全
1、常见用法
F1显示当前程序或者windows的帮助内容。
F2当你选中一个文件的话,这意味着“重命名”
F3当你在桌面上的时候是打开“查找:所有文件” 对话框
F10或ALT激活当前程序的菜单栏
Windows键或CTRL+ESC 打开开始菜单
CTRL+ALT+DELETE 在win9x中打开关闭程序对话框
DELETE删除被选择的选择项目,如果是文件,将被放入回收站
SHIFT+DELETE删除被选择的选择项目,如果是文件,将被直接删除而不是放入回收站
CTRL+N新建一个新的文件
CTRL+O打开“打开文件”对话框
CTRL+P打开“打印”对话框
CTRL+S保存当前操作的文件
CTRL+X剪切被选择的项目到剪贴板
CTRL+INSERT 或 CTRL+C 复制被选择的项目到剪贴板
SHIFT+INSERT 或 CTRL+V粘贴剪贴板中的内容到当前位置
ALT+BACKSPACE 或 CTRL+Z 撤销上一步的操作
ALT+SHIFT+BACKSPACE 重做上一步被撤销的操作
Windows键+M 最小化所有被打开的窗口。
Windows键+CTRL+M重新将恢复上一项操作前窗口的大小和位置
Windows键+E 打开资源管理器
Windows键+F 打开“查找:所有文件”对话框
Windows键+R 打开“运行”对话框
Windows键+BREAK 打开“系统属性”对话框
Windows键+CTRL+F打开“查找:计算机”对话框
SHIFT+F10或鼠标右击 打开当前活动项目的快捷菜单
SHIFT 在放入CD的时候按下不放,可以跳过自动播放CD。在打开word的时候按下不放,可以跳过自启动的宏
ALT+F4关闭当前应用程序
ALT+SPACEBAR打开程序最左上角的菜单
ALT+TAB 切换当前程序
ALT+ESC 切换当前程序
ALT+ENTER 将windows下运行的MSDOS窗口在窗口和全屏幕状态间切换
PRINT SCREEN将当前屏幕以图象方式拷贝到剪贴板
ALT+PRINT SCREEN将当前活动程序窗口以图象方式拷贝到剪贴板
CTRL+F4 关闭当前应用程序中的当前文本(如word中)
CTRL+F6 切换到当前应用程序中的下一个文本(加shift 可以跳到前一个窗口)
2、在IE中
ALT+RIGHT ARROW 显示前一页(前进键)
ALT+LEFT ARROW显示后一页(后退键)
CTRL+TAB在页面上的各框架中切换(加shift反向)
F5刷新
CTRL+F5 强行刷新
3、目的快捷键
激活程序中的菜单栏 F10
执行菜单上相应的命令 ALT+菜单上带下划线的字母
4、关闭多文档界面程序中的当
前窗口 CTRL+ F4
关闭当前窗口或退出程序 ALT+ F4
复制 CTRL+ C
剪切 CTRL+ X
删除 DELETE
显示所选对话框项目的帮助 F1
显示当前窗口的系统菜单 ALT+空格键
显示所选项目的快捷菜单 SHIFT+ F10
显示“开始”菜单 CTRL+ ESC
5、显示多文档界面程序的系统
菜单 ALT+连字号(-)
粘贴 CTR L+ V
切换到上次使用的窗口 按住ALT然后重复按TAB
切换到另一个窗口 ALT+ TAB
撤消 CTRL+ Z
9. figma 快捷键
第一、市场分析
商业分析能体现出做某个产品的商业价值,这是对产品整个生命周期最宏观的指导性文件,报告就是这个工作的产出文件。简单的说就是行业前景,意思就是这款新的产品是否有商业价值,产品投放后的回报是多少,这一步应该是高层甚至是创始人对整个市场的把控得出的结论,值得一提的是,新产品和已有产品上新模块功能,在此阶段的分析差别是很大的,新产品的分析难度更大;而已有产品由于已经积累了一定的数据,对行业、用户等都有了较深的理解,做新模块功能时阻力往往会小很多。
第二、产品定位
这个词其实在刚参加工作的同学们听到后,其实挺虚的,我在刚做UI的时候,听到什么产品定位啊,市场分析啊这类的词,其实比较犯困的,想着直接告诉我需求就好了,干嘛还要说这么多虚词,但是工作到3-5年后,其实这些是至关重要的,我认为产品定位的关键信息其实就是指这个产品是干什么的,比如微信就是社交,ins就是照片分享生活,其次就是这个app可以解决什么问题、用户年龄段的分布。
第三、需求阶段
确定了市场方向,就要找到该方向上都有哪些需求是急需被解决的,。在需求环节,你同时也会注意到很多该市场方向上的直接竞争对手和间接竞争对手。这个阶段就跟我们UI很贴近了,市场分析和产品定位都确定后,就该找痛点了,要明确哪些需求是急需被解决的。在这里,PM往往会输出一分竞品分析报告,罗列出竞品的优劣,部分会采用SWOT进行分析。
第四、产品设计
这个环节和UI是密不可分的,因为我们在每次做需求的时候,都会看到这个东西,是和我们息息相关的,最熟悉的工作。pm在这个环节里其实就是画原型,写文档;但其实据我这么多年的经验来说,真正牛逼的pm还是很少的,主要表现在原型绘制粗糙、文档描述遗漏以及在UI设计中,反推了不少优于PM的点等等。还有一个原因是大多数资历较浅的pm善于抄竞品,但是往往不知两个产品是由本质的区别。这个阶段基本是由PM和UE完成,交互完成后,会内部进行交互评审,确认交互方案后方可给到UI设计师。
我们在工作中会看到形形色色的原型交互图,但是画的好的其实少之又少,基本见到的就是下面这种的…是不是很惨不忍睹….
PM要在整个产品规划中达到什么目标呢?产品规划中要达到的目标,其实就是产品价值。产品规划中要明确每个阶段的目标是什么,所有的决策和行为都是围绕着这个目标来进行的,最终以数据等可考核的方式来判断是否解决了问题。这就要求阶段性的目标是明确的,比如用户活跃度、成交量等指标,这些都是验证前面几步是否有效的依据。切忌把产品规划做成空中楼阁,无法执行的假大空文件,会严重影响从0-1产品的生命周期。
第五、需求评审
这个基本是产品需求确认后,由产品拉会,每个负责项目的职能人员参会,一般有PM、UE、UI、RD、FE、QA、这五种职责的人参加,进行评审。会议中由PM进行需求文档(大公司一般用wiki)的阐述,根据经验,一般研发提问题最多,原因是因为评审前PM和UE和UI都进行了确认无误,研发和测试也有提一些风险性的问题,比如这个是否可以直接调用代码,如果不行,可能会进行风险预警;还有技术上是否有难点等等。评审完后,研发会进行一个排期。
第六、UI设计师介入,这里分为几点要说:
1.我们拿到项目后,尤其是从来没做过的,不要急于下手去撸图,先要搞清楚产品的意图目的,其次仔细走查整个产品线(这里主要看一下整体app设计调性,字体字号,间距些),然后我们要去进行竞品分析(这里的分析和产品的分析不太一样,我们主要去看视觉层,也就是说找找参考,看看别家是怎么设计的,然后再结合我们的设计意图去下手去做。)
2.当我们决定下手去设计后,要给我们的整体设计进度进行时间预估,然后给出设计排期,排期要根据页面设计+修改的时间进行计算,这样可以避免项目延期,按我来说,比如10个界面,我给自己3天设计,然后给上游确认后,1天修改,那么就是4天时间,如果时间富裕可以再加一天的缓冲,那么就是3+1+1,就是五个工作日;排期最好用keynote或者excel做一个表格,列出具体页面具体出图时间,细化一下比较好。
3.在设计中,我们一般按照@2x进行设计,确保UI规范的正确执行(这里包括icon是否粗细统一、视觉重量是否一致、字体自重是否统一,间距是否按照倍数、颜色是否跟整体产品调性保持统一呢?)
4.切图标注,在@2x的设计图中,切图icon/背景。切图分两种:第一可以切刀切(规定好热区,直接按快捷键s就行),第二可以用组件切(规定好热区,直接右键创建组件,然后双进进去,导出即可);命名规范新手肯定是以中文命名,也是可以的,不过还是要按照正确的方式来命名,一般是:在哪里/是什么/状态/倍数。当然你也可以有更明确的规范。一切ok后,可以上传到蓝湖了。但是部分公司现在用figma~也是很不错的。
5.开发完后,我们需要对我们的UI设计稿进行视觉还原,也就是走查联调阶段。强调一下(没有什么是技术写不了的,如果开发说没法做,那么他一定是很懒)这个阶段很重要,据我的经验,有的开发还原度极低,基本50%,有些大厂有个原则是:如果开发还原度低于60%,那么打回开发重新调整后再去走查。基本走查字体字号字重、颜色、间距、icon、边距这些规范类的东西,你会发现开发真的是写的不太好~~~,走查联调基本达到95%就差不多ok了。
走查联调的步骤是:我们要用好几部不同品牌的测试手机去看,因为可能一部手机ok的话,另一部可能会出现小的误差,比如还要兼容适配刘海屏,@3x的屏等等问题,我们在测试手机上把每个界面截图后,放到wiki里,标注问题所在,然后再把UI图贴图给开发做参考,这样开发看起来就很明确了。联调一次如果还有问题,可以有2次3次联调,待开发还原到90%的时候,我们可以搬个小板凳去开发旁边亲自调细节问题,直到自己满意为止。
6.QA测试环节
这个环节其实绝大多数设计师的通俗感受就是:测试就是用来提bug的~没错儿,通俗来说确实是这样的,bug的确是影响整个产品的最大的障碍,项目上线必须确保无bug才行,解bug的优先级是最高的。准确来说,QA是check研发实现的功能与产品、UI、交互设计的是否一致。找些异常情况、及优化,把控项目的质量环节,其实大家可以理解为类似风控吧~
这里有一个小点就是:正式全量上线前会先上线到tips环境,那么什么是tips呢?其实就是为了测试,有时候测试环境的数据和线上不同,可能有些问题在测试环境体现不出来,所以要先到tips,tips环境与线上共用数据。
7.产品验收环节
产品从0-1的过程中,产品验收是非常重要的一个环节,产品验收的最终结果是上线,不过在此之前可能会经过反复的修改。
产品上线之前需要通过测试、UI验收和产品验收,这是控制产品质量的必要手段。产品验收更重要的是通过产品角度验收开发是否满足了产品需求,侧重点在于业务逻辑,对需求负责。