如何给OEMAPP设置五彩斑斓的黑

[复制链接]
查看753 | 回复3 | 2024-6-12 08:55:32 | 显示全部楼层 |阅读模式
最近在抖音上看到各种平面设计师的配色方案,突发奇想,要不我们给爱星物联APP配下颜色,说干就干
首先创建一个OEMAPP
O}9K`BUK)_MH0_8$)XC0R8N.png
然后设置APP的基调色,辅助色,弹框蒙层透明度
P)0A$NEQ5]4763[CVRJPB[8.png
再来配置APP底部菜单和文字颜色
CR3%(ZGY8Q_N%XA6}GBA8K5.png
所有的工作干完后,开始构建APP(如果您不想构建,那么可以在右侧预览中预览首页效果)
U0Q7P(0Z~]))QQXA%5PNLC9.png
先浅尝一下,选择系统给我们默认的几个基调色,右侧可查看APP效果预览,看着不错,没事就可以一键换肤
蓝色主题.png
橙色.png
觉得不过瘾,太保守了,看我天马行空,这下好了
自定义景泰蓝,鹤顶红.png
扶光中国红.png
再来
5AYEQ0KKBR{BC4@LB5P$Y$H.png Screenshot_20240604_111134_com.test.test1.jpg Screenshot_20240604_112441_com.test.test1.jpg
试下黑色背景
Screenshot_20240604_135946_com.test.test1.jpg Screenshot_20240604_135958_com.test.test1.jpg
还是得来点正经的白色底
Screenshot_20240604_142812_com.test.test1.jpg Screenshot_20240604_133600_com.test.test1.jpg
最近抖音上看到一位设计师的撞色方案,我想试试
2U56L%AORM3UT`%6X~FQ({R.png
我要上色了
N%XEHO6KX(S}{53)QUP%}NW.png
实际成果,总感觉哪里不对,尤其是大面积深色背景页面和组件框的背景色不协调
ZB@)DQXAF7GR7E%F%)N9PXM.png
再换个中国红+鱼肚白撞色方案试试,看着还行
M{8}BJL55OUS@[SMV6(L47Q.png A28@{5UI}NG4T}5MBAFK]ZE.png
总结:APP的风格设计和平面设计还是有区别的,APP的背景色只适合用浅色做大面积背景色,五彩斑斓的黑啥也不是。
在设计中每一种颜色带给用户的视觉感受也是不同的,APP色彩搭配方案是由主色、辅助色和点缀色构成和手机APP界面设计规范之标准色彩规范。
在这里,再啰嗦一下主色,标准色,点晴色各自代表的含义:
主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用。
统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等。
标准色:指的是整套移动界面的色彩规范,确定文本/线段/图标/背景等等的颜色。
点晴色:通常会用在标题文本/按钮/icon等地方,通常起强调和引导阅读的作用。
你有什么好的色彩搭配或APP颜色设计方案吗?比如考虑给不同组件定义颜色,给APP主副标题和内容定义颜色等,评论区见,下个版本更新时也许就采纳了你的建议!


回复

使用道具 举报

wxlinus | 2024-6-12 09:06:38 | 显示全部楼层
这个配色玩出了花来了,哈哈
回复 支持 反对

使用道具 举报

WT_0213 | 2024-6-12 09:59:45 | 显示全部楼层
回复

使用道具 举报

1084504793 | 2024-6-12 10:38:52 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则