编辑导读:一些设计师在设计产物时会用警惕此外大厂的设计系统,对本身的产物举办拆解,这样的做法只是知其然不知其所以然。原子设计理论的呈现就是为了辅佐设计师去搭建属于本身的设计系统,在海内大厂中应用较量遍及。本文从七个方面临原子设计理念展开深入阐明,但愿对你有辅佐。
“我们不设计页面,我们设计组成元素的系统。”——Stephen Hay
一、媒介先容原子设计理论并不是什么高峻上的法则。
跟着网页设计的一连成长,我们认识到开拓设计系统(design system)的重要性,它最早就是为了让网页设计师更容易领略网页的组成,厥后才延伸到UI设计傍边。
简朴来说,当公司的业务产物逐渐扩大时,我们需要拟定一套完整的设计系统,晋升设计和开拓的协作效率,统一所有设计师的输出物。
开始设计系统的制按时,大部门设计师大概城市先去网上找到大厂现成的设计系统,当拿到他们的制品的时候,会把本身的产物举办拆解和警惕。这简直能快速办理问题,可是假如不领略个中的组织法则和逻辑,只是警惕他们现成的设计系统,只能相识个或许,知其然而不知其所以然。
因此,原子设计理论的呈现就是为了辅佐我们去搭建树计系统,这套理论已经逐渐被海外一些大厂应用于建设统一和富有条理的设计系统。
原子是所有事物的根基组成物质,每一个化学元素都具有差异的性质,而且它们一旦被解析就会失去其意义。
分子是由两个或两个以上的原子通过化学键团结在一起的,这些原子的组合具有本身奇特的性质,而且相较于原子来说,更具实际意义和可操纵性。
有机体是由分子有机地组合在一起的,这些相对巨大的布局可以从单细胞生物一直到像人类这样难以置信的巨大生物体。
宇宙中的物质都可以被解析成为原子元素。
可巧的是,我们的界面就是由一些根基的元素构成的。Josh Duck的“HTML元素周期表”完美叙述了我们所有的网站、APP、企业内部网、hoobadyboops等等是如何由沟通的HTML元素构成的。
△Josh Duck的“HTML元素周期表”
接下来和各人细聊一下什么是原子设计;原子设计到底亏得那边;为什么要有设计系统;以及该如何操作原子理论建设本身的项目组件库。
二、什么是原子设计原子设计(Atomic Design)理念最早是由海外网页设计师Brad Frost提出的,他从化学元素周期表中获得开导,发明原子团结在一起,可以形身分子,进一步形成组织,从科学的角度来讲,在宇宙中的所有事物都是由一组有序的原子构成。
Brad将这个观念应用到界面设计中,仔细调查后我们不难发明,界面其实就是由一些根基的元素构成,文字,颜色和图标等都是一个个原子。
通过原子设计,我们可以把界面看作是一个连贯的整体,同时也是一些元素的荟萃,每个元素都不尽沟通,相互团结发生更多条理和布局,模块之间彼此统一。说到底,原子设计其实是一种设计要领论,它由原子、分子、组织、模块和页面配合协作,由此创作出统一和富有条理的设计系统。
简朴来说:原子团结在一起,形身分子,进一步团结形成的生物体。原子理论意味着在已知宇宙中的所有事物都可以解析为一组有限的原子元素。
原子设计是一种要领,由五个差异的阶段一起事情,以更慎重和更具条理的 *** 建设界面设计系统。从而缔造出更有效的用户界面系统的一种设计要领。
它的五个差异阶段是:
原子(Atoms):为页面组成的根基元素,譬喻标签、输入框、文字、颜色等;
分子(Molecules):由原子组成的简朴UI元素,譬喻按钮;
组织(Organi *** s):相对分子而言,较为巨大的组成物,由原子及分子所构成;
模板(Templates):以页面为基本的架构,将以上元素举办排版;
页面(Pages):将实际内容(图片、文章等)安排在特定模板内;
每一次历经蛋糕房都是会感觉吐司面包好香,但是针对一个提前准备自主创业的人而言,历经蛋糕房考虑到的确是制作蛋糕赚钱吗?制作蛋糕运用有多少这个问题?一起来看一下最终的答案! 一、销售市场广泛情况...
男人和女人在一起是为了传宗接代,男人和男人在一起才是真爱! 搞基是什么意思?网络用词,基用“基”代表gay(同性恋)了,搞gay就叫做“搅基”。 “搅基”又被称为“搞基”。关于“搅基”的东西深受妇女...
第一志願和平行志願的區別 怎麼錄取的讀書啊,我信赖但有朗朗書聲出破廬,遲早有一日有萬鯉躍龍門之奇象。 志願有兩種,順序和平行。現在大多省份都是平行。第一志願和平行志願的區別?不要把這兩種志願混在一...
本文目录一览: 1、西北工业大学遭美国黑客攻击的原因是什么? 2、西工大回应“遭网络攻击”:坚决反对,此事带来了哪些连锁反应? 3、警方通报:西工大遭境外黑客攻击,黑客为什么攻击西工大?...
国庆节作文600字作文(精美的国庆节作文范文十篇) 明天就是一年一度的国庆节了,这是祖国的第69个生日,在这普天同庆的日子里,我们整理了有关国庆节的作文十篇(100-1000字),国庆需要写作文的同...
尤其是去网页搜索,哪一个网上接单更强?靠谱。 手机游戏训练和网上接单强烈推荐:演出训练、演出训练猫、91演出训练狗手机客户端、演出训练武器、演出训练...