首页
学习
活动
专区
圈层
工具
发布

如何在Windows系统上使用Object Detection API训练自己的数据?

前言 之前写了一篇如何在windows系统上安装Tensorflow Object Detection API? 然后就想着把数据集换成自己的数据集进行训练得到自己的目标检测模型。...于是就自己来撸一篇教程,方便自己也给别人一些参考吧~ 目录 基于自己数据集进行目标检测训练的整体步骤如下: 数据标注,制作VOC格式的数据集 将数据集制作成tfrecord格式 下载预使用的目标检测模型...数据标注,制作VOC格式的数据集 数据集当然是第一步,在收集好数据后需要进行数据的标注,考虑到VOC风格,这里推荐使用LabelImg工具进行标注。 ?...(这是github上生成文件的修改版) # 将CSV文件和图像数据整合为TFRecords """ name: generate_tfrecord.py Usage: # From tensorflow...(当然object_detection API安装是大前提,具体看上一篇文章!)

1.8K40

UI设计师,你真的了解平滑圆角吗?

静电说:圆角这个概念在iOS 13开始普及,圆角平滑可以应用于应用中的任何元素中。我们都知道,在Figma或者Sketch中使用圆角是太稀松平常的事情了,但是圆角真的那么简单吗?并不是。...通常情况下,我们所使用的圆角是普通的圆角,而在iOS的图标中,我们所使用的图标的圆角被称为“超椭圆”。 效果是不是不太明显?...但是如果你放大了看的话,会发现确实有区别,正是这点差异造成了我们观感的区别: 如何在Figma中应用圆角平滑呢? 圆角平滑工具实际上隐藏在Figma的圆角工具集。...当设计从直角过渡到平滑圆角之后,即使圆角相对较小,眼睛的视觉流也会有明显改善。 总结 使用圆角可以让眼睛更好的遍历不同的元素。 使用平滑圆角可以让这种便利效果更加缓和和微妙。...通过使用圆角平滑,您可以使布局和元素更容易在视觉上遍历,提高可用性,并最终提高目标用户的参与度。

