首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Snipaste 屏幕截图软件超级利器 - 花3年精心打造的极致截图贴图编辑标注工具

但是相比 QQ 截图, Snipaste 还提供更加精确的自动检测元素功能,它可以捕捉窗口上的一个按钮或者选项,甚至网页上的一张图片或一段文字。 使用截图工具的原因是只想获取屏幕局部的图像。...自动检测功能固然方便,但许多时候我们可能会需要一个自定义范围的图像。此时,精确控制截图边缘变得十分重要。 Snipaste 做到了边缘像素级控制。当你拖动外框时,会自动出现放大镜。...而点击截图框外的某一点可以迅速调整图框范围。另外,使用键盘的方向键也可以像素级调整图框的位置。 标注:丰富的标注工具 Snipaste 还是个图片标注工具。...QQ 截图虽然提供简单的方框、椭圆、箭头和文字等工具,但是如果和 Mac 上的 Annotate,iOS 上的 Annotable 相比,就显得有些简陋,因为它可以使用的标注工具太少,而且也缺乏自定义功能...Snipaste 支持将屏幕任意点的颜色记录下来,并且可以将颜色信息贴出来。我相信这会是设计师的最佳伴侣。 支持多屏使用和高分辨率屏幕。我相信贴图和多屏简直绝配。

1.2K30

iOS 图标图像 (官方翻译版)

图像尺寸和分辨率 iOS用于将内容放置在屏幕上的坐标系基于以点单位的测量,它们映射到显示屏中的像素。在标准分辨率屏幕上,一点等于一个像素。高分辨率屏幕具有较高的像素密度。...因此,高分辨率显示器需要具有更多像素的图像。 ? 您的应用程序的所有设备提供高分辨率图像,适用于您的应用程序支持的所有设备。根据设备,您可以通过将每个图像中的像素数乘以特定比例因子来实现。...标准分辨率图像的比例因子1.0,称为@ 1x图像高分辨率图像的比例因子2.0或3.0,被称为@2x和@3x图像。假设你有一个标准的分辨率@1x图像,例如100px×100px。...不要包括照片,屏幕截图或界面元素。摄影细节在小尺寸上很难看出。屏幕截图对于应用图标来说太复杂,通常不会帮助您传达应用的目的。图标中的界面元素具有误导性和混淆性。 不要使用苹果硬件产品的副本。...导航栏和工具栏图标大小 准备自定义导航栏和工具栏图标时,请使用以下尺寸进行指导,但是根据需要进行调整以创建余额。 ? image.png 标签栏图标大小 在纵向方向,标签栏图标显示在标题标题上方。

3.6K40
您找到你想要的搜索结果了吗?
是的
没有找到

Mac电脑必备屏幕截图软件,Snagit

捕获整个桌面,区域,窗口或滚动屏幕。 4.只需点击几下即可修改获得一整套编辑工具。并自己创建图像。编辑屏幕截图或构建自定义图形。无需与设计师合作。...使用各种预制样式您的屏幕截图添加个性和专业性。或者你可以创建自己的。 文件步骤 使用一系列自动增加的数字或字母快速记录步骤和工作流程。 模糊信息 隐藏或屏蔽图像中的***信息。...隐藏您公开分享的屏幕截图中的帐号,地址或其他信息。 明智之举 自动使屏幕中的对象捕获可移动。重新排列按钮,删除文本或编辑屏幕截图中的其他元素。 文字替换 Snagit识别屏幕截图中的文字以便快速编辑。...更改屏幕截图中文本的字词,字体,颜色和大小,而无需重新设计整个图像。 魔棒工具 使用魔棒工具根据颜色选择图像上的区域。在整个屏幕截图中快速删除背景或替换对象(如文本或徽标)中的颜色。...调整图像大小图像调整到正确的大小,直到像素。使用“调整大小”选项输入新尺寸以缩放图像大小

1.8K40

创建被图像填充的组件解释几处做法解释几点

