原子设计是一种分层思维的思维模式。作为设计实践的理论基础，熟练运用原子设计思维模式可以提高设计师对界面设计的整体控制能力。原子设计并不是指某种设计框架类型，而是一种思维模式的存在。原子设计有五个元素，即原子、分子、组织、模板和页面。一个完整的界面主要由这五个元素组成。原子设计的思维模式是最大限度地发挥这些小元素，将产品与页面有效地联系起来，成为一个有机的整体。
通过原子设计，我们可以将单个界面视为一个连贯的整体，五个元素（原子、分子、组织、模板、页面）相互结合，产生多变的层次和结构。设计师可以根据原子设计的思维模式，有效地创建一个高度完整和层次的设计系统。
即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。
https://js.design/community?category=explore&source=csdn&plan=yb5171
一、Antdesign原子设计系统
原子设计系统主要由设计原则、设计语言和组件库组成。蚂蚁金融团队于2016年发布的Antdesign是一个非常经典的设计系统。Antdesign提供了一个完整的组件框架，可以在开箱时使用，并涵盖了大多数应用程序场景。设计系统的设计规范提供给即时设计资源社区，包括整体风格、组件分类、Asset-Components等综合组件设计UI。
二、原子设计的优点
在界面设计中，原子设计的思维模式主要有两个优点和亮点，即时设计将带您依次进行详细的分析和研究。
亮点一：一致性
设计师在设计产品界面时，往往需要适应多端系统，这就要求在开发过程中保持多端体验的一致性，原子设计系统可以很好地帮助设计师实现。原子设计在设计过程中不限制对环境变化的响应自由。通过原子设计系统，可以为各类产品创建合理的组件和模式组。这样，每个新界面都可以保持一定的连续性和同步性。
亮点二：效率
原子设计系统的效率主要体现在系统中的样式和组件可以重用上。由于组件库的建立，一旦需要更改某个元素，就可以立即实施和应用。对于设计师和开发人员来说，这是一个非常实用的设计系统。在后期的产品优化迭代中，我们只需要改变系统中原子、分子或有机体的属性，就可以实现全球同步更新，非常容易扩展和维护。
三、Accordion UI设计指南
原子设计原则鼓励设计师投入时间和精力创建整个系统。设计师需要仔细选择每个小的单独组件和组装每个原子的风格。如果他们想使用原子设计系统来设计一个完整的界面，组件列表和完整的模型模板是必不可少的。
如果你是UI设计师，或者即将开始学习UI设计，那么这个设计软件就是你不能缺少的工具，即时设计——新一代产品设计合作工具，为数字时代的创意需求提供先进的生产力。集原型+设计+交付+管理于一体的企业级协作设计解决方案，更专业、更高效、更安全。即时设计界面采用简单的风，简洁的工具栏，专注于UI矢量设计，不会提供太多的功能，图标和文字双注释，让功能一目了然，第一次使用的新手小白可以轻松了解每个功能的用途，轻松上手。对于经常出现电脑死机/程序卡住的设计师来说，即时设计的云保存太救星了！在设计过程中，很难避免很长一段时间后找不到以前的设计草案，但如果源文件存储在云中就不行了！即时设计可以永久保存你在编辑器中的设计草案，当你在其他地方出差时，你需要一个设计源文件。当你打开即时，你可以得到所有的内容！
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