1.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    UI设计师,你真的了解平滑圆角吗?(附使用指南)repo

    静电说:圆角这个概念在iOS 13开始普及,圆角平滑可以应用于应用中的任何元素中。我们都知道,在Figma或者Sketch中使用圆角是太稀松平常的事情了,但是圆角真的那么简单吗?并不是。...通常情况下,我们所使用的圆角是普通的圆角,而在iOS的图标中,我们所使用的图标的圆角被称为“超椭圆”。 效果是不是不太明显?...但是如果你放大了看的话,会发现确实有区别,正是这点差异造成了我们观感的区别: 如何在Figma中应用圆角平滑呢? 圆角平滑工具实际上隐藏在Figma的圆角工具集。...当设计从直角过渡到平滑圆角之后,即使圆角相对较小,眼睛的视觉流也会有明显改善。 总结 使用圆角可以让眼睛更好的遍历不同的元素。 使用平滑圆角可以让这种便利效果更加缓和和微妙。...通过使用圆角平滑,您可以使布局和元素更容易在视觉上遍历,提高可用性,并最终提高目标用户的参与度。

    2.9K40

    鸿蒙5莓创折线与柱状图legend属性详解

    代码示例:legend: { icon: 'circle' // 使用圆形图标}4.2 iconRadian属性作用:设置圆角矩形的圆角大小 类型:Number 默认值:2 场景:当icon为'roundRect...'时,调整圆角大小 代码示例:legend: { icon: 'roundRect', iconRadian: 5 // 设置较大的圆角}4.3 itemWidth属性作用:设置图标宽度 类型:Number...:8 场景:需要调整图标高度时使用 代码示例:legend: { itemHeight: 12 // 设置更高的图标}5....: 30 // 提高渲染级别}实际应用案例下面是一个完整的legend配置示例,展示了如何在实际项目中使用这些属性:legend: { show: true, orient: 'horizontal...', left: 'center', top: 'top', icon: 'circle', itemWidth: 10, itemHeight: 10, itemGap: 15, itemTextGap

    14110

    【分享】如何在集简云平台自己进行应用开发?

    在集简云开发者平台进行应用开发大致需要以下步骤:创建应用并填写应用信息设置应用授权方式添加触发动作/执行动作测试并发布设置样本数据与字段Key的中文转译 (全网发布时必要步骤)配置流程模板 (全网发布时必要步骤)版本更新(如接口有变化时...应用图标上传产品应用图标Logo。图标为透明的PNG文件,尺寸为256x256像素(如果可用,请使用更大的图像,但不要超过 2048x2048 像素)。...如果图标使用纯色背景,请把圆角宽度调整 3%,并使其背景透明。不要在图标Logo中包含应用软件名称。...应用授权用于校验用户是否有权限使用自己的接口,以及他们的身份,一般应用授权包括以下几种方式: 我们下面逐个说明每种授权方式如何在开发者平台中配置。...API Key API Key授权方式,需要每次请求接口时使用一个API Key进行授权认证设置用户需要填写的字段:设置验证权限接口参数:配置完成后可以通过集简云提供的添加账号验证操作,校验发送的参数与返回参数是否正确

    1.2K10

    jQuery Mobile中$.mobile.buttonMarkup方法使用详解

    最近在群里遇到多数网友提到$.mobile.buttonMarkup()方法的使用。我这里就列了一下api的使用说明,以后大家看博客就能解决问题。如有不正确的地方,请留言指出!...当设置为true,buttonmarkup()丢弃所有样式;相反,当设置为false,在当前已经存在的样式基础上增加样式。...它的使用类似于data-corners="false"。 icon属性:设置图标,字符串类型,默认为""。它的使用类似于data-icon="arrow-r"。...iconshadow属性:设置阴影图标,布尔类型,默认为false。这个选项是使用1.4.0将会被删除在1.5.0。它的使用类似于data-iconshadow="true"。...它的使用类似于data-theme="b"。和class添加"ui-btn-"属性类似,如:ui-btn-b。

    84520

    程序员的宝藏图标资源库:Icons8一键解锁高效设计

    解决以下痛点: 开发场景:快速获取适配多分辨率、多框架的图标资源,减少重复造轮子; 设计场景:统一项目视觉风格,避免不同来源图标的设计语言冲突; 协作场景:通过团队库和API实现图标资产的集中管理与动态调用...AI/区块链)、商业(金融/电商)、生活(教育/医疗)等200+标签 文件类型:SVG(可编辑路径)/PNG(72-512px)/PDF/EPS 统一规范:同风格图标保持一致的线宽(2px)、圆角半径(...2px)、透视角度 语义化设计: 技术类图标(如「API」「数据库」)采用直角+单色设计,突出专业性 生活类图标(如「咖啡」「宠物」)使用圆角+渐变,增强亲和力 2.2....场景3:构建设计系统 在Figma中创建「品牌图标库」团队项目 设置设计约束: 描边宽度:2px 圆角半径:2px 调色板:主色#2A5CAA/辅助色#FF6B6B 通过版本控制管理图标迭代 4....免费版限制 署名要求:使用「Color」风格需在页面底部添加Icons by Icons8 下载限额:PNG/SVG每日50次(API调用计入限额) 4.2.

    33610

    【移动端网页布局】流式布局案例 ⑤ ( 连续排列的链接图片 | 设置盒子圆角 | 超出部分隐藏 | 设置浮动布局 | 精确计算浮动元素宽度避免换行 | 设置图片宽度自适应 )

    在布局的 左上角 和 右上角 都有一个圆角 , 并且矩形图片超过圆角的部分被隐藏了 , 设置圆角和超出部分隐藏样式 : .brand { /* 设置圆角后 超过圆角的图片不再显示 */...像素圆角 */ border-radius: 15px; /* 将搜索布局居中放置 设置 7 像素上外边距 出现外边距塌陷 需要在父容器设置 overflow: hidden */...: block; /* 盒子模型尺寸为 1 x 15 像素 */ width: 1px; height: 15px; /* 设置盒子的灰色背景 */ background-color...: #ccc; } .sou { /* 二倍精灵图 */ /* 设置 精灵图中的放大镜图标 */ /* 该图标是绝对定位 */ position: absolute;...: 15px; /* 设置精灵图 以及精灵图中的放大镜图标位置 */ background: url(..

    4.3K20

    深度好文!UI界面视觉平衡的终极指南

    为了在视觉上与方形保持平衡,三角形应该更宽、更高,这样它们的面积才会相似。需要注意的是,此方法只适用于简单形状。 ? 如何在界面中利用这个特性?...因此我们可以通过补偿不同形状图标的面积来平衡视觉,允许较小的图标超出图标区域之外,并在较大的图标和图标区域之间留出一些空间。 ? 下面这组图标在视觉上是完全平衡的。 ?...图标按钮的情况与文本按钮略有不同。我们把“发送”图案放在一个圆形按钮的背景上。你认为哪种图标在视觉上更平衡? ? 你应该已经注意到左边的不平衡了,这是因为不同的对齐方法。...ios7的桌面图标就基于此公式。 ? 后来这个形状通过黄金分割网格进行了修改。其思想是不变的,不过这是另一个故事了。 ? 使用“平滑圆角”的好处主要是它们超级平滑的外观。...应该将多个SVG组合在一起,在代码中包含特殊的公式或脚本,或者使用像Apple的应用程序图标一样把png放在一个统一的蒙版上。

    3K40

    Uniapp 制作一个横向滚动的工具栏

    使用 flex 布局,将每个工具项(如图标和文字)在 tool-item 中垂直排列。优化 scroll-view 和 tool-item 的样式,让它们看起来整齐美观。...此外,我们还会使用 flex 布局来控制工具栏中的每个图标和文字的排列方式。页面布局首先,让我们来写一个基本的页面布局,先不涉及复杂的样式。...4.1 增加圆角、阴影和过渡效果圆角、阴影和过渡效果可以让工具栏看起来更加立体,给用户更好的视觉体验。我们可以在 .tool-item 和 .tool-icon 上增加这些效果。....and (min-width: 600px) {.tool-item {width: 15vw; /* 在大屏幕上,每个工具项占15%屏幕宽度 */}}通过这种方式,我们可以确保在屏幕较小的手机上,工具项不会因为太小而难以阅读...这个工具栏具有以下特点:支持横向滚动,使用 scroll-view 实现。使用 flex 布局,将图标和文字垂直排列,并添加了悬浮效果。自适应布局,确保在各种屏幕尺寸上都能良好展示。

    78600

    UniApp 中制作一个横向滚动工具栏

    使用 flex 布局,将每个工具项(如图标和文字)在 tool-item 中垂直排列。 优化 scroll-view 和 tool-item 的样式,让它们看起来整齐美观。...此外,我们还会使用 flex 布局来控制工具栏中的每个图标和文字的排列方式。 页面布局 首先,让我们来写一个基本的页面布局,先不涉及复杂的样式。...4.1 增加圆角、阴影和过渡效果 圆角、阴影和过渡效果可以让工具栏看起来更加立体,给用户更好的视觉体验。我们可以在 .tool-item 和 .tool-icon 上增加这些效果。...media screen and (min-width: 600px) { .tool-item { width: 15vw; /* 在大屏幕上,每个工具项占15%屏幕宽度 */ } } 通过这种方式...这个工具栏具有以下特点: 支持横向滚动,使用 scroll-view 实现。 使用 flex 布局,将图标和文字垂直排列,并添加了悬浮效果。 自适应布局,确保在各种屏幕尺寸上都能良好展示。

    54700

    WEBAPP开发技巧总结

    在此所说的移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发 Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解...边框背景属性 这个按钮有圆角效果,有内发光效果还有高光效果,这样的按钮使用CSS3写是无法写出来的,当然圆角可以使用CSS3来写,但高光和内发光却无法使用 CSS3编写,这个时候你不妨使用-webkit-border-image...7、学会使用webkit-box 上一节,我们说过自适应布局模式,有些同学可能会问:如何在移动设备上做到完全自适应呢?...底部工具中的小加号,或者ipad顶部左侧的小加号,就可以将当前的页面添加到设备的主屏,在设备的主屏会自动 增加一个当前页面的启动图标,点击该启动图标就可以快速、便捷的启动你的webapp。...15、iOS中如何禁止用户选中文字 我们通过指定文字标签的-webkit-user-select属性为none便可以禁止iOS用户选中文字。

    2.7K20

    移动web开发需要注意的二十点

    3、放弃CSS float属性 在项目开发过程中可以会遇到内容排列排列显示的布局,假如你遇见这样的视觉稿,建议你放弃float,可以直接使用display:block; 4、利用CSS3边框背景属性 这个按钮有圆角效果...,有内发光效果还有高光效果,这样的按钮使用CSS3写是无法写出来的,当然圆角可以使用CSS3来写,但高光和内发光却无法使用CSS3编写,这个时候你不妨使用-webkit-border-image来定义这个按钮的样式...7、学会使用webkit-box 上一条,我们说过自适应布局模式,有些同学可能会问:如何在移动设备上做到完全自适应呢?...底部工具中的小加号,或者ipad顶部左侧的小加号,就可以将当前的页面添加到设备的主屏,在设备的主屏会自动增加一个当前页面的启动图标,点击该启动图标就可以快速、便捷的启动你的webapp。...15、iOS中如何禁止用户选中文字 我们通过指定文字标签的-webkit-user-select:none便可以禁止iOS用户选中文字。

    2.4K20

    PS如何制作圆角矩形Logo

    访问了很多个人网站都使用了圆角矩形Logo和favicon图标,挺好看的很喜欢这种风格,应该如何设计呢?...软件(如果电脑没有安装的话可以使用在线PS工具)进行制作,这边以在线PS工具为例 2、首先点击右上角的文件 >> 新建 3、在弹出的项目框中设置Logo项目名字、宽度、高度、背景色(推荐选择透明)...4、创建完后画布如下 5、点击左侧工具栏的 矩形工具功能 >> 右击选择矩形工具 6、顶部会出现矩形工具设置功能,填充类型选择无(为了可以自定义喜欢的颜色),选择角半径(输入需要的半径如25PX)...填充完后如下 12、点击左侧工具栏的文字工具功能,选用文字工具 13、在画布需要写入文字的地方点击,如下图输入 w 14、选中输入的文字,在顶部文字工具菜单栏选中字体样式、字体大小、字体颜色 15...、设计完后如下 到此PS绘制圆角矩形Logo步骤完成啦!

    2.2K20

    【移动端网页布局】流式布局案例 ③ ( 实现搜索栏功能 | 伪元素选择器 | 子绝父相 | 外边距塌陷处理 | 二倍精灵图处理方案 )

    , 左侧的半圆需要设置 左上角和左下角 圆角半径为 15 像素 , 右侧半圆需要设置 右上角和右下角 圆角半径为 15 像素 ; 总的高度是 44 像素 , 搜索栏的盒子高度 30 像素 , 设置该高度后...像素圆角 */ border-radius: 15px; /* 将搜索布局居中放置 设置 7 像素上外边距 出现外边距塌陷 需要在父容器设置 overflow: hidden */...margin-top: 7px; } 搜索框中的 JD 图片 , 尺寸为 20 x 15 像素 , 其外边距为 上 8 像素 / 右 8 像素 / 下 0 像素 / 左 15 像素 ; css...像素圆角 */ border-radius: 15px; /* 将搜索布局居中放置 设置 7 像素上外边距 出现外边距塌陷 需要在父容器设置 overflow: hidden */...像素圆角 */ border-radius: 15px; /* 将搜索布局居中放置 设置 7 像素上外边距 出现外边距塌陷 需要在父容器设置 overflow: hidden */

    2.6K30

    Android应用图标微技巧,8.0系统中应用图标的适配

    当时苹果的工程师写出了一套绝妙的算法,可以在电脑上绘制出圆和椭圆,所有观看者都被震惊了,除了乔布斯,因为乔布斯觉得圆和椭圆虽然也不错,但是如果能绘制出带圆角的矩形就更好了。...因此,在2007年一代iPhone诞生的时候,所有应用程序的图标都毫不出乎意料地使用了圆角矩形图标,即使是第三方应用也被强制要求使用圆角矩形图标,并且这一规则一直延续到了今天的iOS 11当中,如下图所示...可以看到,在Android上,应用图标可以是方形、圆形、圆角矩形、或者是其他任意不规则图形。 本来就是两家公司不同的设计理念,也说不上孰高孰低。...比如小米手机,就选择了向苹果靠拢,强制要求应用图标圆角化。如果某些应用的图标不是圆角矩形的呢?小米系统会自动给它加上一个圆角的效果,如下图所示: ?...compileSdkVersion 26 defaultConfig { applicationId "com.example.icontest" minSdkVersion 15

    2.1K20

    上传了ipa但在苹果App Store中没有看到构建版本的问题

    如看不懂英文复制到百度翻译看下。 下图这个错误的意思是此包用开发证书打包的ipa,上架需要用发布证书打包。 当然还有其他各种各样的原因,具体复制反馈邮件翻译看下!...还有一个非常常见的一个错误(如下反馈)就是APP图标问题,不能使用透明背景,一般把图标做成圆角,圆角那边就是透明的所以不行。 苹果的图标会自动圆角的,所以不需要去改成圆角的,直接正方形的图标上传!...- “AppCanPlugin.app”资产目录中的App Store图标不能透明,也不能包含alpha频道。...最好的问候,App Store团队 三、修改相关错误后重新打包版本号的修改 修改错误重新打包的时候记得加下版本号,比如你刚上传的是1.0版本,重新打包时增加下版本号如1.1,如果还是跟之前上传过相同的版本号的...上架App Store后,显示网页上设置的版本号。

    2K20
    领券