android 配色方案,最实用的APP UI配色方案和APP常用的颜色搭配参考

在此,25学堂收集了一套非常实用的APP UI配色方案和一些APP设计常用的颜色搭配参考。

感谢分享设计师onli (武汉 / GUI设计师)和简书作者 Longwide 的分享。

第一部分:APP常用的颜色搭配参考

底层背景色,内容背景色   ,两种颜色相近,但能区分

标题背景色   任意花色

标题文字色 通常为黑色或白色黑体

内容文字 通常为黑色或白色宋体

不重要的内容 浅灰色

重要的内容 标题背景色附近的颜色通常比标题色亮,为强调色

彩色颜色组合方式有,互补色,相似色,3角色,4方色

1、什么是3角色?

红、黄、蓝三种颜色在色相环上组成一个正三角形,被称为三原色组合,这种组合具有强烈的动感。

总结:

1、底层背景色 f4f4f4

2、内容背景色 白色

3、引用背景色 dedede

4、标题背景色 如34A2DA

5、标题强调色 如1785C6 比上面小171717左右

6、文字色 一般有多种,黑、白、文字灰、文字强调色

7、特殊色 禁用的颜色、无法编辑的颜色

8、标签色 类似bootstrap的几种不同按钮

第二部分:傻瓜式的APP UI配色方案,选取你喜欢的色彩来设计APP启动图等。

81208e548108073d0d6a5d889815444b.png

记住APP配色的一点,灰白色是百搭的颜色。比如下图的APP界面:

421683bc130be7ccaddd63a8461b03bb.png

d74ac840b4109e267608bf0fd89f7c55.png

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在开发基于Android的背单词app时,设计良好的用户界面(UI)对于提供良好的用户体验至关重要。以下是一些建议来设计背单词appUI界面: 1. 欢迎界面:在应用启动时,可以显示一个欢迎界面,包括应用的Logo和简短的欢迎词,给用户一个良好的第一印象。 2. 登录/注册界面:如果你希望用户可以创建个人账户,你可以设计一个登录/注册界面,包括用户名和密码输入框,以及相应的登录和注册按钮。 3. 主界面:主界面应该提供简洁清晰的导航菜单,以便用户可以轻松访问不同的功能模块。你可以使用底部导航栏、侧边栏或标签栏来实现这一点。 4. 单词列表界面:这个界面应该显示用户已添加的单词列表。你可以使用列表视图或卡片视图来展示单词,并提供一些过滤或排序选项,方便用户查找和管理单词。 5. 单词详情界面:当用户点击列表中的某个单词时,应该跳转到单词详情界面。这个界面应该显示单词的详细信息,包括释义、例句、发音等。你还可以提供一些学习工具,比如记忆卡片、拼写测试等。 6. 学习统计界面:这个界面应该显示用户的学习进度和统计信息,比如总学习时间、已掌握的单词数量等。可以使用图表或进度条来可视化这些数据,帮助用户了解自己的学习情况。 7. 设置界面:你可以提供一个设置界面,允许用户自定义一些应用的行为,比如通知设置、学习计划设定等。 8. 主题和样式:选择一种合适的主题和配色方案,以保证应用的整体风格一致且美观。注意字体大小和对比度,以确保良好的可读性。 以上是一些建议来设计背单词appUI界面。你可以根据自己的需求和用户群体的特点进行定制化设计,以提供一个易用、美观和功能丰富的用户界面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值