设计相关的整理
啊.jpg
本想写一点关于最近看Ant Design的感想,奈何咬牙切齿也没写出个什么所以然,只得作罢。这里记录一些有关设计方向的资源,把它们从收藏夹里翻出来晒晒月亮。
设计语言
Google出品的“魔法纸片”设计语言,与原生安卓契合度非常高,但由于国内厂商“定制化”严重,MD终究没有在国内流行起来。
阿里出品,提供了一整套界面实现方案,它的理念是
微小,确定,幸福
在设计语言方面,规范程度距离MD还是有一些距离,但它的优势在于给出了中后台解决方案,拥有成熟的框架,可以帮助创业团队或个人开发者提高开发效率,解决人手不足的情况。
ideas
设计灵感这东西说起来有些玄学,但作为初学者,除了没事瞎想到的灵感要记录以外,还应该多看一些具有美感的设计,耳濡目染之下,自己对“灵感”的局限会慢慢变小。
H5实现的色块表示物体,纯CSS实现,没有使用Canvas和WebGL。看起来真的很棒。
所有内容是基于Creative Commons CC0发布的,站内的照片和视频可以在任何地方免费使用。
Beautiful, free photos.
Gifted by the world’s most generous community of photographers. 🎁
我所有壁纸的来源,扁平化桌面壁纸分享,简单干净,我很喜欢。
图片分享类社交网站,视觉设计灵感很足。
可以平铺连接的patten设计,大概比较适合设计包装盒?
Airbnb的动画效果库,顺滑程度简直可以跟流体猫猫相提并论
收集一些知名logo的来源和信息
配色
调配好的调色板,支持HEX,RGB,RGBA格式直接复制。
Sublime主题颜色配置工具,然而我已经不用Sublime啦
图标/LOGO
可以搜索下载的Logo库,支持SVG。
阿里的图标库,可以直接下载,也可以打包转化成便于前端使用的字体格式。很可爱的放了一个购物车,“选购”好了icon,打包带走
各种分类的icons,甚至有手绘风格!同样支持SVG(后缀改成.cn可以进入中文网页)
字体库和CSS框架,基于MIT License发布
Tools
生成文字云的在线工具,客制化程度挺高
Runoob 的在线SVG编辑器
壁纸搜索,可以搜到很多二次元老婆
ASCII Art 在线制作工具,常见的Spring Boot启动输出的字符画就是ASCII Art
把图片转化成ASCII Art的实现。(可以用于隐写)
不影响图片视觉质量的前提下压缩PNG图片,压缩率一般都在60%以上,原理是通过量化,把24位的PNG图片用8位索引彩色表示。
文档生成器,轻量级
粘贴代码,生成截图,用于写作示例demo的时候制作代码片段
微软官方的模板库,Word,Excel,PPT,有分类。
神奇的logo在线生成网站,效果繁多,可以自定义tag生成,唯一的遗憾是需要付费,我一般用作灵感启(piao)发(qie)。
在线的像素风格编辑器,有demo可以用,可以保存.pixil格式的源文件下次编辑
在线slides解决方案,比PPT和Keynote更容易通过网络传播,适合演讲