我们在Designmodo上已经聊了很多有关扁平化设计趋势的内容。
之前瞎说了很多,也给大家展示了大量不错的示例,还开发了一套免费的用户界面以供大家下载并运用于自己的项目。
但是如果你想自己动手,则要注意这一趋势中最为重要的一个部分就是色彩。
扁平化设计温故知新
扁平化设计技巧,是指使用简单的效果(或省去某些效果)来打造不包含三维属性的设计方案。在扁平化设计项目中,不采用阴影、斜面、浮雕和渐变等效果。
有的人觉得扁平化设计外观很简单,但其实做起来很复杂。扁平化设计外观简单、直接,让用户一目了然,因此正日渐成为移动端用户界面以及web设计的流行趋势之一。
有关扁平化设计趋势的更多内容请见Designmodo早先的文章。
制定调色板
在颜色方面,扁平化设计可以采用各种各样的颜色,但一般来说设计师倾向于大胆的亮色。
扁平化设计在颜色方面的另一出众之处,在于设计师能够将调色板从简单的一种两种颜色扩展到三种、四种乃至更多种颜色。其大多数选择都采用了明亮饱满的色调,并有时使用这种色调对称灰色或黑色。
就颜色和扁平化设计而论,很多有关色彩搭配的传统规则都被设计师抛出了脑外以求让调色板能够拥有更多色彩。
但是,我们在扁平化设计和颜色选择方面越来越多的看到了色调和饱和度的搭配。虽然设计师可能会选择使用不少的阴影,但同时也会将不同的阴影对比审查看颜色是否够深、颜色组合属于主要组合还是次要组合、是否来自不同的色调或者颜色中包含的黑白组合是否较多。
在颜色方面,扁平化设计方案的趋势通常是超高的饱和度、明亮、比较复古或单调。倒并不是说这些是唯一的办法,但随着趋势的演化,这些风格已成为最为流行的风格。
亮色
亮色通常是扁平化设计的标志性特征,因为其能够带来一种很独到的感觉。明亮的色彩在亮色和暗色背景上一般都能够适用,并能够形成对比感同时吸引用户。对于扁平化设计来说,其可谓是最为流行的颜色趋势。
如何着手?
设计语言系统的应用实践要点
本文为我们盘点了设计语言系统的价值与意义,并进一步梳理了初次构建设计语言系统的注意事项。从工业设计到平面设计,再到近些年的数字产品设计,设计语言一直是一个热点话题,已经有很多资料对设计语言做过介绍说明,
0评论2026-11-100
aPaaS层系统自动化执行——触发器设计
本篇文章主要讲解系统自动化执行中一个很小的模块——触发器的系统化拆解和产品设计过程,希望对你有所启发。一、什么是系统自动化执行本文所讲的系统自动化执行,指的通过后台aPaaS产品配置,以实现当数据满足某种条件时,
0评论2026-11-100
UI设计,让我们和细节较劲
在UI设计师的开发流程中,UI设计就是在和细节计较,不断重复从讨论初稿到最终上线的过程,给用户带来更好的体验。如图所示,UI设计师在APP开发过程中最常见的一个问题:“你只设计了一套基于iOS的设计稿(375X667px
0评论2026-11-100
生鲜电商平台的产品定价机制(1)
本文分析了生鲜电商中不同的产品类型——毛菜、精装菜、净菜的定价机制,以及毛利率。一、蔬菜的分类及定价关键因素先说一下关于蔬菜的分类:毛菜、精装菜和净菜。B2B生鲜电商平台的客户和B2C生鲜电商平的客户,
0评论2026-11-100
一镜到底——手游交互中的情景化设计
近些年,越来越多爆款手游摒弃了纯界面的设计而选择用情景为载体,将世界观元素和故事性融入到了整个的游戏体验当中,将玩家引入游戏世界,塑造了一种全新的深度体验。世界观、代入感、场景化设计、3DUI成为了行业内的高频词汇。
0评论2026-11-102
订单信息与状态流转,看这一篇就够了
前言订单产生后,接下来会继续进行一系列流转,最后送到用户手里。在每个环节都有对应的操作,数据信息也要求其完成性,可以根据订单的每个状态变化,来计算分析,进而进行优化供应链路径,以提升订单处理效率,提高用户体验。
0评论2026-11-100
服务蓝图:你需要了解的B端产品业务分析方法论
与C端产品面向普通用户(Customer)不同,B端产品主要面向业务(Business)。本文基于B端产品的使用场景,以在线教育产品教学服务场景中的“学员服务”业务为例,介绍了B端业务需求调研中的“服务蓝图”方法论。
0评论2026-11-100
新技术必然面临的5个阶段:如何跨越“死亡之井”?
往往有时春天的播种,夏天的耕耘,没能迎来秋天的收获,而是直接进入了严酷的寒冬。因为他们可能掉入“技术采用生命周期”的死亡之井,摔落“技术成熟度曲线”的深深谷底。错把泡沫当成红利却毫不自知。
0评论2026-11-100
销售明细导入开票模块的产品思考
好的销售明细导入开票模块可以为财务节省大量的统计整理数据和开票的时间。对于产品经理来说此处需要根据具体业务,与业务部门和财务部门充分沟通梳理流程和实际业务需求再进行设计。
0评论2026-11-100
以模拟C端项目“医疗魔方”为例,剖析产品设计流程
本文以一个模拟的C端项目——医疗魔方为例,分析了其中的设计流程与思路。一、前言及说明1.团队现状由于所在的事业群性质,设计团队对接了集团大部分的界面设计需求,有B端也有C端。通常一位设计师要对接好几个项目,
0评论2026-11-100