上海发布
按钮设计需要同时区分默认态、悬停态、按下态和禁用态。默认态可以使用主色,悬停态适当提⭐高明度或降低明度,按下态可以增加边框或阴影变👍化,禁用态则降低饱和度和对比度。状态变化不能只依赖颜色,还应配合文字、图标、边框或形状变化。
鲜明对比与层次感需要同时考虑“看得见”和“看得懂”。前者依靠文字与背景之间的明暗差异,后者依靠颜色面积、位置、重复频率和组件结构共同完成。
每一种颜色至🌟少记录四项内容:名称、色值、使用位置和不可使用位置。例如,主色可以用于主📚要按钮和选中导航,但不建议同时用于大段正文;警告色可以用于状态提示,但不建议作为整块页面背景;浅色背景可以用于卡片,但不能直接承载低明度灰色文字。
数据图表中的颜色搭配应优先解决系列区分和数值强调问题。连续数💎值适合使用同一色相的明度变化,类别数据适合使用差异较大的色相。图例、图形和文字需要保持同一映射关系,不能让同一种颜色在不同图表中代表不同含义。
辨识度检查:不要让关键信息只依靠颜色区分。红绿组合应配合💯图标或文字,图表应配合图例、纹理或数据标签,状态提示应明确写出“成功”“警告”或“失败”等语义。