喜欢中国风的 V 友可以进来看看...

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 83 天前的主题，其中的信息可能已经有所发展或是发生改变。

偶然间看到一个日本人在 2010 年的一个作品（ http://nipponcolors.com/），非常喜欢，用 react 重构了中国风界面，并做了许多改进：

1. 颜色做了分类，更方便查找
2. 可收藏喜欢的颜色
3. 可生成壁纸，用来当手机壁纸，效果还可以
4. 重写 UI，并改进了许多细节

访问地址： https://works.yangerxiao.com/chinese-colors/
代码开源： https://github.com/zerosoul/chinese-colors

还在迭代中，有问题欢迎反馈。

第 1 条附言 · 83 天前

还有一个改进：支持 PWA

第 2 条附言 · 83 天前

不太会发图，附上截图：

Mobile 界面：
https://imgur.com/mipmQGt
PC 界面：
https://imgur.com/hY9IPMw

第 3 条附言 · 83 天前

没预览图，再发一遍:
Mobile 截图：

PC 截图：

第 4 条附言 · 81 天前

搭车推荐我的另一个作品： https://www.v2ex.com/t/601535

第 5 条附言 · 77 天前

最近的迭代：

使用 svg 重构了 cmyk 百分比圈
完善了 README 文档，中英文版本
新增诗词
新增了一些壁纸配图
微调各种样式

第 6 条附言 · 74 天前

新起域名： https://colors.ichuantong.cn/ 原地址会做 301 跳转

壁纸

重写

颜色

开源

163 回复 | 直到 2019-10-14 12:13:07 +08:00

1 2

❮

❯

101

est 82 天前

star 了。

102

www12222 82 天前

cool 啊老哥

103

missnote 82 天前

插眼👀

104

TristanYang 82 天前

@est 谢谢，小老弟 😀

105

TristanYang 82 天前

@www12222 thanks 啊老弟

106

TristanYang 82 天前

@missnote 似曾相识的评论，意思是辣眼睛吗 🤣

107

babedoll 82 天前

好喜欢！！！漂亮

108

TristanYang 82 天前

@Bairrfhoinn 想要五彩斑斓的黑，还是让我生机勃勃地死吧~~~😂

109

sstu 82 天前 via Android

http://zhongguose.com

110

jay4497 82 天前

再加上那个自动播放的动效就更棒了

111

TristanYang 82 天前 via iPhone

@jay4497 自动播放什么？自动切换下一个颜色吗？

112

belin520 82 天前 ♥ 1

建议：主色调 icon 的颜色一股科技风（ material design ??），是否能取该色调的第一个颜色作为主色调的 icon 颜色。
还有就是 icon 是否可以不用大阴影，也是一股科技风

113

Ho 82 天前

颜色好美。start

114

keventseng 82 天前

？？？ http://zhongguose.com

115

WhiteSJ 82 天前

不错啊, 交互挺棒的.
我个人觉得圆形饼状图没有圆形进度条看着好看.

116

huiyifyj 82 天前

@keventseng #114 怪不得我感觉以前看过😂

117

dimlau 82 天前

这几年从这个日本配色项目衍生出来的中国色……不要太多。

118

TristanYang 82 天前

@belin520 已改成 logo 背景色跟随当前选择的颜色变化

119

TristanYang 82 天前

@dimlau 嗯哼，就算这条街已经充斥了各种中国风，我也要做最靓的那个仔~~~😋

120

zyqhi 82 天前

非常漂亮

121

ShiYi11 82 天前 via Android

似乎很早很早之前在哪看到过了~

122

TristanYang 82 天前 via iPhone

@ShiYi11 如果没记错的话应该是 2010 年

123

FancyKing 82 天前

很棒，很漂亮很实用，赞一个

124

ryanjmliao 82 天前 via iPad

厉害啊

125

Antidictator 82 天前 via iPhone

有点厉害

126

SeaRecluse 81 天前

我记得中国社科院有个一模一样的

127

TristanYang 81 天前 via iPhone

@WhiteSJ 嗯这块有优化空间

128

TSai2019 81 天前 via Android

不错，我都想把这个做成 app

129

TristanYang 81 天前

@TSai2019 可以呀，注明灵感来源就好。不过我也在筹备做 APP，😀。

130

Heanes 81 天前

厉害了，收藏

131

TristanYang 81 天前 via iPhone

@Heanes 谢谢欢迎 star

132

E1n 81 天前

@TristanYang 老哥能请教您个问题吗。。Nginx 反向代理 https 访问网页就是 Invalid Host header，是 Nginx 配置问题还是 react 需要配置不懂前端。查了说改 disableHostCheck: true，我就改了 config 目录下 webpackDevServer.config.js 还是没用。。

133

TristanYang 81 天前

@E1n 你这个场景是指本地开发需要启用 https 吗？本地开发用不到 nginx 配置吧，不过如果线上部署的话，也用不到 webpackDevServer.config.js 这个配置文件啊，有点凌乱。https 我都是在使用 https://certbot.eff.org/ 配合 nginx 搞定。

134

E1n 81 天前

@TristanYang 线上部署的想做个 Demo 学习下前端，现在域名访问不行只能 IP 加端口号访问。。