设计相关的整理

Posted by Coink on October 25, 2018

啊.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库,支持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更容易通过网络传播,适合演讲

书籍

Designing Design

写给大家看的设计书

设计心理学