暗能星系

    • 登录
    • 搜索

    文献颜色调研

    UX 用户交互设计
    1
    2
    8
    正在加载更多帖子
    • 从旧到新
    • 从新到旧
    • 最多赞同
    回复
    • 在新帖中回复
    登录后回复
    此主题已被删除。只有拥有主题管理权限的用户可以查看。
    • A
      anneng 最后由 编辑

      1. https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3

      这个工具针对不同的数据类型:
      Sequential schemes are suited to ordered data that progress from low to high. Lightness steps dominate the look of these schemes, with light colors for low data values to dark colors for high data values.适合有序数据
      Diverging schemes(分歧、对比) put equal emphasis on mid-range critical values and extremes at both ends of the data range. The critical class or break in the middle of the legend is emphasized with light colors and low and high extremes are emphasized with dark colors that have contrasting hues.diverging
      Diverging schemes are most effective when the class break in the middle of the sequence, or the lightest middle color, is meaningfully related to the mapped data. Use the break or class emphasized by a hue and lightness change to represent a critical value in the data such as the mean, median, or zero. Colors increase in darkness to represent differences in both directions from this meaningful mid-range value in the data.

      NOTE: Although we have designed the diverging schemes to be symmetrical, you may need to customize schemes by moving the critical break/class closer to one end of the sequence to suit your map data. For example, a map of population change might have two classes of population loss and five classes of growth, requiring a scheme with only two colors on one side of a zero-change break and five on the other. Choose a scheme with ten-colors and omit three colors from the loss side of the scheme.
      Qualitative schemes(定性) do not imply magnitude differences between legend classes, and hues are used to create the primary visual differences between classes. Qualitative schemes are best suited to representing nominal or categorical data.qualitative
      Most of the qualitative schemes rely on differences in hue with only subtle lightness differences between colors. You may pick a subset of colors from a legend with more classes if you are not pleased with the subsets. For example, you could pick four colors from a seven-color legend. Two exceptions to the use of consistent lightness:

      paired scheme
      Paired Scheme: This scheme presents a series of lightness pairs for each hue (e.g. light green and dark green). Use this when you have categories that should be visually related, though they are not explicitly ordered. For example, 'forest' and 'woodland' would be suitably represented with dark and light green.

      accent scheme
      Accent Scheme: Use to accent small areas or important classes with colors that are more saturated/darker/lighter than others in the scheme - found at the bottom of the 'Accents' legends. Beware of emphasizing unimportant classes when you use qualitative schemes.

      其他的颜色搭配可以下载看看:

      1. Palleton

      2. HCL Colorpicker for data
        Tristen Forsyth Brown是Mapbox的设计师和程序员。在业余时间,他使用HCL(色调、色度、亮度)颜色空间创建了这个简单但强大的调色板创建工具。它建立在Gregor Aisch关于HSV与CIE Lab*的文章以及他随后的颜色转换库chroma.js的基础上。
        https://github.com/gka/chroma.js

      3. I want HUE

      https://github.com/medialab/iwanthue
      5. R 调色板
      https://github.com/EmilHvitfeldt/r-color-palettes
      https://emilhvitfeldt.github.io/r-color-palettes/discrete.html
      把所有的R颜色包整合到了一个项目
      6. https://mycolor.space/
      自动生成配色
      7. https://github.com/Siddharth11/Colorful
      前端js的颜色相关资源
      8. https://github.com/arnelenero/simpler-color#simpler-color
      9. https://github.com/dylanaraps/pywal
      从图片的主色生成色谱
      10. https://github.com/nagix/chartjs-plugin-colorschemes
      Predefined color schemes for Chart.js
      11. Ggsci
      https://cran.r-project.org/web/packages/ggsci/vignettes/ggsci.html
      文献里面常用的配色
      12. https://mp.weixin.qq.com/s/sfjDPiEzxLB8U7O8ZfXejg 基迪奥公司微信

      1 条回复 最后回复 回复 引用 0
      • A
        anneng 最后由 编辑

        https://uicolors.app/create
        b967f74e-cd82-4bf9-91a6-41a9bf4b87e9-image.png

        1 条回复 最后回复 回复 引用 0
        • First post
          Last post
        Powered by 暗能星系