V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
akaayy
V2EX  ›  问与答

配色网站都怎么样?有什么懒人本人用的配色网站推荐吗?不要放几个颜色完事,说清楚哪个颜色用于什么地方好吗 -___-

  •  
  •   akaayy · 2018-10-17 10:34:19 +08:00 · 1510 次点击
    这是一个创建于 2262 天前的主题,其中的信息可能已经有所发展或是发生改变。
    鉴于本人设计文盲,每次做网站都是偷看别人网站的配色
    有时候也想找个配色网站找找合适的配色,但是配色网站很多
    很漂亮也很精美,很丰富也很多样
    可惜,唯一一点,没看到过哪个配色网站告诉我,这组配色中,到底哪个配色用于哪个地方

    以网站为例( app 类似),可以使用颜色的地方(色彩依附载体)有:

    网页背景
    栏目名称背景
    导航背景
    标题文字颜色
    hover 文字颜色

    等等这些,你给我甩出几个个颜色,我到底哪个地方用哪个颜色依然是不清楚
    所以,每次看完配色网站,我依然毫无头绪
    是我打开的姿势不对吗,这些配色网站到底应该怎么来使用?

    求问,有没有一个直截了当告诉我,什么颜色用于什么地方的配色网站。(如果没有的话,v 站的设计狮赶紧做一个,我来顶你)


    配色网站举例 https://colordrop.io/

    7 条回复    2018-10-17 17:30:16 +08:00
    SorcererXW
        1
    SorcererXW  
       2018-10-17 10:41:24 +08:00 via Android   ❤️ 1
    体验一下 Google Material 的配色工具,自己选颜色,然后告诉你哪个颜色用在哪个元素

    https://material.io/tools/color
    akaayy
        2
    akaayy  
    OP
       2018-10-17 10:43:33 +08:00
    在我心中,有这样一个配色工具网站的原型
    网站左边是一个通用网站的模板,有背景导航,右边是各组推荐的配色
    点击一组配色,右边网站模板就变成了这个配色的样子,然后在左边我还可以对每个颜色进行微调
    最后配出来一个满意的配色之后,可以导出 css 文件

    完美!

    加油吧,设计狮们~
    akaayy
        3
    akaayy  
    OP
       2018-10-17 10:52:50 +08:00
    @SorcererXW
    Google 这个跟我想的很接近了,不过它主要适用于 app 的配色设计
    也很棒啦,谢谢
    sugarsalt
        4
    sugarsalt  
       2018-10-17 11:25:13 +08:00
    花钱找设计师。
    akaayy
        5
    akaayy  
    OP
       2018-10-17 11:43:40 +08:00
    http://stylifyme.com/

    Stylify Me,它可以获取帮我们获取一个网站的配色,字体,大小等风格信息。当你看到一个网站,对他的配色,字体等样式信息非常感兴趣,只需要输入网址,即可分析出网页使用的所有颜色,包括背景颜色、文字颜色、字体、字体大小等样式,生成的结果还可以通过 PDF 格式下载保存,非常方便。

    这个网站也不错,就是服务不稳定
    cfans1993
        6
    cfans1993  
       2018-10-17 11:59:30 +08:00 via Android
    抄多了感觉就来了
    ----打开浏览器就一路抄抄抄的美工
    XuJianHua
        7
    XuJianHua  
       2018-10-17 17:30:16 +08:00
    以前我做 BBS 模板的时候,配色都在 LOGO 取色
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5519 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 07:35 · PVG 15:35 · LAX 23:35 · JFK 02:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.