如果你直接new一个组件的话,组件是标准外观 如果需要改变组件的外观,最关键的就是要就需要重写组件的paintCoponent(Graphics g)方法,同时需要调整组件的大小 DIY的JPanel...也就是绝对布局的时候,只需要设置serSize就可以 当布局不为空时,此时布局管理器会相应的调整图像的尺寸 如何进行图像缩放 当组件的图像太大时,甚至超过了屏幕,此时就需要进行缩放了 处理的地方是...//g.drawImage(image,0,0,null);//画背景,大小原始大小 g.drawImage(image,0,0,(int)(dimension.getWidth()...*0.5),(int)(dimension.getHeight()*0.5),null);//大小缩放原来的百分之50 这里就要说说Graphics类中绘制图像的方法 drawImage(Image...反而是用了默认边空,由Border对象适当的建立边空 如果想不需要边空的话,只能这样做 setMargin(new Insets(0,0,0,0)); 二、setIcon远远不够 setIcon只是设置这个按钮的默认外观

1.2K90

最新iOS设计规范八|3大图标和图像规范(Icons and Images)

标准分辨率显示器的像素密度1:1(或@1X),其中一个像素等于一个点。高分辨率显示屏具有更高的像素密度,提供2.0或3.0的比例因子(称为@2x和@3x)。因此,高分辨率显示需要更多像素的图像。...所有支持的设备,提供所有图标/图片的高分辨率图像。根据设备的不同,你可以将每个图片中的像素数乘以特定的比例因子来实现这个目的。 ? 设计高分辨率作品 使用8像素x 8像素的网格。...将PDF用于需要高分辨率缩放的字形和其他平面矢量插图。 将8位调色板用于不需要全24位颜色的PNG图形。使用8位调色板可以减小文件大小,而不会降低图像质量。此调色板不适用于照片。...不要包含照片,屏幕截图或界面元素。小尺寸的照片细节可能很难看清。屏幕截图对于应用程序图标而言过于复杂,通常无法帮助传达应用程序的用途。图标中的界面元素具有误导性和混乱性。...应用程序图标大小 一旦安装了应用程序,每个应用程序都必须提供小图标以供在主屏幕和整个系统中使用,以及一个大图标以在App Store中显示。 ? ? 不同的设备提供不同大小的图标。

2.9K20

iOS OC swift 自定义 popover 泡泡

' 【注意】pod 版本,swift 3 支持,以 3....棕色区域是可以设置的 红色 底层箭头视图的边框 白色 底层箭头视图的背景颜色 蓝色 自定义内容区域,在此区域(contentView)可以添加希望展示的内容 加号按钮 模拟了 sourceView...可以看到当 sourceView(加号按钮) 在不同地方的时候,popover 自动更改方向、调整箭头方向、位置以适应不同的 sourceView 类说明 open class KKPopover: UIView...此视图是底层视图,一般是添加到 window 上,与屏幕宽高一致 touchThrough: Bool /// 点击穿透 /// 设置 true 点击空白地方,穿透点击 touchDismiss:...防止内容覆盖圆角 targetSize: CGSize /// 需要展示内容的大小,此字段一定需要重新设置 /// 并且宽高大小加上 minScreenEdg contentInset 不能大于屏幕宽高

2.6K70

超越媒体查询:使用更新的特性进行响应式设计

简而言之,我们需要将较大的高分辨率图像发送到较大的屏幕,而将较小的低分辨率版本发送到较小的屏幕,从而改善性能和用户体验 ?。...如前所述,我们没有将一个图像(通常是较大的高分辨率版本)发送到所有屏幕尺寸并将其缩放到视口宽度,而是指定一组图像以在特定情况下使用。...它可能会导致将高分辨率的大图像提供给非常小的屏幕,这是我们不希望看到的。...是的,浏览器在达到4rem后将停止增加大小。 使用响应单位 你是否曾经建立过一个带有大标题或副标题的页面,并且在 PC 屏幕上的显示效果良好,但在移动设备上却发现它太大?...因此,如果用户在浏览器上调整字体大小,则页面上的所有内容都将根据根大小正确缩放。 例如,当处理根集16px时,我们指定的数字将乘以该数字乘以默认大小

4.1K10

iOS 9人机界面指南(一)下篇:UI设计基础 - 腾讯ISUX

(译者注:以上视频截图,完整视频请点击观看) 谨慎地增加动画,特别是在那些无法提供沉浸式体验的应用中。过多和无理由的动画会阻碍应用的流畅性,降低性能,还会分散用户在操作中的注意力。...iOS会根据字体大小San Francisco自动调整字间距。(字间距是以用作于修改文字间距)。...无论是你需要展示用户的照片,还是需要创建自定义图片,以下这些需求都应该遵守: 支持Retina显示屏。确保你应用中的所有图片资源都提供高分辨率规格。...不要将苹果的应用图标,图像或者截图用于你的设计中。所有苹果的设计均受版权保护并且不允许出现在你的UI中,除非它们是由系统直接提供的。...如果你所需要的功能无法用系统提供的按钮和图标来表现,你也可以设计自定义按钮自定义按钮的设计可以参考 Bar Button Icons.

