原子设计是一种分层思考的思维模式,它作为设计实践的理论基础,熟练运用原子设计思维模式,可以提高设计师们对界面设计的整体的把控能力。

原子设计

原子设计不是特指某一种设计框架类型,它是一种思维模式的存在。构成原子设计有五个要素,分别是原子、分子、组织、模板、页面。一个完整的界面就是主要由这五个元素组合而成,原子设计的思维模式就是使这些小元素发挥最大的作用,将产品和页面有效地联系结合起来成为一个有机的整体。

通过原子设计,我们可以将单个界面看做为一个连贯的整体,五个元素(原子、分子、组织、模板、页面)互相结合而产生多变的层次和结构,设计师们可以有效依照原子设计的思维模式创作出整体性较高且富有层次的设计系统。

1. AntDesign的原子设计系统

原子设计系统主要是由设计原则、设计语言和组件库构成。2016年由蚂蚁金服团队所发布的AntDesign就是一个非常经典的设计系统。AntDesign提供了开箱即用的完整组件框架,并且覆盖了绝大部分的应用场景。在Pixso资源社区中提供了该设计系统的设计规范,包括了全局样式、组件分类、Asset-Components等全面的组件设计UI,感兴趣的设计师们可以点击下方链接了解,Pixso资源社区的模板都是可以免费使用的哦。

AntDesign设计规范

AntDesign设计规范

2. 原子设计的优势

在界面设计中,采用原子设计的思维模式主要具有两个优势亮点,Pixso将带大家依次详细分析研究

亮点一:一致性

设计师在设计产品界面的时候,往往需要适配多端系统,这就要求在开发的时候保持多端的体验一致性,原子设计系统就可以很好的辅助设计师来实现它。原子设计在设计过程中构建事物是不限制对环境变化响应的自由,通过原子设计系统可以为各种类型的产品创建合理的组件和模式组,通过这种方式可以使每个新界面都保持一定的连贯性和同步性。

绿色通用类型组件集设计

绿色通用类型组件集设计

亮点二:效率性

原子设计系统的效率性主要体现在系统中的样式及组件可以复用,由于建立了组件库,一旦要更改某一个元素,可以马上施行、应用。对于设计师和开发人员来说,这是一个很实用的设计系统。当后期产品优化迭代时,我们仅需要在系统中改动原子、分子或者有机体的属性即可实现全局同步更新,非常易于扩展维护。

Accordion UI设计指南

Accordion UI设计指南

原子设计原则鼓励设计师们投入时间和精力来创建整个系统,需要设计师们精心挑选每个小的单独组件和组装每个原子的样式,想要利用原子设计系统来设计一个完整的界面,组件列表和完整的模式模板均不可或缺,如果你是一名UI设计师,或者即将开始学习UI设计,那这款设计软件是你不能缺少的工具,Pixso——新一代产品设计协作工具,为数字化时代创意需求提供先进生产力。集原型+设计+交付+管理于一体的企业级协同设计解决方案,更专业、更高效、更安全。

Pixso的界面走的是简洁风,精简的工具栏,专注于UI矢量设计,不会提供过多的功能,图标与文字双注释,让功能一目了然,第一次用的新手小白能很轻松的了解每个功能的用途,轻松上手。对于时常出现电脑死机/程序卡住的设计师来说,Pixso的云端保存太救星了!做设计时难免出现时隔很久找不到曾经的设计稿的情况,但如果是将源文件储存到云端就不啦!Pixso可以永久保存你在编辑器里的设计稿,而且遇到外地出差时,临时需要某个设计源文件也不用害怕,打开Pixso就能获取到所有的内容!

Pixso

Pixso创始团队根据在协同办公领域多年的行业经验以及在众多客户中的落地实践,Pixso这款软件拥有强大的绘图创意相关的图形设计算法,对于设计师们在进行界面设计创作的时候可以提供良好的便捷性和效率性,感兴趣的你可以点开官网去试试吧。