网页界面设计 - 10种颜色配色方案
主色数量:10 种
风格分析
置信度:1
文化背景:现代数字产品(美国)
描述:Audencia商学院官网首页截图,深蓝背景,左侧为标语'Make a difference with your difference'及学位选项按钮,右侧为一组年轻学生户外互动的摄影图,叠加抽象蓝色几何图形;右上角含搜索、语言切换与菜单栏,右侧悬浮工具栏含'APPLY NOW'等按钮。
情感基调:积极、鼓舞、专业
风格:网页界面设计
题材:教育平台首页截图,含学生群体照片与导航元素
技法:数字UI/UX设计
主色彩方案
色彩详情
| 颜色 | 色值 | 占比 |
|---|---|---|
| #002740 | 67% | |
| #CEE5EB | 13.7% | |
| #2C393F | 4.3% | |
| #89A7B3 | 3.8% | |
| #615855 | 2.6% | |
| #0A181D | 2.5% | |
| #33586C | 2.2% | |
| #948682 | 1.9% | |
| #6E7175 | 1.8% | |
| #0D534D | 0.2% |
使用建议
- 主色彩可用于品牌标识、网站、绘画、PPT等多种场景的色彩设计
- 占比较大的颜色适合作为背景色或主要界面色彩
- 点缀色可用于按钮、链接、重要信息高亮显示
- 建议在同一设计中保持色彩的层次感和对比度