1.7K21

【总结】移动应用界面设计的尺寸设置及规范

不足之处是,对于更高分辨率的手机,图标被放大后会导致质量不高。 方法二:以最高分辨率基准设计,然后缩小适应到所需的小分辨率上。...根据前面的计算方式,如果显示在 480 x 800的手机上,反过来换算px尺寸就是 240 x 60 px ,此时两个按钮排放在一行,刚好是480px=屏幕横向尺寸,铺满了整行,显然显示效果并不合适。...开发拿到设计稿时,将上面标注的以px单位的字号大小图像尺寸除以2,就是非retina屏上的pt值,这样在retina屏上也可以根据此pt值换算对应的px大小,以确保不同的分辨率下有合适的效果。...4、常用图像、图标大小(来自官方规范文档) 单位:像素 ?...5、字体大小 iOS交互设计规范文档上,对字体大小没有做严格的数值规定,只提供一些指导原则: 单位:点pt – 即便用户选择最小文字大小,文字也不应小于 22 点。

3.1K40

iOS开发常用之 HUD 弹窗

慢慢看视频吧,囊括所有效果。 WSProgressHUD - 一个小巧精致的HUD,支持添加到自定义查看上,还有更多小细节.....kxmenu - kxmenu弹出菜单,点击视图上任意位置的按钮,会弹出一个菜单,并且有个小箭头指向点击的按钮,类似气泡视图。弹出的菜单位置会根据按钮的位置来进行调整。...TAOverlay - TAOverlay可以通过叠加层展示有用的信息,可自定义文本和背景色,添加阴影和模糊效果,以及更改字体大小或者用户自定义图片替换页面的图标。...CustomPopOverView - 自定义弹出视图,内容支持传一组菜单标题,也支持自定义view,或者自定义viewController,支持任意按钮触发,会显示在按钮底部,也支持切换按钮的对齐方式...TBActionSheet.swift - 支持Carthage,可自定义度100%的ActionSheet,支持微信样式。

4.2K20

iPhone X 适配指南 (官方翻译版)

iPhone X iPhone X包括一个大型,高分辨率,圆形的边缘到边缘的显示器,提供一个沉浸式,内容丰富的体验,从未像以前那样。...肖像尺寸 1125px×2436px(375pt×812pt @ 3x) 景观尺寸 2436px×1125px(812pt×375pt @ 3x) 您的应用程序中的所有图稿提供高分辨率图像。...请参阅图像大小和分辨率和自定义图标。 布局 在设计iPhone X时,您必须确保布局填满屏幕,并且不会被设备的圆角,传感器外壳或用于访问主屏幕的指示灯遮蔽。...iPhone上的显示高度4.7 寸iPhone的显示屏提供更多的内容垂直空间,状态栏占据您应用程序可能赢得的屏幕区域状态栏还显示人们发现有用的信息,只能隐藏以交换附加值。...在iPhone X上,即使使用自定义键盘,Emoji / Globe按钮和Dictation按钮也自动显示在键盘的下方。您的应用程序不能影响这些按钮,因此避免在键盘中重复这些按钮造成混乱。

2.4K50

OpenGL ES编程指南(三)

支持高分辨率显示 默认情况下,GLKit View的contentScaleFactor属性的值与包含它的屏幕的比例相匹配,因此将其关联的帧缓冲区配置在显示器的全分辨率下呈现。...要以Retina显示器的全分辨率绘制,您应该更改CAEAGLLayer对象的比例因子以匹配屏幕的比例因子。 当支持具有高分辨率显示器的设备时,您应该相应地调整应用程序的型号和纹理资源。...在高分辨率设备上运行时,您可能需要选择更详细的模型和纹理以呈现更好的图像。 相反,在标准分辨率设备上,您可以使用较小的模型和纹理。 重要提示:许多OpenGL ES API调用以屏幕像素表示尺寸。...当其大小改变时,GLKView对象相应地调整其帧缓冲区和视口的大小。...外部显示器的分辨率及其内容比例因子可能与主屏幕的分辨率和比例因子不同;渲染帧的代码应调整匹配。 在外部显示器上绘图的步骤与在主屏幕上运行的步骤几乎完全相同。

