新闻中心

这些原子设计概念 设计师应该懂!

作者:IM体育官网 发布日期:2020-10-03

Airbnb设计规范

Airbnb设计规范

碰巧我们的界面是由一些基本元素组成的。乔希达克的《HTML元素周期表》完美地论述了我们所有的网站、应用、内部网、hoobadyboops等等是如何由相同的HTML元素组成的。

2.设计原则

因此,原子设计理论的出现是为了帮助我们构建一个设计体系。这一理论已被国外一些大公司逐步应用于建立统一的、组织良好的设计体系。

网站:https://design.alipay.com/

模板的意义在于,它们可以专注于页面的内容结构,而不是页面的最终内容。此时可以随时调整模板内容,在多个模板之间比较实验差分方案。在这个阶段,变化和相同保证了最低的成本。因此,模板在设计系统中的作用是保证原型阶段设计方案的多样性。

可想而知,如果没有设计体系,每个模块的设计者可以自由发挥各自不同的效果。在设计系统的支持下,你会感受到界面的气势,风格非常统一。感觉来自同一个设计师,说明其设计体系取得了很大成就。

页面是一个模板的详细例子,里面充满了真实的内容(图片、文字等)。)来形成一个页面,这通常被称为“视觉草稿”。用有代表性的真实内容替换占位符,让设计系统活起来。在模板的基础上,优化和完善将形成页面最终的视觉方案。

编辑指南:有些设计师在设计产品的时候,会用被评判的大厂的设计体系来拆解自己的产品。这种做法只知道为什么。原子设计理论的出现是为了帮助设计师建立自己的设计体系,在国内大型工厂中被广泛应用。本文从七个方面对原子设计的概念进行了深入的分析,希望能为你提供资金支持。

网页端最典型的例子就是网站导航搜索表单,我们几乎遇到的每个网站都看到了这类组件。

在开发之前,我们对好的系统模块化没有把握,没有逻辑的去开发和开发,发现效率和需求不足等问题逐渐发生,会导致产品延迟,人员成本浪费,资金成本增加,产品迭代率下降,从而影响市场机会和市场份额。

设计原则是产品的重点。设计的本质是解决问题。在制定设计原则时,应该建立在这个中心思想的基础上。

七、原子理论概述

然后,利用草图库的功能建立构件库。

《原子设计》官网

这就是原子设计!这五个不同的阶段同时工作,产生一个有效的用户界面设计系统。

官网:https://developer.apple.com/design/

苹果设计规范

布拉德将这一观点应用于界面设计。仔细查看,不难发现界面其实是由一些基本元素组成的。文字、颜色、图标都是原子。

模板是一种页面级工具,用于在结构中放置组件,并显示设计的基础内容结构。在设计一个有效的设计体系时,需要在结构的情况下展现出构件的外观和功效,以证明这些构件构成一个整体,具有良好的功效。

在多屏时代,我们总是在设计产品界面,需要适应多个系统。其中最重要的一点就是如何保持多个系统之间的体验一致性。很多人想到规范。如果要制定一套严谨、逻辑、灵活的设计规范,原子设计可以帮助我们很好的实现。它是建筑设计系统中比较科学的一种方法。国外很多设计团队都采用这种设计方法。如以下团队:

通常设计系统包括设计原理、设计语言和构件库,是一个整体的观点。

原子:页面的基本元素,如标签、输入框、文字、颜色等。分子:原子组成的按钮等简单UI元素;组织:相对较大的成分由原子和分子组成;模板:以上元素在基于页面的架构中排版;页面:放置实际内容(图片、文章等)。)在特定的模板中;

优步作为全球首个出租车应用,其先进的设计理念和卓越的用户体验成为同类产品争夺仿真的工具。

官网:http://framesforsketch.com

原子设计的概念最早是由外国网页设计师布拉德弗罗斯特(Brad Frost)提出的。他受到化学元素周期表的启发,发现从科学的角度来看,原子可以结合在一起进一步形成组织