对于需要根据用户“定制”、“生成”的图片,这样的方式就有了一个上传图片---->后端计算---->返回结果的时间,等待时间也许就比较长了。由此,我尝试着利用 canvas在前端进行图片主题色的提取。
https://segmentfault.com/a/1190000038436829
现在越来越多的网站都提供了更换主题功能,如ElementUI,既是为了迎合用户需求,或是为了凸显自己特点,因此提供了个性化定制功能。
深色模式(Dark Mode)在iOS13 引入该特性后各大应用和网站都开始支持了深色模式。在这之前,深色模式更常见于程序IDE开发界面和视频网站界面。前者通过降低屏幕亮度,使得使用人员长时间盯着屏幕眼睛没有那么疲惫;后者通过深色模式来降噪,从而突出主体内容部分。快速开发一个深色模式难吗?在支持css自定义属性(又称css变量,css variables)的现代浏览器里,可以说是相当的容易。甚至可以在运行时实时新增主题,摆脱传统css主题文件加载模式下的主题需要预编译内置不能随时修改的弊端。下面我们来看一下如何使用css自定义属性来完成深色模式和主题化的开发。
本文接上一期《用word2vec解读延禧攻略人物关系》,从另外一个角度(色彩),对延禧的剧照及海报的颜色在数据上进行技术解读。通过从网上收集的剧照、海报图片等,经MCCQ算法及word2vec的训练,构建配色图谱,最后通过可视化的方式进行展示。
作者lamchen 腾讯IEG设计中心 设计师 |导语 我们在WeGame详情页设计改版探索中,无意间接触到了图片取色技术。经历一年的摸索和实践,我们在现有取色技术的基础上,制定了自动化配色策略,并相继优化了助手专区,商城节日氛围,以及特色卡片等多个业务场景,取得了较为不错的效果。谨以此文,抛砖引玉,聊聊我们关于图片取色技术在UI设计中的实践心得。 01 自动化配色构想 众所周知,WeGame是面向国内外游戏玩家的一个游戏发行产品;产品中对于单款游戏的详情页,是产品中最基础、也是最核心的内容。 在
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第11天,点击查看活动详情 >>
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于 vue.js,使用 vue-cli3 脚手架,引用 Element UI 组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。
在我重新开始写前端代码的时候,我突然发现现在自己Sublime Text3中的代码字体和颜色看起来怎么这么刺眼,给人一种再看几眼眼睛快要瞎了的感觉,因此我就在Github上找了几款比较好看的主题,在这里推荐给大家!
之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能,就需要引用其他的组件才能完成。从寻找组件,到使用组件的过程中,遇到了很多问题,也积累了宝贵的经验。所以我就把开发这个后台管理系统的经验,总结成这个后台管理系统解决方案。
本文继续谈《人工智能设计师》,往期可查阅: 人工智能设计师v0.0.2 DIY一个人工智能设计师_v0.0.1 「 国内首个 」设计+人工智能深度案例分析报告 DIY一个人工智能设计师v1.0之风格迁
现在,通过在Cartoonize这个应用上一键上传你拍摄的图像或视频,就可以在很短时间内将它卡通化。其核心技术来自CVPR 2020的投稿论文,作者的背景是字节跳动和东京大学,他们提出了用白盒卡通表征实现图像卡通化。
首先,这篇文章的最终的效果不是很成功。记录一下我在这个失败过程中遇到的问题和尝试过的技术。
这个vant组件与其它组件的引入方式不同,不需要在main.js中引入,直接在页面中引入即可:
单一的视觉不再满足用户体验需求,为提高用户体验,提高应用体验口碑,同时提高开发者效率,我们希望提高组件库的可定制化,因此提供换肤功能以及多种类组件中的样式定制功能,允许用户将应用切换不同主题风格的皮肤,也允许开发者对指定组件进行样式改造。
数据分析统计类刚需图表,满足学术群体的作图需求,亦是普通商业用户的统计学知识累积后的数据分析晋级之选。
哈喽,欢迎来到【腾讯微创新201808期】 今天要跟各位糖粉介绍的是 一位来自优图/X-Lab实验室的AI设计师 其实TA的真身是:#AI智能模式生成banner# 让你轻松变身设计师 再也不用跪求设计师做banner 看看新功能怎么玩? 腾讯内容型产品近两年在不断孵化壮大,例如短视频、直播、音频等,这些都拥有极其高频的内容推广设计需求。 即使公司在不断扩建设计CP供应商,但出图效率慢,设计标准、质量参差不齐,紧急热点响应速度慢,假期需求供应减少等原因,导致跟图成为运营最低效的一环,并且直接决定运
就是切换歌曲时,会根据当前封面替换背景色。作为资深切图仔,我那该死的好奇心兜不住了,不行,我要去一探究竟。
随着 iOS 13 的发布,深色模式(Dark Mode)越来越多地出现在大众的视野中,支持深色模式已经成为现代移动应用和网站的一个潮流,前段时间更是因为微信的适配再度引起热议。深色模式不仅可以大幅减少电量的消耗,减弱强光对比,还能提供更好的可视性和沉浸感。
随着业务的发展,客户的需求也会变得更加多样化,产品后期就需要有自定义界面的能力,于是出现了“动态换主题”的需求。
话说上回,Power BI配色工具一经推出,收获很多读者的喜爱。这次,我把这个功能扩展到整个MS Office!这意味着,PPT、Excel、Word、Access等用户也可以体验到一键抓取图片配色方案的便利啦!
在 vue3 版本之前,我们复用组件(或者提取和重用多个组件之间的逻辑),通常有以下几种方式:
https://www.yuque.com/easyshu/helpdocument/dzg5gz
原文链接:https://juejin.im/post/5e92ad7a518825736c5b91cd
修改[Blogroot]\themes\butterfly\layout\includes\loading\loading.pug
各位宝友大家好,今天给大家带来了 smartcrop.js ,它是什么呢?通过名字我们大概能猜出来就是智能裁剪。我用我拙劣的东北英语大概翻译了下:Smartcrop.js 实现了一种算法来为图像找到好的裁剪。它提供了三种使用方式分别是 浏览器中、node、 和CLI 。
antd是基于less开发的,我们使用less可以方便的改变主题色等配置。
注意:在webpack.config.dev.js添加的配置部分,也需要在webpack.config.prod.js中做相同的配置。否则可能导致项目发布上线后,报错无法执行。
网站或者应用一键切换主题(简称:换肤)功能,对每个前端开发者来说已经非常常见了,通常是一深一浅,或自由组合衍生出众多主题,或任意主题,这时候,设计一个工程化主题切换功能,并梳理现代前端样式的解决方案显得尤为重要。
2014,Google携Android 5.X重装回归。全新设计的UI和更加优化的性能,再一次奠定了Android 的霸主地位。
公元前1世纪 罗马人第一次被凯撒的赛里斯长袍吸引 西方从此触摸到东方的温润 一条丝绸之路连接起整个世界 今天, 敦煌研究院和腾讯一起, 用一款互动小程序, 汇聚万千数字创意, 把千年敦煌之美, 呈现在方寸丝绸之上。 2017年12月29日,敦煌研究院与腾讯达成战略合作,携手发起“敦煌数字供养人”计划。号召大众通过游戏、音乐、动漫、文创等多元数字创意,参与到敦煌文化的保护和传承事业,成为新时代的敦煌数字供养人。 在合作一周年之际,该计划推出新年数字创意活动——敦煌诗巾,号召公众通过数字文创手段,
在 uni-app 中,我们可以通过全局配置来为整个项目进行统一设置。全局配置放置在 src/main.js 文件中的 Vue.config 对象中,具体可参考官方文档。以下是一些常用的全局配置项:
同时 EasyShu 分享乐园开放,使用 EasyShu 制作自己专属的图表、分享数据可视化见解等赢取订阅时长。
富文本编辑器 wangEditor http://www.wangeditor.com/ 百度UEditor https://ueditor.baidu.com/website/ KindEditor http://kindeditor.net/demo.php MediumEditor http://yabwe.github.io/medium-editor/ Simditor https://simditor.tower.im/ Summernote https://summernote.org/ Q
尝试学习一个设计工具并自己完成它可能会销耗大量时间。找一名专业设计师设计又可能消耗你昂贵的一笔。
进阶玩法是什么内容呢?其实就是『Ant Design』的主题定制,那么什么是主题定制呢?简单来说就是我们可以通过修改『Ant Design』的样式变量来定制我们自己的主题,这样就可以让我们的项目看起来更加炫酷,更加符合我们的审美。
本文为联合撰稿,作者为携程国际业务研发部UED团队静静,公共研发团队祥星、旭仔、俊仔、增翼。
如果你是个综艺迷,或许你会发现在最近半年里,微视开始在一些综艺节目持续地曝光,我们为了在您面前露个脸,也真是煞费苦心。当然,为了能和节目的观众再进行深入的互动,让他们来到微视里“发现更有趣”,我们还需要一些和综艺合作的运营活动。
在开发小程序的时候,尤其是开发第三方小程序,我们作为开发者,只需要开发一套模板,客户的小程序对我们进行授权管理,我们需要将这套模板应用到对方的小程序上,然后由我们进行发版审核即可;
笔者最近一直在研究 前端可视化 和 搭建化 的技术, 最近也遇到一个非常有意思的课题, 就是基于设计稿自动提取图片信息, 来智能化出码. 当然本文并不会介绍很多晦涩难懂的技术概念, 我会从几个实际应用场景出发, 介绍如何通过canvas图像识取技术来实现一些有意思的功能. 最后会总结一些对智能化的思考以及对低代码方向的规划, 希望能对各位有所启发.
SpringBoot实战电商项目mall(50k+star)地址:github.com/macrozheng/…
😁作为一个程序员,在日常的工作、生活、学习的过程中基本都有很多需要做笔记的地方;做笔记的主要目的之一是为了“温故而知新”,另一个则是为了在下一次遇到的时候,不需要再次耗费精力去找解决方法; 回顾自己之前写的那个主题,不管是写还是查都不怎么方便,最终下定决心重写一个主题;以 “方便记、方便查、简约”作为设计核心; 开源地址 Github:https://github.com/friend-nicen/theme-document Gitee:https://gitee.com/friend-nicen/the
新建文件 /docs/.vuepress/styles/variable.less:
腾讯设计周(TDW)由腾讯设计通道联合腾讯学堂共同举办,活动形式主要由设计峰会和创意市集组成,基于"DESIGN FOR GOOD"理念,旨在打造一年一度的设计行业盛会,持续对外传递腾讯的理念、愿景和使命。
LayaAir IDE的项目发布是开发者常用的功能,集成了项目混淆与压缩以及版本管理等产品发布功能。尤其是在微信、百度等小游戏平台推出以来,IDE中的项目发布也成为了适配各个小游戏平台的必备功能。
删除掉import 'antd/dist/antd.less' vite.config.js完整代码
来源 | https://www.jianshu.com/p/0f41bfe211a8
领取专属 10元无门槛券
手把手带您无忧上云