1.8K10

Flutter 旋转轮

我们还将在flutter应用程序中使用「flutter_spinwheel」包来实现带有自定义选项的「Spinwheel」演示程序。...自旋轮有一些功能: 自动播放(启用/禁用) 长按以暂停(启用/禁用) 尺寸调整 文字/图片支持 图像调整支持 顺时针和逆时针平移进行导航 触摸即可在先前平移的方向上导航 绘画定制以改变外观 回调功能通知选定的项目...范围是0(项目大小)。想象它就像一个数组。选择编号从0开始。...在此程序包中,我们将添加」size」表示将在其上绘制圆形微调器的正方形,「item」表示将在微调器上显示该大小。...当我们运行应用程序时,我们应该获得屏幕的输出,如屏幕下方的截图所示。

8.7K20

iOS开发常用之网络

TextProgress - 自定义实现数字进度条:1,可以自定义数字(0-100),填充的比例当前设置的数字,2,可以实现自定义填充颜色,上下部分都可以,3,可以自定义边界的颜色4,实现水波动画...WZFlashButton - WZFlashButton,点击后按钮里面出现水波扩散效果。 Twinkle - 字体加上钻石版闪耀的效果。使用Swift编写。...XTPaster - 贴纸功能出现在很多图片社交中,就是图片上面贴图片,对贴纸而言就是需要控制贴纸的位置,旋转,大小如何使用。 RGCategoryView - 仿个苏宁易购的分类页面。...SwiftTweaks - 不用重新编译即可调整UI配置(按钮颜色,背景,动画延迟,简单布局等)的解决方案库。实现发布生产版本前UI的简单配置,省却反复调试代码的麻烦。 Tweats。...VJDeviceSpecificMedia - 如何根据设备选择不同尺寸的图片 可以通过设置不同尺寸的设备的LaunchImage,来使用App适配这些设备,要在不同尺寸设备上使用不同大小的图片,则需要在代码中一一判断

23.5K10

OpenCV官方文档01-图片操作入门

1.1读入图像 使用函数cv2.imread()读入图像。这幅图像应该和该程序代码在同一文件夹下,或者给函数提供完整的路径;第二个参数是要告诉函数应该如何读取这幅图片。...1.2显示图像 使用函数cv2.imshow()显示图像。窗口会自动调整图像大小。第一个参数是窗口的名字,其次才是我们的图像。你可以创建多个窗口,但是必须给他们不同的名字。...窗口屏幕截图将会像以下的样子: cv2.waitKey()是一个键盘绑定函数。需要指出的是它的时间尺度是毫秒级。函数的等待特定时间是几毫秒,看是否有键盘输入。...建议:一种特殊的情况是,你可以先建一个窗口,之后再加载图像。这种情况下可以决定窗口是否可以调整大小。使用到的函数是cv2.namedWindow()。...初始设定标签函数cv2.WINDOW_AUTOSIZE()。但是如果把标签改成cv2.WINDOW_NORMAL你就可以调大小了。当图像维度太大,或者要添加轨迹条时,调整窗口的大小将会很有用。

63720

27.7K Star开源神器,前端开发要危险?

软件介绍 screenshot-to-code是一个革命性的开源工具,它的主要功能是将设计师的屏幕截图转化为可用的源代码。...功能特点 1.图像识别技术:Screenshot to Code使用先进的图像识别算法和机器学习技术,可以分析屏幕截图中的设计元素,识别页面组件、布局和样式。...软件提供一些配置选项,可以选择导入自定义样式,或者更改组件和布局的生成规则。 5.易于使用:该软件提供一个简洁而直观的用户界面,用户只需拖放屏幕截图到软件窗口中,点击几个按钮,即可生成前端代码。...:将需要转换的屏幕截图文件拖放到软件窗口中。...软件将自动加载并显示截图。 3.设置配置选项:根据需要,你可以调整软件提供的配置选项。你可以选择前端框架、导入自定义样式或更改生成规则。 4.生成代码:点击软件界面上的生成按钮,开始转换过程。

19310

Web 隐藏技术:几中隐藏 Web 中的元素方法及优缺点

