使用 Node.js 实现图片的动态裁切

背景&概览 目前常见的图床服务都会有图片动态裁切的功能,主要的应用场景用以为各种终端和业务形态输出合适尺寸的图片。 一张动辄以 MB 为计量单位的原始大图,通常不会只设置一下显示尺寸就直接输出到终端中,因为体积太大加载体验会很差,除了影响加载速度还会增加终端设备的内存占用。所以要想在各种终端下都能保证图片质量的同时又确保输出合适的尺寸,那么此时就需要根据图片 URL 来对原始图片进行裁切,然后动态生成并输出一张新的图片。 URL 的设计 图片 URL 需要包含图片

30天完成160个页面设计?腾讯高手是这么做的!

党的十九大报告指出——创新是引领发展的第一动力。 根据省政府建设数字政府的部署和公安部在今年全国公安厅局长会议提出的科技兴警、实施大数据战略的要求。广东省公安厅党委经过大学习、深调研,提出在全省公安机关实施智慧新警务的构想,并主动与腾讯开展了顶层设计。该项目由腾讯云负责开发,CDC设计中心负责设计,致力于打造新一代移动警务——政务微信。 二、项目背景 长期以来全省公安系统信息化方面一直缺少一套官方的即时通讯办公平台,民警日常工作、办案通过互联网各类即时通信平台发送警务信息,存

9月30日截稿,“紫金奖”220万元奖金千万别错过!

2018第五届「紫金奖」文化创意设计大赛目前已进入报名倒计时,还未参与报名的朋友要抓紧时间啦!本届大赛是由江苏省委宣传部等15家单位共同主办、江苏文投集团承办,自7月4日正式启动以来,面向国内外公众征集创意设计产品,得到社会大众积极响应。特别是大赛完善的奖励机制吸引了众多极具创意的参赛者报名参赛。随着征稿渐进尾声,大赛将于9月30日截止报名,如果你是有想法、有创意,喜欢动手设计的人,那就千万别错过本届大赛最后两天报名时间。 参赛范围广,大胆来挑战 「紫金奖」文创设计大赛已成

搜索和筛选有什么区别?来看顺丰UED 的总结!

本文作者将从用户诉求、信息层级、界面表现三个层次上,试图对搜索和筛选两者的边界进行理清,并分别给出一些设计切入点。 一、问题产生 一次设计评审会上,作为设计师的我们和研发方针对「搜索和筛选到底是不是一回事?」这一问题产生了认知差异。核心分歧点在于:研发哥哥认为从数据层面来讲,搜索和筛选是一回事。而从用户的感知来看,我们认为两者是不同的。 剖析字面意:搜索是寻求,搜查,发现之意;而筛选则是对分离的两种或两种以上物质按照某种特性进行选择的操作过程。显而易见,两者性质不同。而在产品

Zyl – 让「历史照片」动起来,每天用历史照片制作一张 GIF 动画 [iOS/Android]

Zyl 是一款利用手机中的历史照片,生成 GIF 动画的应用,每天只能生成一张动画,但效果非常赞。这是一款值得给精选的应用。@Appinn 每天只能点一次 Hit Me 历史照片,就是那些躺在你手机里的照片,你有多久没看了呢?除了历史上的今天这个老玩法,还有一种玩法能够盘活历史照片,就是 Zyl 的历史记忆动画功能。 Zyl 会自动扫描你的本地照片,然后通过 AI 自动将几张老照片合并成一张 GIF 动画,非常有意思。 来看视频:

【译】预加载视频实现快速播放

作者:François Beaufort | 译:Vicky·Ye 原文地址:https://developers.google.com/web/fundamentals/media/fast-playback-with-video-preload 在以往的项目中,只要有视频的存在,那么就会是个让人费神的项目。且不说对它的适配兼容问题,只说它的加载问题就能说上半天了。本文作者从视频预加载的各种方法入手,讨论了如何让视频播放速度更快的解决办法。 众所周知,能更快速的播放视频意味

2018广汽设计大赛冠军出炉!丰厚奖学金、美国游学走起

在你想象中,2027年的汽车会是什么样? 外形是三角的?双层空间还有榻榻米? 这些脑洞大开的创意,来自2018广汽设计大赛选手。 9月26日晚,2018广汽设计大赛总决赛暨颁奖典礼在广汽研究院举行。广汽研究院院长王秋景,党委书记、工会主席王力坚,副院长张帆,广东省工业设计协会会长胡启志、广州市工业设计行业协会会长刘婧等,以及各大高校师生、媒体代表等近百人出席。 通过多轮激烈角逐,来自广州美术学院的卢俊鸿荣登冠军宝座,来自ArtCenter College of Design的

新手还在学习排版配色,高手已经在做内容设计了…

任何事物的呈现和传达都需要通过一定的媒介,在媒介承载的过程中,均会产生损耗。我们设计的目的之一就是将所传达的内容在媒介承载的过程中让损耗降到最低,呈现出我们想要给受众的东西,且能够被快速察觉、理解和获取(主动及被动的)。 文本作为语言沟通的书面化,一直以来承载着大量的信息,也是生活中最常见及熟知的方式。 当前人们快节奏的生活状态、快消的阅读习惯以及注意力分散,所以需要我们通过设计手段来减少视觉、心理及认知压力,让用户能够快速定位、理解和消化。同样,我们也需要根据目标、任务甚

为什么如今的APP UI设计如此的趋同?这也许是件好事

现在,当你打开 Instagram、Airbnb、Apple Music、Twitter、Dropbox 这些应用的时候,乍一看很难区分清楚彼此的区别:带有圆润边缘、现代感极强的非衬线字体大标题,极简的黑白色调为主的界面,大量的留白,少量的提亮色甚至没有提亮色。 这种现代的界面设计风格,乍一看很简陋。而具有讽刺意味的地方在于,它们出自于最大的公司,是最受欢迎也是受众最广的产品,在视觉观感上,让人觉得「几乎没有被设计过」。 Instagram 的深蓝色色页头怎么变了?Lyft

贾樟柯:一部活的电影海报设计进化史

我觉得不能因为要往前走,就忽视那些被时代撞倒的人们。——贾樟柯 《江湖儿女》不是贾樟柯最好的电影,却可能成为他在国内最知名的作品。 △ 豆瓣评分7.8分 在众多文艺青年的偶像——贾樟柯所拍过的所有电影中,7.8分,只能排在他个人作品的第六名。 但这却丝毫不影响这部《江湖儿女》成为贾樟柯票房最多的电影,甚至已经超过了他内地电影票房的总和, 5025万元。对比动辄数十亿票房的商业电影而言,5000万属于小数点后一位。 但对于上一部公映的《山河故人》,总票房只有「区区」的32