SKYSUKA's Studio.

设计灵感Repo

字数统计: 773阅读时长: 2 min
2019/05/17 Share

摘录设计上的一些工具、demo与案例分析。

目录

经验之谈

从优秀的网页设计作品中学排版和配色

如何做一张漂亮的poster?

如何做一张漂亮的poster,既能在人群之中脱颖而出,又能清晰明了地tell a story?

配色类资源

中国色

中国色,网站设计的也很好看。还有一个类似的网址,是日本色:http://nipponcolors.com/

ColorDot

通过点击,产生色卡组合。

图片类资源

Unsplash

图片的质量比较高。还可以找到许多coding相关的背景图可以作为博客的首屏背景。

可以对色彩进行在线选择的插图库。

工具类资源

Ikonate图标 - fully customisable & accessible vector icons

iconfont

阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

图片去底色工具

cssfx - CSS 特效

PATATAP - 随机艺术效果

Press any key, A to Z or spacebar 来生成一些列的随机艺术效果,非常好玩,适合创作剪辑。
类似的网址还有:https://aidn.jp/mikutap/

Photopea

Web端的在线ps工具,完全由个人开发者完成的工具,一篇专门介绍的文章

玛良 - 让动效更简单

犸良作为一站式动效制作平台,通过海量的动效素材以及可视化编辑能力,帮助零基础的用户轻松完成动效制作。

Ant Motion - 使用 Ant Motion 能够快速在 React 框架中使用动画

提供了单项,组合动画,以及整套解决方案。

Mathpix

Extract LaTeX from PDFs or handwritten notes in seconds. Download Snip for desktop and start saving time.

Web设计

Web动画周报

The State of CSS Reflections

demo站点

Common Voice - 开源语音数据库项目

Mozilla 基金会为了开发语音识别技术, 做了一个开源语音数据库项目,邀请全世界用户为这个数据库朗读句子,或者听他人的录音,判断朗读是否准确。

2020 美国大选竞选者的个人主页 介绍

Nebula-ai

设计的比较好看的站点,全屏切换。

siteinspire

收录了很多设计优秀的网站,可以汲取一下灵感。

reeoo.com

一些Web、App设计方面的demo资源。

CATALOG
  1. 1. 目录
  2. 2. 经验之谈
    1. 2.1. 从优秀的网页设计作品中学排版和配色
    2. 2.2. 如何做一张漂亮的poster?
  3. 3. 配色类资源
    1. 3.1. 中国色
    2. 3.2. ColorDot
  4. 4. 图片类资源
    1. 4.1. Unsplash
    2. 4.2. manypixels - Illustration Gallery
  5. 5. 工具类资源
    1. 5.1. Ikonate图标 - fully customisable & accessible vector icons
    2. 5.2. iconfont
    3. 5.3. 图片去底色工具
    4. 5.4. cssfx - CSS 特效
    5. 5.5. PATATAP - 随机艺术效果
    6. 5.6. Photopea
    7. 5.7. 玛良 - 让动效更简单
    8. 5.8. Ant Motion - 使用 Ant Motion 能够快速在 React 框架中使用动画
    9. 5.9. Mathpix
  6. 6. Web设计
    1. 6.1. Web动画周报
    2. 6.2. The State of CSS Reflections
  7. 7. demo站点
    1. 7.1. Common Voice - 开源语音数据库项目
    2. 7.2. 2020 美国大选竞选者的个人主页 介绍
    3. 7.3. Nebula-ai
    4. 7.4. siteinspire
    5. 7.5. reeoo.com