它保留的空间已经消失。同样的概念也适用于在HTML中隐藏元素时。元素的预留空间已经没有,它更改了文档流,或者在我们的示例中,更改了图书流堆栈。...Positioning 要隐藏带有position属性的元素,我们应该将它移到屏幕外,并将其大小设置0(宽度和高度)。个例子就是跳转导航链接。...在下面的GIF中,我有如下的clip-path: image.png 将每个方向的多边形值设置0 0,则裁剪区域的大小调整0。结果,图像将不会显示。...字体大小 此外,将字体大小设置0也很有用,因为这会在视觉上隐藏文本。...我们需要解决两个问题: 1.菜单隐藏时避免用键盘聚焦 2.当导航隐藏时,避免通过屏幕阅读器告知导航 下面的屏幕截图显示Mac OS上的VoiceOver转子是如何看到页面的。

5K30

最新iOS设计规范九|10大系统能力(System Capabilities)

当用户切换多任务模式,旋转屏幕或更改文本大小或区域时,自适应界面会自动调整其UI元素和布局。 中断做好准备,并准备好恢复。您的应用可以随时中断。...调整图像大小,以便在大型设备上以高比例缩放时看起来舒适。在为各种设备和比例因子创建图像时,请使用下面列出的尺寸作为指导。 ? 将内容的拐角半径与小部件的拐角半径进行协调。...确保文本和字形适应大小变化。 通常,请使用标准页边距来确保您的内容清晰易读。标准边距宽度16点。 五、屏幕截图(Screenshots) 用户可以通过截屏来捕获屏幕上显示的内容。...该视图提供可用打印机的列表以及任何可自定义的选项,例如份数和页面范围,并提供一个启动打印的按钮。 ? 使打印变得可发现。如果您的应用程序具有工具栏或导航栏,请通过系统提供的“操作”按钮启用打印。...如果屏幕上没有可打印的内容或没有可用的打印机,则当有人点击“操作”按钮时,不要显示“打印”操作。如果您的应用实现自定义打印按钮,请在无法打印时将其禁用或隐藏。 提供增加价值的打印选项。

4.2K20

WidsMob Montage蒙太奇图片制作工具 Mac下载

第2步:选择超过5张图片作为图块点击“选择平铺”按钮将照片导入蒙太奇制造商。照片马赛克应至少由5张照片组成。因此,请检查您是否上传超过5张图片。...此外,您可以选择不需要的照片,然后点击右下角的“删除”按钮将其删除。选择所有图片后,再选择“下一步”按钮。第3步:使用PNG背景自定义照片马赛克移动底部的滑块以小图标查看每个合成的图片。...首先,您需要知道只有单击下面的“生成马赛克”按钮才能应用新调整的帧和设置。挑选一个你喜欢的框架。之后,选择是使用“平铺”还是“隔行”模式来调整平铺图像的位置。...此外,您可以使用“列计数”和“平铺大小”滑块自定义图块的列和像素。如果要将图像与背景照片的颜色匹配,则默认情况下需要勾选“匹配颜色”。否则,取消选中“匹配颜色”之前的框以查看照片马赛克的原始颜色。...此外,您可以选择输出图像格式JPG,PNG和TIFF。如有必要,添加标签,然后按“保存”以高分辨率输出照片马赛克。

1.1K20

CorelDRAW官方最新2021版本新增功能介绍

要向活动工作区中添加工具或控件,请单击快速自定义按钮+ CorelDRAW 2021 工具箱 CorelDRAW 工具箱中的许多工具都组织在展开工具栏中。要访问这些工具,请单击按钮右下角的小箭头。...如果您仍然看不到要查找的工具,请单击工具箱底部的快速自定义按钮+ 。借助快速自定义按钮,您还可以隐藏不常用的工具。...重新设想的调整工作流程 以 Corel PHOTO-PAINT 中完全转换的调整工作流程例,在背景中非破坏性地实时应用关键图像调整。...使用人工智能提高图像大小和质量,并使用 AfterShot 3 HDR 从原始图像创建惊人的高动态范围照片。 排版 使用一整套完整的版式工具,排列精美字体布局。...触摸 通过触摸屏幕或使用触控笔快速调整。通过仅显示最常使用的工具和命令,触摸工作区会最大化绘图窗口大小,这样您可以使用单个手势进行摇动和缩放。

2.8K00
领券