海报网页背景色的提取

(原样式)可爱的PM又来提需求了:做一个能自动从海报上提取(好看的)颜色作为网页背景色的功能,我们要让海报类网页向App的体验看齐。好的……诶!不对啊,我是个FE,配色不是我的擅长阿!?还好我在设计团队耳濡目染的几年,有了一点点审美能力和一丢丢设计类app的使用经验。打开ide、打开ps,搞起!先捋一下这个需求的解决思路:从图片中提取主要颜色信息(让底色和海报产生关联性)颜色必须与该图片和网页内文字有鲜明的对比度(视觉舒适)【第一步:提取颜色】每一张图片都包含着width... 阅读

SVG 水滴索引

天马行空般的设计甩到面前,含着泪也要做出来——百度前端工程师的内心独白之前接到了一个需求,设计师同事想在网页中使用一个类水滴效果的索引条。Duang,Duang,这醉人的需求,抹着泪打开chrome开始摸索。。。(设计师要求效果)如何能用代码模拟出实际生活中水滴的效果呢?1)调研思路来源于生活,我们要知道其所以然。实际生活中水滴是如何运作的:水滴与水源连接桥的渐变过程:(随着水滴逐渐脱离水源,连接桥是越来越细,直至变成一个点)水滴脱离水源的关键帧:参考文献:《The... 阅读