Design Tools

这跟别的网站导航页面还不太一样,主要是一些工具性质网站,不包含灵感、社区等内容主导网站。设计也需要轮子。

一些类似Google一下free font搜出来的网页可能不会出现。

排名不分先后,倒序更新,善用Ctrl+F。

—- 上次更新时间为 2019年04月13日

https://www.colorhexa.com/

颜色分析。

 

https://developer.apple.com/fonts/system-fonts/

macOS自带字体列表。其实这个很有用,得益于macOS宽松的字体政策,自己做的图可以套取里面的字体而不用花太多心思在版权上。

 

https://snook.ca/technical/colour_contrast/colour.html

Colour Contrast Check ,文字背景对比度数据测试,自带 WCAG 2 判定

 

https://github.com/alexpate/awesome-design-systems

Design System 举例

 

https://iosexample.com/ 

观察组件可行性

 

https://www.webdesignmuseum.org/

顾网址思义,比webarchieve速度更快一些,更稳定一些(起码不会突然暴毙)

 

https://opentype.js.org/index.html

OTF和TTF分析,可以查看一些字体的元数据和所有字形等。

 

https://www.evernote.design/

All in One Bookmark,Evernote设计团队新推出的设计相关网站导航

 

https://www.blobmaker.app/

Blobmaker,一个声称不规则图形的网站,期待插件化。

 

https://type.lol/

Foundry Index

 

https://developer.apple.com/design/resources/

iOS开发要用到的一些设计组件资源

 

https://www.vectary.com/

3D design tool,轻量化的网页3D制作(锯齿较大),为电商而生(??

 

https://v-fonts.com/

Variable Fonts可用资源查询网站。之前看到了可变图片的可能性,字体也是……走向未来。

 

https://www.w3.org/TR/clreq/

W3C的中文排版需求

 

https://www.w3.org/TR/WCAG21/#dfn-non-text-content

WCAG2.1规范。Criticism利器之一。

 

https://easings.net/zh-cn

缓动函数速查。交接动效可能会用到。

 

http://www.animista.net/play/basic

同网页动效用。对于设计师来说在可行性和戳穿前端的谎言上有一定参考性。

 

http://typo.polona.pl/en/

波兰国家图书馆的一个字型项目。详见About。

 

https://mobbin.design/

这种网站本来不应该出现在这里,不过mobbin对我这种Android用户来说太受用了。

 

http://grid.kkuistore.com/

Grid System Library。即使不下载,照着参数调调也好。重要轮子之一。figma的那个 designsystems.com 一直没什么消息。

 

http://www.amandaghassaei.com/projects/origami_simulator/

即时、可控的折纸模拟器。可录屏后然后加工一下拿出来当资源。感觉会有用就加进来了。

 

https://material.io/tools/devices/

MD官方推出的各种设备屏幕参数,省着自己找。

 

https://www.fontshop.com/glossary.php

fontshop出品的西文字体术语详解。

 

https://www.gridlover.net/try

文章排版间距测试。有个0.618参照缩放。https://beta.typenugget.com/ 也是。

 

https://2.cargocollective.com/

一直在用的showcase,能自定义css和html很好用。不过自己都上的频率少,一直担心什么时候会被停用了……不过这几年一直可以正常访问。

 

https://color.adobe.com/zh/create/color-wheel/

大家都知道的 adobe 色轮。很实用。

 

https://overflow.io/

理念好,但是现在处于beta阶段,操作上有点不太好用……如果你肯花费更多时间的话,这一定是演示工具的第一选择。

 

https://hihayk.github.io/scale/

顾网址思义,Color Scale。用于选择某一色相的饱和度和明度,其实Ai里自带。

 

http://uigoodies.com/index.html

里面一堆工具,不够不知道能不能活得久一点。

 

https://rsms.me/inter/

为UI准备的具有高度辨识性的字族,开源,并且修复了不少普通字体无法应对的尴尬问题。

Advertisements
%d bloggers like this:
search previous next tag category expand menu location phone mail time cart zoom edit close