Skip to content

color-library,design-library,颜色图书馆,设计,UI组件

Notifications You must be signed in to change notification settings

Ritusan/color-library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

color-library

code-size dependency-version languages-count languages-top

Author last-commit colorful

❤️ 颜色图书馆 - 👍 常用的色彩搭配


color-library / design-library

初衷

为了开发网站时能快速地找到合适的色彩搭配,在网上购入了不少设计类相关的书籍,旨在帮助前端开发可以更快地找到喜欢的配色,制作出漂亮的网页,也同时给后端开发提供便捷的样式组件,减轻后端开发对页面样式设置的苦恼。

听说色彩还有治愈的作用,真的很喜欢,在开发的过程中很开心,于是,这个项目便产生了,希望此时屏幕前的你们,因看到这个丰富多彩的网站而心情愉悦,这便是开发这个项目最大的意义了吧。

如果有建议和想要优化的地方,可以留言,我会认真看。

实现功能

  • 单色
  • 颜色组合
  • color实例
  • Vue3实例
  • 主题颜色切换
  • 年月展示时间轴
  • 日志更新时间轴
  • 有呀,有呀,设计!

单色

参考《配色力》一书

颜色组合

参考《配色力》一书

color实例

参考《色彩力》一书

主题颜色切换

渐变背景色切换

年月展示时间轴

适合按年月展示的数据

日志更新时间轴

时间轴的展示按版本排列

有呀,有呀,设计!

参考《有呀,有呀,设计!》一书

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.