爱意满满的作品展示区。
TristanYang

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

  •  6
     
  •   TristanYang ·
    zerosoul · Sep 15, 2019 · 17012 views
    This topic created in 2608 days ago, the information mentioned may be changed or developed.
    偶然间看到一个日本人在 2010 年的一个作品( http://nipponcolors.com/),非常喜欢,用 react 重构了中国风界面,并做了许多改进:

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

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

    还在迭代中,有问题欢迎反馈。
    Supplement 1  ·  Sep 15, 2019
    还有一个改进:支持 PWA
    Supplement 2  ·  Sep 15, 2019
    不太会发图,附上截图:

    Mobile 界面:
    https://imgur.com/mipmQGt
    PC 界面:
    https://imgur.com/hY9IPMw
    Supplement 3  ·  Sep 15, 2019
    没预览图,再发一遍:
    Mobile 截图:


    PC 截图:
    Supplement 4  ·  Sep 17, 2019
    搭车推荐我的另一个作品: https://www.v2ex.com/t/601535
    Supplement 5  ·  Sep 21, 2019
    最近的迭代:

    使用 svg 重构了 cmyk 百分比圈
    完善了 README 文档,中英文版本
    新增诗词
    新增了一些壁纸配图
    微调各种样式
    Supplement 6  ·  Sep 24, 2019
    新起域名: https://colors.ichuantong.cn/ 原地址会做 301 跳转
    163 replies  •  2019-10-14 12:13:07 +08:00
    1  2  
    ❮ ❯
    dodo2012
    dodo2012
    Sep 15, 2019
    1
    不错不错,关注下
    benyur
    benyur
    Sep 15, 2019 via Android
    2
    真不错,顶
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    3
    @benyur 谢谢,喜欢的话,欢迎 star,😆
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    4
    @dodo2012 谢谢,喜欢的话,欢迎 star,😆
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    5
    忘了加一条改进: 优化了移动端显示,Mobile First
    Ultraman
    Ultraman
    Sep 15, 2019 via Android
    6
    壁纸下载失败
    Android + Firefox Preview 2.0.0-rc.2
    下载时提示 Can't download this file type
    Ettup
    Ettup
    Sep 15, 2019 via iPhone
    7
    很不错,已收藏
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    8
    @vcinex 嗯 这个壁纸下载功能不太稳定,我再搞搞,兼容性搞好点。不要在应用内打开,使用手机自带浏览器,或者 android chrome 应该没问题。
    icekingcy
    icekingcy
    Sep 15, 2019 via iPhone
    9
    mark fork 一份
    300
    300
    Sep 15, 2019 via Android
    10
    网站叫 nippon colers =。=
    300
    300
    Sep 15, 2019 via Android
    11
    @winterbells colors
    Ultraman
    Ultraman
    Sep 15, 2019 via Android
    12
    @TristanYang 还有就是手机壁纸的话能否根据访问设备屏幕调整图片长宽比例?还要二次裁剪影响美观。
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    13
    @vcinex 裁剪?是不是生成的顶部有白边?这在某些机型下是个 bug,我还在看。 壁纸功能现在是简单做了下,还需要许多细节优化。
    Pillowl
    Pillowl
    Sep 15, 2019 via Android
    14
    今晚和朋友聊了两个多小时的中国色,结果打开 v2 你这个就出来了,真不错!还有,推荐一个叫做“几枝”的 Chrome 标签页扩展,将中国色和古诗词结合在一起了。
    artandlol
    artandlol
    Sep 15, 2019 via Android
    15
    怎么感觉没有日本风格的色卡好看
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    16
    @Pillowl 啊 巧了 下一步迭代计划,正想把古诗词融入进来。
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    17
    @artandlol 毕竟那位日本朋友有设计背景,设计专业我是门外汉,只是单纯喜欢美的东西,😃。也可能是先入为主 🤣
    zackwu
    zackwu
    Sep 15, 2019
    18
    很精致,收藏了~
    TangMonk
    TangMonk
    Sep 15, 2019
    19
    日本哪个鼠标放在哪里都可以向下滑动,你这个要鼠标放在 colors 里面才能滑
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    20
    @keith1126 谢谢 欢迎 star
    gavindexu
    gavindexu
    Sep 15, 2019 via iPhone
    21
    0.0 选择色调(红黄绿…)时,
    背景不会跟着变色儿的吗?
    刷新以后才会有看到颜色、壁纸变更了。
    在 Chrome、Duckduck GO 里都没有变。

    加油~!
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    22
    @TangMonk 这个交互见仁见智...
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    23
    @gavindexu 额,这个是有意做成这样的,考虑到只是切换色系看看,并不想换具体哪个颜色,换色系时,左边的颜色集合也跟着变了,但上一个选中的还在,只有选中左侧具体哪个颜色,才会变。
    muayang
    muayang
    Sep 15, 2019 via iPhone❤️1
    24
    已 star
    artandlol
    artandlol
    Sep 15, 2019 via Android❤️1
    25
    @TristanYang 网上有那种颜色搭配的 摄影 画画正常都需要先搭配下颜色的 可以试下那些颜色
    TristanYang
    TristanYang
    OP
    Sep 15, 2019
    26
    @muayang 谢谢 已发送铜币感谢
    FEDT
    FEDT
    Sep 15, 2019 via iPhone
    27
    挺好看的
    Danswerme
    Danswerme
    Sep 16, 2019 via Android❤️1
    28
    挺棒的,另外我记得上次有人在 v 站也发了个中国传统色,地址在这里。

    http://zhongguose.com/
    Ultraman
    Ultraman
    Sep 16, 2019 via Android
    29
    @TristanYang https://i.loli.net/2019/09/16/85kXgms2Q7fTA4n.jpg
    就是这样,因为图片长宽比例和屏幕不一致,设置为壁纸时需要再次缩放裁剪,右下角的字这些就显示不完整了
    yazoox
    yazoox
    Sep 16, 2019 via Android
    30
    点进去看,好像都是红色
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    31
    @yazoox 右下角是切换色系的 有其他色系 😅
    levon
    levon
    Sep 16, 2019
    32
    原站居然被重置,我 d 是不是有点太敏感了
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    33
    @levon 好像确实需要翻墙 但是对程序员来说不算啥啦😅
    talen666
    talen666
    Sep 16, 2019
    34
    日本网站打不开。。翻墙也打不开。。
    mingyuexin
    mingyuexin
    Sep 16, 2019❤️1
    35
    不错,挺好的。 不过我觉得这个页面更好看些 http://zhongguose.com/
    zohar727
    zohar727
    Sep 16, 2019
    36
    感觉可选的颜色没有日本那个多唉
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    37
    @zohar727 数据做了分类,总量差不多。
    xh520630
    xh520630
    Sep 16, 2019
    38
    真的好看 各种颜色 不过他是干嘛用的...就是查颜色吗
    godgc
    godgc
    Sep 16, 2019
    39
    老哥复制功能是用什么做的?兼容性咋样?
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    40
    @xh520630 哈哈 对于设计师来说 可能有点用 可以复制颜色 hex。普通用户来讲,美即功能,好像还有点用的地方是可以生成壁纸。右上角的下载那个按钮。
    star7th
    star7th
    Sep 16, 2019
    41
    棒。做 app 或者网页的时候可以参考配色了
    karnaugh
    karnaugh
    Sep 16, 2019
    43
    做的真不错,棒棒哒
    richzhu
    richzhu
    Sep 16, 2019
    44
    已 fork
    santom
    santom
    Sep 16, 2019
    45
    已 star
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    46
    @richzhu 谢谢
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    47
    @santom 谢谢
    as94boy
    as94boy
    Sep 16, 2019
    48
    可以,颜色蛮全的,可以使用。
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    49
    @karnaugh 谢谢
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    50
    @as94boy 谢谢 我的目标就是对设计师有一定的实用性
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    51
    @star7th 谢谢 能帮到你我也很开心
    XiaoWangZhanzz
    XiaoWangZhanzz
    Sep 16, 2019
    52
    支持下!!!!
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    53
    jay3zhang
    jay3zhang
    Sep 16, 2019
    54
    很漂亮,支持
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    55
    @jay3zhang 谢谢 欢迎 star 支持
    Pillowl
    Pillowl
    Sep 16, 2019 via Android
    56
    @TristanYang 如果后续能直接做一个壁纸软件我想是极好的,能自动更换壁纸那种~。
    marcong95
    marcong95
    Sep 16, 2019
    57
    @TristanYang #22 但是我在 PC 端( Chrome 76.0.3809.132 )在颜色 list 外面滚动可以把整个页面滚动 20px 左右,这个应该是个 bug ?我审查元素点开看,好像没发现那个多出来地方有什么元素

    https://i.loli.net/2019/09/16/FTfjyv6z47nKYIB.png
    styang
    styang
    Sep 16, 2019
    58
    挺好看的
    yongyang599
    yongyang599
    Sep 16, 2019
    59
    中国色( http://zhongguose.com/) 很久之前发现的
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    60
    @yongyang599 嗯 这个也是从日本那个网站得到的灵感 只是技术栈比较老旧了
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    61
    @Danswerme 嗯 这个也是从日本那个网站得到的灵感 只是技术栈比较老旧了
    Crixs
    Crixs
    Sep 16, 2019
    62
    确实挺漂亮的,赞一个
    E1n
    E1n
    Sep 16, 2019
    63
    赞! star 一波
    E1n
    E1n
    Sep 16, 2019
    64
    @TristanYang 老哥是服务器在国外,套了国内的 CDN 吗
    jdhao
    jdhao
    Sep 16, 2019 via Android
    65
    赞
    Seaball0022
    Seaball0022
    Sep 16, 2019
    66
    很好看,加油!
    LeeSeoung
    LeeSeoung
    Sep 16, 2019
    67
    很好看 有心了
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    68
    @E1n 阿里云的服务器
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    69
    @LeeSeoung 谢谢 这几天的辛苦没白费 😋
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    70
    @Seaball0022 谢谢 这几天的辛苦没白费 😋
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    71
    @jdhao 谢谢 这几天的辛苦没白费 😋
    icanfork
    icanfork
    Sep 16, 2019❤️1
    72
    建议:切换主色系的时候,可以默认切换到改色系的第一个颜色中。
    这样让用户得到对应的操作反馈
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    73
    @belin520 谢谢,建议已采纳,修改部署了,已发铜币表示感谢。
    meetocean
    meetocean
    Sep 16, 2019
    74
    切换颜色的功能很有意思。
    1una
    1una
    Sep 16, 2019 via Android
    75
    还有一个 zhingguose.com 也可以考虑
    1una
    1una
    Sep 16, 2019 via Android
    76
    zgw0
    zgw0
    Sep 16, 2019
    77
    我也看到过那个项目, 很不错, 已 star
    Peikon
    Peikon
    Sep 16, 2019
    78
    挺好奇不同颜色对应的色号是在哪查的?
    xuanli
    xuanli
    Sep 16, 2019
    79
    之前就收藏过,star
    Pho3nix
    Pho3nix
    Sep 16, 2019
    80
    原站我也特别喜欢,新站总感觉比原站厚重了一些
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    81
    @Peikon 右上角的感叹号弹窗有备注数据来源
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    82
    @Pho3nix 是的,UI 重构了,也加入了一些自己的想法
    zhangH258
    zhangH258
    Sep 16, 2019
    83
    这个设计的是真的棒
    Exia
    Exia
    Sep 16, 2019
    84
    感觉不错啊,突然有种自己想修改一波的感觉,加上自定义语句什么的。
    zhouyg
    zhouyg
    Sep 16, 2019
    85
    好看!
    TristanYang
    TristanYang
    OP
    Sep 16, 2019❤️1
    86
    @Exia Pull Request,或者 fork 自己改,都可以哈~
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    87
    @zhangH258 谢谢,UI 是站在了别人的肩膀上优化了下,😀
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    88
    @zhouyg 谢谢!
    Exia
    Exia
    Sep 16, 2019
    89
    @TristanYang 哈,谢谢,后来又看了一下楼主你的博客,有点启发,先收藏了。
    yehuzi
    yehuzi
    Sep 16, 2019
    90
    很漂亮
    TristanYang
    TristanYang
    OP
    Sep 16, 2019
    91
    @yehuzi 谢谢 欢迎 star
    nodeny
    nodeny
    Sep 16, 2019
    92
    哇,为啥玄色在我这里显示成暗红色
    Hermann
    Hermann
    Sep 16, 2019
    93
    很好看,支持
    xuanbg
    xuanbg
    Sep 16, 2019
    94
    金色不够深,银色不够亮
    samaxu
    samaxu
    Sep 16, 2019
    95
    求加个改文字的功能,不知道有没有这种文字库
    TristanYang
    TristanYang
    OP
    Sep 16, 2019 via iPhone
    96
    @samaxu 改文字?是指改文字的字体吗?还是文字的内容?
    lizz666
    lizz666
    Sep 16, 2019
    97
    小米 pro。14 寸屏?反正下面有部分看不到,滚动条滚动距离不够
    lizz666
    lizz666
    Sep 16, 2019
    98
    刷新下,底部那些看不到的文字又没有了
    Bairrfhoinn
    Bairrfhoinn
    Sep 16, 2019
    99
    没有五彩斑斓的黑,哈哈,玩笑,勿怪......
    est
    est
    Sep 16, 2019
    100
    老哥厉害了。看上去不错
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4032 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 161ms · UTC 01:06 · PVG 09:06 · LAX 17:06 · JFK 20:06
    ♥ Do have faith in what you're doing.