V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
TristanYang
V2EX  ›  分享创造

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

  •  6
     
  •   TristanYang ·
    zerosoul · 2019-09-15 21:41:21 +08:00 · 14015 次点击
    这是一个创建于 1915 天前的主题,其中的信息可能已经有所发展或是发生改变。
    偶然间看到一个日本人在 2010 年的一个作品( http://nipponcolors.com/),非常喜欢,用 react 重构了中国风界面,并做了许多改进:

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

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

    还在迭代中,有问题欢迎反馈。
    第 1 条附言  ·  2019-09-15 22:20:19 +08:00
    还有一个改进:支持 PWA
    第 2 条附言  ·  2019-09-15 22:53:47 +08:00
    不太会发图,附上截图:

    Mobile 界面:
    https://imgur.com/mipmQGt
    PC 界面:
    https://imgur.com/hY9IPMw
    第 3 条附言  ·  2019-09-15 22:58:57 +08:00
    没预览图,再发一遍:
    Mobile 截图:


    PC 截图:
    第 4 条附言  ·  2019-09-17 15:28:44 +08:00
    搭车推荐我的另一个作品: https://www.v2ex.com/t/601535
    第 5 条附言  ·  2019-09-21 19:57:49 +08:00
    最近的迭代:

    使用 svg 重构了 cmyk 百分比圈
    完善了 README 文档,中英文版本
    新增诗词
    新增了一些壁纸配图
    微调各种样式
    第 6 条附言  ·  2019-09-24 22:41:54 +08:00
    新起域名: https://colors.ichuantong.cn/ 原地址会做 301 跳转
    163 条回复    2019-10-14 12:13:07 +08:00
    1  2  
    est
        101
    est  
       2019-09-16 17:11:31 +08:00
    star 了。
    www12222
        102
    www12222  
       2019-09-16 17:16:18 +08:00
    cool 啊老哥
    missnote
        103
    missnote  
       2019-09-16 17:18:20 +08:00
    插眼👀
    TristanYang
        104
    TristanYang  
    OP
       2019-09-16 17:26:24 +08:00
    @est 谢谢,小老弟 😀
    TristanYang
        105
    TristanYang  
    OP
       2019-09-16 17:27:00 +08:00
    @www12222 thanks 啊老弟
    TristanYang
        106
    TristanYang  
    OP
       2019-09-16 17:27:25 +08:00
    @missnote 似曾相识的评论,意思是 辣眼睛 吗 🤣
    babedoll
        107
    babedoll  
       2019-09-16 17:27:51 +08:00
    好喜欢!!!漂亮
    TristanYang
        108
    TristanYang  
    OP
       2019-09-16 17:28:52 +08:00
    @Bairrfhoinn 想要五彩斑斓的黑,还是让我生机勃勃地死吧~~~😂
    sstu
        109
    sstu  
       2019-09-16 17:28:54 +08:00 via Android
    jay4497
        110
    jay4497  
       2019-09-16 17:38:13 +08:00
    再加上那个自动播放的动效就更棒了
    TristanYang
        111
    TristanYang  
    OP
       2019-09-16 17:50:39 +08:00 via iPhone
    @jay4497 自动播放什么?自动切换下一个颜色吗?
    belin520
        112
    belin520  
       2019-09-16 17:56:59 +08:00   ❤️ 1
    建议:主色调 icon 的颜色一股科技风( material design ??),是否能取该色调的第一个颜色作为主色调的 icon 颜色。
    还有就是 icon 是否可以不用大阴影,也是一股科技风
    Ho
        113
    Ho  
       2019-09-16 17:58:12 +08:00
    颜色好美。start
    keventseng
        114
    keventseng  
       2019-09-16 18:03:14 +08:00
    WhiteSJ
        115
    WhiteSJ  
       2019-09-16 18:16:45 +08:00
    不错啊, 交互挺棒的.
    我个人觉得圆形饼状图没有圆形进度条看着好看.
    huiyifyj
        116
    huiyifyj  
       2019-09-16 18:25:32 +08:00
    @keventseng #114 怪不得我感觉以前看过😂
    dimlau
        117
    dimlau  
       2019-09-16 18:26:29 +08:00
    这几年从这个日本配色项目衍生出来的中国色……不要太多。
    TristanYang
        118
    TristanYang  
    OP
       2019-09-16 18:28:51 +08:00
    @belin520 已改成 logo 背景色跟随当前选择的颜色变化
    TristanYang
        119
    TristanYang  
    OP
       2019-09-16 18:30:32 +08:00
    @dimlau 嗯哼,就算这条街已经充斥了各种中国风,我也要做最靓的那个仔~~~😋
    zyqhi
        120
    zyqhi  
       2019-09-16 19:20:42 +08:00
    非常漂亮
    ShiYi11
        121
    ShiYi11  
       2019-09-16 19:37:00 +08:00 via Android
    似乎很早很早之前在哪看到过了~
    TristanYang
        122
    TristanYang  
    OP
       2019-09-16 19:59:48 +08:00 via iPhone
    @ShiYi11 如果没记错的话 应该是 2010 年
    FancyKing
        123
    FancyKing  
       2019-09-16 20:57:46 +08:00
    很棒,很漂亮很实用,赞一个
    HHH01
        124
    HHH01  
       2019-09-16 20:59:00 +08:00 via iPad
    厉害啊
    Antidictator
        125
    Antidictator  
       2019-09-16 21:30:50 +08:00 via iPhone
    有点厉害
    SeaRecluse
        126
    SeaRecluse  
       2019-09-17 08:57:08 +08:00
    我记得中国社科院有个一模一样的
    TristanYang
        127
    TristanYang  
    OP
       2019-09-17 08:58:12 +08:00 via iPhone
    @WhiteSJ 嗯 这块有优化空间
    TSai2019
        128
    TSai2019  
       2019-09-17 09:32:41 +08:00 via Android
    不错,我都想把这个做成 app
    TristanYang
        129
    TristanYang  
    OP
       2019-09-17 09:56:41 +08:00
    @TSai2019 可以呀,注明灵感来源就好。不过我也在筹备做 APP,😀。
    Heanes
        130
    Heanes  
       2019-09-17 10:29:29 +08:00
    厉害了,收藏
    TristanYang
        131
    TristanYang  
    OP
       2019-09-17 10:36:17 +08:00 via iPhone
    @Heanes 谢谢 欢迎 star
    E1n
        132
    E1n  
       2019-09-17 13:11:18 +08:00
    @TristanYang 老哥能请教您个问题吗。。Nginx 反向代理 https 访问网页就是 Invalid Host header,是 Nginx 配置问题还是 react 需要配置不懂前端。查了说改 disableHostCheck: true,我就改了 config 目录下 webpackDevServer.config.js 还是没用。。
    TristanYang
        133
    TristanYang  
    OP
       2019-09-17 15:13:39 +08:00
    @E1n 你这个场景是指本地开发需要启用 https 吗?本地开发用不到 nginx 配置吧,不过如果线上部署的话,也用不到 webpackDevServer.config.js 这个配置文件啊,有点凌乱。https 我都是在使用 https://certbot.eff.org/ 配合 nginx 搞定。
    E1n
        134
    E1n  
       2019-09-17 15:34:10 +08:00
    @TristanYang 线上部署的想做个 Demo 学习下前端,现在域名访问不行只能 IP 加端口号访问。。
    Gladoos
        135
    Gladoos  
       2019-09-19 09:44:52 +08:00
    很棒啊
    TristanYang
        136
    TristanYang  
    OP
       2019-09-19 10:11:38 +08:00
    @Gladoos 谢谢 欢迎 star
    MaxJin
        137
    MaxJin  
       2019-09-19 14:11:20 +08:00
    不错不错!
    17681880207
        138
    17681880207  
       2019-09-19 16:03:11 +08:00
    @sstu 老哥,你这个也太卡了吧
    Nagase
        139
    Nagase  
       2019-09-19 16:18:07 +08:00
    可以做个 pantong 的 tpg 色库吗,可以的话选色就真的很方便了
    TristanYang
        140
    TristanYang  
    OP
       2019-09-19 16:31:04 +08:00
    @MaxJin 谢谢 欢迎 star
    TristanYang
        141
    TristanYang  
    OP
       2019-09-19 16:31:40 +08:00
    @Nagase 这个是啥,设计师用的那种色卡工具吗?
    TristanYang
        142
    TristanYang  
    OP
       2019-09-19 16:32:58 +08:00
    @17681880207 zhongguose.com 那个么?还是我这个...。我做的这个版本速度还可以的,专门做了优化。
    zhybb2010
        143
    zhybb2010  
       2019-09-19 18:03:30 +08:00
    插眼 star
    overflow99
        144
    overflow99  
       2019-09-20 10:44:34 +08:00
    为什么红的拼音都是 gong ?
    TristanYang
        145
    TristanYang  
    OP
       2019-09-20 10:47:21 +08:00 via iPhone
    @overflow99 多音字 大意了 我修复下
    indev
        146
    indev  
       2019-09-20 13:37:54 +08:00 via Android
    indev
        147
    indev  
       2019-09-20 13:39:43 +08:00 via Android
    zhw2590582
        148
    zhw2590582  
       2019-09-20 15:19:24 +08:00
    有些字的颜色和背景太像,导致看不清
    TristanYang
        149
    TristanYang  
    OP
       2019-09-20 16:08:23 +08:00
    @zhw2590582 这个我在改进了,目前只是标题变色了,方便看清楚。
    TristanYang
        150
    TristanYang  
    OP
       2019-09-20 16:08:58 +08:00
    @indev 嗯 这个做的也不错 你是作者?
    clownxiaoqiang
        151
    clownxiaoqiang  
       2019-09-20 17:47:58 +08:00
    很 nice 啊~
    TristanYang
        152
    TristanYang  
    OP
       2019-09-20 18:05:16 +08:00 via iPhone
    @clownxiaoqiang 谢谢! 还在改进
    dqsife
        153
    dqsife  
       2019-09-21 00:06:48 +08:00
    6 啊老铁!
    Varobjs
        154
    Varobjs  
       2019-09-22 17:48:07 +08:00 via Android
    很好看
    janda
        155
    janda  
       2019-09-24 16:54:52 +08:00
    很好看、很舒服!已 star 和 fork 顺便设置了一波 pc 壁纸
    hanshijun
        156
    hanshijun  
       2019-09-24 18:53:30 +08:00 via Android
    好看
    TristanYang
        157
    TristanYang  
    OP
       2019-09-24 19:02:53 +08:00 via iPhone
    @janda 哈哈 素质三连击
    songkeys
        158
    songkeys  
       2019-09-24 21:58:38 +08:00
    TristanYang
        159
    TristanYang  
    OP
       2019-09-24 22:41:20 +08:00
    @songkeys 不好意思,换了个域名,已经做 301 跳转: https://colors.ichuantong.cn/
    tmsdy0404
        160
    tmsdy0404  
       2019-09-25 13:22:05 +08:00
    已 star
    lelovelife
        161
    lelovelife  
       2019-10-07 15:12:47 +08:00
    想问下那些插图是哪里找的
    hqjnkj
        162
    hqjnkj  
       2019-10-14 11:44:02 +08:00
    用宝塔线上布署了,IP 加端口正常访问,但域名打开空白,只显示了 title
    TristanYang
        163
    TristanYang  
    OP
       2019-10-14 12:13:07 +08:00
    @hqjnkj ??? 自己部署么? 目测是目录问题,方便的话,v 聊 yanggc_2013
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1041 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 23:32 · PVG 07:32 · LAX 15:32 · JFK 18:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.