axure 抖音部件库_原型技巧：如何用Axure画出抖音APP页面色彩风格（干货技能）...

抖音APP色彩搭配解析

1.1 从抖音logo看抖音色彩搭配

抖音logo颜色主要由黑白两种颜色和品红与湖蓝这对互补色搭配设计。其中，logo颜色整体以黑色为底，白、湖蓝、品红三种颜色的音符图标相互叠加，且品红和湖蓝分别在白色两侧组合成音符抖动的效果，这也符合“字节跳动”名字的由来。

从色彩搭配整体上看，互补色搭配使用使logo整体视觉效果协调而不突兀，且颜色搭配对于用户长时间观看也不会产生较大的视觉冲击。

而抖音APP内整体色彩搭配也基本与logo色彩搭配一致，这对于用户长时间使用和观看也不会导致视觉疲劳，抖音色彩搭配对用户视觉体验有较强的促进作用。

1.2 解析抖音APP内色彩搭配

抖音APP中，抖音使用的颜色搭配主要有以下几种：黑、白、品红、湖蓝、灰、黄；从色系上来看，黑、白、灰属于冷色调，品红、湖蓝、黄属于暖色调，也形成了一定的素材互补。

而这几种颜色使用范围大致整理如下：

从脑图可以看出，抖音logo所使用的颜色元素均被使用在了APP页面中，且同时也加入了灰色和黄色色彩来丰富了色彩搭配。

但明显感觉到有以下几点不和谐：

品红和湖蓝色彩使用比例差距较大，甚至湖蓝使用占比小于黄色。

登录页白色和APP黑色页面整体搭配不协调，比较突兀。

当前页面导航菜单和非当前页面导航菜单使用白色和灰色搭配使用，无法突出重点。

黄色在APP中使用不协调，没有跟logo整体色彩搭配保持一致。