笔者最近一直在研究 前端可视化 和 搭建化 的技术, 最近也遇到一个非常有意思的课题, 就是基于设计稿自动提取图片信息, 来智能化出码. 当然本文并不会介绍很多晦涩难懂的技术概念, 我会从几个实际应用场景出发, 介绍如何通过canvas图像识取技术来实现一些有意思的功能. 最后会总结一些对智能化的思考以及对低代码方向的规划, 希望能对各位有所启发.
本周新增了粉丝推荐环节,如果你有发现优质的开源项目,欢迎在公众号或其它平台私信推荐,我们会不定期筛选推送。
作者lamchen 腾讯IEG设计中心 设计师 |导语 我们在WeGame详情页设计改版探索中,无意间接触到了图片取色技术。经历一年的摸索和实践,我们在现有取色技术的基础上,制定了自动化配色策略,并相继优化了助手专区,商城节日氛围,以及特色卡片等多个业务场景,取得了较为不错的效果。谨以此文,抛砖引玉,聊聊我们关于图片取色技术在UI设计中的实践心得。 01 自动化配色构想 众所周知,WeGame是面向国内外游戏玩家的一个游戏发行产品;产品中对于单款游戏的详情页,是产品中最基础、也是最核心的内容。 在
一款提供专业设计配色方案的在线调色板,点击颜色可直接复制色号,然后就可以到Python等编程软件中绘图了
LayaAir IDE的项目发布是开发者常用的功能,集成了项目混淆与压缩以及版本管理等产品发布功能。尤其是在微信、百度等小游戏平台推出以来,IDE中的项目发布也成为了适配各个小游戏平台的必备功能。
现在越来越多的网站都提供了更换主题功能,如ElementUI,既是为了迎合用户需求,或是为了凸显自己特点,因此提供了个性化定制功能。
本文继续谈《人工智能设计师》,往期可查阅: 人工智能设计师v0.0.2 DIY一个人工智能设计师_v0.0.1 「 国内首个 」设计+人工智能深度案例分析报告 DIY一个人工智能设计师v1.0之风格迁
对于需要根据用户“定制”、“生成”的图片,这样的方式就有了一个上传图片---->后端计算---->返回结果的时间,等待时间也许就比较长了。由此,我尝试着利用 canvas在前端进行图片主题色的提取。
尝试学习一个设计工具并自己完成它可能会销耗大量时间。找一名专业设计师设计又可能消耗你昂贵的一笔。
最近大量使用到 K-means 算法,一直使用的是 Sklearn 库来实现,没想到 OpenCV 库里面也有这个算法,故找了个例子实现一下。
哈喽,欢迎来到【腾讯微创新201808期】 今天要跟各位糖粉介绍的是 一位来自优图/X-Lab实验室的AI设计师 其实TA的真身是:#AI智能模式生成banner# 让你轻松变身设计师 再也不用跪求设计师做banner 看看新功能怎么玩? 腾讯内容型产品近两年在不断孵化壮大,例如短视频、直播、音频等,这些都拥有极其高频的内容推广设计需求。 即使公司在不断扩建设计CP供应商,但出图效率慢,设计标准、质量参差不齐,紧急热点响应速度慢,假期需求供应减少等原因,导致跟图成为运营最低效的一环,并且直接决定运
在今年“清朗”系列专项行动对网络直播、短视频领域乱象要重点整治的“七类问题”中,“色”排在了第一位!是该领域最大的“问题”所在。
有点懒得把文章同步到公众号之外的平台,所以晚了半个月(3月29日发布),但还是再发上来吧。
我相信,手工拼肯定很累。反而使用机器,通过一条“数学公式”即可完成整个海报的生成。
近年来,AI 与人类的生活越来越紧密,慢慢变得无处不在。那么提到 AI ,我们会想到什么?小编最先想到的是机器人。早在小学作文中,我就写到 2021 年到处都是机器人,机器人汽车到处飞。结果 2021 年到来,这个想象的场景也没有实现。不过,虽然 2021 年还没有那么高科技,但是 AI 早已经渗透到我们的生活,无处不在,并且 AI 也使我们的生活变得更加丰富和便利。 举个我自己的例子,我原来很喜欢买口红,买口红之前都要试色,后来疫情来了,商场人多地方远,试口红又很不卫生,我就再也不敢试了。但是想买口红不
Facebook、Apple、Instagram、Airbnb……这些走在 APP 设计最前面的公司,似乎在最近几个月都选择了同一种方法来改进 UI(用户界面)。 ” 它们设计上的一些共同点:去除原
Unsplash 重置 reset 和默认 base:消除默认样式和浏览器差异,并设置部分标签的初始样式,以减少后面的重复劳动 统一处理:建议在这个位置统一调用背景图(这里指多个布局或模块或元件共用的图)和清除浮动(这里指通用性较高的布局、模块、元件内的清除)等统一设置处理的样式 布局 grid (.g-):将页面分割为几个大块,通常有头部、主体、主栏、侧栏、尾部等 模块 module (.m-):通常是一个语义化的可以重复使用的较大的整体,比如导航、登录、注册、各种列表、评论、搜索等 元件 unit (.
新建文件 /docs/.vuepress/styles/variable.less:
原文出处: 4A广告创意分享 01. Material Palette —— 帮你生成并导出Material Design配色模板 链接地址:http://www.materialpalette
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/80454100
以下为正文 UI&UX类的设计规范,不像建筑设计、工业设计那样,有比较成熟权威的设计规范。大多是各家发布的设计规范,用于自家产品、品牌的设计复用。 本文从 设计规范是什么? 设计规范一般包括哪些内容? 自己动手开发一个从网页自动生成设计规范的功能; 三个角度进行经验分享。 1、设计规范,指的是什么? 本文所提的“设计规范”,包括设计语言、风格指引、设计指南、设计资源、web前端框架等,对UI、VISUAL、BRAND、APP、WEB等进行样式的规范。 1.1 DESIGN LANGUAGE 语言 STYLE
CDN(Content Delivery Network,内容分发网络)是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。
前言:在UI界面的配色中,你是怎么配色的呢?是不是直接参考别人如何搭配就跟着怎么搭?这样一直下去是不行的,我们要了解一些UI配色的基础知识,后续才会进步。我最近在做Dribbble,所以总结了一些UI配色的小技巧,希望能帮助到大家。
首先,这篇文章的最终的效果不是很成功。记录一下我在这个失败过程中遇到的问题和尝试过的技术。
原图: 图片.png 原代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t
antd 的样式使用了 Less 作为开发语言,并定义了一系列全局/组件的样式变量,可以根据需求进行相应调整 。
很久之前在张鑫旭大大的博客看到过一篇 PNG格式小图标的CSS任意颜色赋色技术,当时惊为天人,感慨还可以这样玩,私底下也曾多次想过有没有其他方法可以实现,又或者不仅仅局限于 PNG 图片。 mix-blend-mode 与 background-blend-mode mix-blend-mode 在我之前的一篇文章初略介绍过 -- 不可思议的混合模式 mix-blend-mode,与本文的主角 background-blend-mode 一样,都是实现混合模式的。 混合模式最常见于 photoshop 中,
前端爱好者的知识盛宴 嗨 这里是IMWEB 欢迎关注转发 让更多的前端技友一起学习发展 此文作者乃是我鹅厂大神--cocoqiao 大神十分慷慨地将他的所有文章 授权给了我们IMWeb公众号! 嘿嘿以后大家可以更加畅快地学习啦! 引语 很久之前在张鑫旭的博客看到过一篇---- PNG格式小图标的CSS任意颜色赋色技术 (http://www.zhangxinxu.com/wordpress/2016/06/png-icon-change-color-by-css/)。 当时惊为天人,感慨还可以这样玩,
现在,通过在Cartoonize这个应用上一键上传你拍摄的图像或视频,就可以在很短时间内将它卡通化。其核心技术来自CVPR 2020的投稿论文,作者的背景是字节跳动和东京大学,他们提出了用白盒卡通表征实现图像卡通化。
如果你是个综艺迷,或许你会发现在最近半年里,微视开始在一些综艺节目持续地曝光,我们为了在您面前露个脸,也真是煞费苦心。当然,为了能和节目的观众再进行深入的互动,让他们来到微视里“发现更有趣”,我们还需要一些和综艺合作的运营活动。
快乐橙、伤心紫,姨妈红,鸡屎绿…直男眼里没什么区别的颜色,在女生眼里各种色调、质地细微的区别都能分析一清二楚。
在开发小程序的时候,尤其是开发第三方小程序,我们作为开发者,只需要开发一套模板,客户的小程序对我们进行授权管理,我们需要将这套模板应用到对方的小程序上,然后由我们进行发版审核即可;
本文接上一期《用word2vec解读延禧攻略人物关系》,从另外一个角度(色彩),对延禧的剧照及海报的颜色在数据上进行技术解读。通过从网上收集的剧照、海报图片等,经MCCQ算法及word2vec的训练,构建配色图谱,最后通过可视化的方式进行展示。
当A、B、C、...它们类型相同且外形相似区别不大,那么就以它们中出现率最高的做成基类,其他做成基类的扩展。
在当今信息爆炸的文化背景下,人们每天要通过过手机APP接触巨大的信息流,然后再持续的进行评估、过滤并且再加工,具有认知上的负担,扁平化UI设计更加适合信息碎片化的传递方式。
起因是微信技术群里有个同学发问,有什么方法能够获取图片的主色呢?有一张图片,获取他的主色调:
原文:https://www.jianshu.com/p/b2e077c07c70
其实就几个步骤: 1:用程序先把所有验证码(已知的,单个的)的灰度值放入一个数组 2:分割未知验证码,把未知验证码的一个一个数字或字母分割出来 3:分别取分割验证码的 灰度值 4:将分割验证码的灰度值与数组中的灰度值进行匹配,匹配程度最大的,即可能就是该码
大数据x色彩图谱 workshop:利用大数据提取色彩图谱关系,挖掘相关应用产品。
产品设计了一个人机校验组件,大致长这个样子。背景会每次随机取不同图片,开始的时候,箭头设置为蓝色。在背景为蓝色的时候,用户就分辨箭头就有些困难了。怎么解决这个问题呢?
在上周的[[3.0 颜色选择]]当中,提到了几个用来选择颜色的工具。这里我们就对这些工具进行一下简单的介绍。
作为开发者,包括前端、后端、测试人员最离不开的一个工具就是Postman,方便我们用来做API接口进行调试。但 Postman并不完全符合我们对API的各种需求,比如维护API文档、API Mock、API自动化测试等等。最近发现一款API一站式服务的工具:Apifox,毫不夸张的说吊打Postman!
作为一名前端工程师,我们经常会在 H5 , 或者小程序中,使用 Canvas 来处理或生成图片。不过在某些禁用 javascript 场景下,我们往往需要在服务端预先把图片处理好,再返回给不同的客户端进行使用。 本篇文章就主要给大家介绍,如何使用腾讯云 SCF,多快好省的搭建一个图象处理函数。 使用到的技术: 看这篇文章之前,建议同学们可以初步了解一下,下方罗列的一些初级知识: h5 canvas & svg:https://developer.mozilla.org/ Node.js:https://n
SpringBoot实战电商项目mall(50k+star)地址:github.com/macrozheng/…
爬虫,即网络爬虫,大家可以理解为在网络上爬行的一只蜘蛛,互联网就比作一张大网,而爬虫便是在这张网上爬来爬去的蜘蛛,如果它遇到资源,那么它就会抓取下来。想抓取什么?这个由你来控制它,通过特定的逻辑获取你想要的资源。
大家好,我是shadow,我是一名智能产品架构师,有10年经验的技术和设计经验;毕业于上海交通大学,同济大学;服务过的企业有中兴通讯、招商银行、ARKIE智能设计等。我每天的工作就是在设计师和程序员的身份之间切换,设计思维和计算机思维之间切换。
去年写过一篇从中央台全国雷达拼图提取 dbz 的文章:Python图像处理实战之从中央气象台全国雷达拼图中提取dbz 。现在一年过去了,这一年中气象局的雷达系统有了一个大的升级,对外发布的图片的风格也发生了变化,我们来看一下前后的对比图。
领取专属 10元无门槛券
手把手带您无忧上云