智慧场景 数字孪生 开发资讯 设计沙龙
主页 > 洞察 > 设计沙龙 > UI界面设计
团队活动28 技术调研168 用户研究176 洞察118 视觉设计16 交互设计36 UI界面设计386 APP设计54 IT人力外包115 小程序设计2 学习平台开发16
开发方案
幼教数字化内容课件
大屏数据可视化
新零售渠道中台
医疗健康
最新文章
1.iPhone X模型上的电商类APP UI设计欣赏
2.工控界面UI设计技巧及案例欣赏
3.运动类APP UI界面设计欣赏
4.大屏幕数据可视化适用在哪呢
5.母婴APP界面设计作品欣赏
热门文章
1.常见的APP引导页分类以及设计技巧
2.一个APP界面设计完整流程详解
3.儿童教育APP如何设计？三大误区应避免
最新标签
IT人力外包
智慧楼宇解决方案
数字孪生
数据可视化

  • UI设计中应该如何配色？

    adinnet / 2018-01-03 17:50 /UI界面设计

    一个完整的UI配色应该包含主色、辅色、和灰度色。主色作为引导色，在主要区域比如菜单、导航、主要按钮。辅助色主要为第二强调色，可以选择与主色对立的互补色。

    单色

    单色是指某个颜色的明度变化，即在色彩上叠加10%-90%白色或黑色得到一组颜色。

    就像QQ音乐，品牌色为绿色和黄色，但其界面主要就是绿色调为主，给人冷静、清爽的感觉。

    在界面中，搜索栏根据主色加了10%的黑色得到，听歌识曲中的图形根据主色加了60%的白色得到。

    邻近色

    蚂蜂窝品牌色为黄色，它在使用了主色调的同时，选择了红色作为辅助色。邻近色的界面主次分明、丰富饱满。

    互补色

    爱彼迎的品牌色为红色，界面设计使用了品牌色的互补色作为主色调，并选择品牌色作为辅助色，互补色的界面功能清晰、高效简洁。

    多下载优秀app，将手机里下载的app进行分组，分组的依据就是同意颜色图标的在一起，这样，就能容易的看出他们用的什么色调，以及什么色调更能符合这一行业特性。比如摄影类的黑色偏多，办公类的蓝色偏多，电商类的红色偏多。

本文标签：
上一篇：高校校园APP开发方案 下一篇：微信小程序开发常见问题汇总