《Axure搭配抖音APP页面色彩风格操作实例》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强色彩,页面,交互设计等多维度案例或实操来进行更多的学习;此教程是由一袋米GL在2021-08-27发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
Axure如何搭配抖音APP页面色彩风格?具体操作步骤如下,一起来看一看吧:
1.1 从抖音logo看抖音色彩搭配
抖音logo颜色主要由黑白两种颜色和品红与湖蓝这对互补色搭配设计。其中,logo颜色整体以黑色为底,白、湖蓝、品红三种颜色的音符图标相互叠加,且品红和湖蓝分别在白色两侧组合成音符抖动的效果,这也符合“字节跳动”名字的由来。
从色彩搭配整体上看,互补色搭配使用使logo整体视觉效果协调而不突兀,且颜色搭配对于用户长时间观看也不会产生较大的视觉冲击。
而抖音APP内整体色彩搭配也基本与logo色彩搭配一致,这对于用户长时间使用和观看也不会导致视觉疲劳,抖音色彩搭配对用户视觉体验有较强的促进作用。
1.2 解析抖音APP内色彩搭配
抖音APP中,抖音使用的颜色搭配主要有以下几种:黑、白、品红、湖蓝、灰、黄;从色系上来看,黑、白、灰属于冷色调,品红、湖蓝、黄属于暖色调,也形成了一定的素材互补。
而这几种颜色使用范围大致整理如下:
从脑图可以看出,抖音logo所使用的颜色元素均被使用在了APP页面中,且同时也加入了灰色和黄色色彩来丰富了色彩搭配。
但明显感觉到有以下几点不和谐:
抖音APP目前的色彩搭配效果部分页面展示:
2.1 色彩搭配改了哪些内容
本文对抖音色彩搭配的更改主要考虑以下几个方面:
2.2 色彩搭配修改分类
2.3 修改前后效果比对
(1)登录
修改前:
修改后:
(2)首页
修改前
修改后:
(3)关注
修改前:
修改后:
(4)发布
修改前:
修改后:
(5)消息
修改前:
修改后:
(6)我
修改前:
修改后:
赠人玫瑰,手有余香
< 上一篇 axure9全局变量和局部变量的应用情况及操作实例
> 下一篇 Axure制作抖音APP原型图操作实例
2022-06-09 11:40
2022-04-25 14:21
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论