020-29815005
预约专线时间:09:00-23:59

原子设计原理

新闻来源:本站 日期:2021-07-26
设计原则:即整个设计说明书应遵循的总体原则,为设计提供指导。下面是一些例子:
    设计语言:包括颜色,文字,图标等。

    组件库:分为底层组件(按钮、下拉列表等)和商业组件(商品模块)。

    研究设计语言和组件库的一个基本原则是:少即是多(lessismore),以尽可能少的样式达到设计目的,如按钮提供三种尺寸,以保证体验的一致性,同时又能适应不同场景的需要;另一方面,保持克制的设计规范能进一步减少设计师的决策时间,提高设计效率。


原子设计


    原理-原子设计。

    1什么是原子设计。

    原位设计是规范设计的核心指导思想。在2013年,Brad受到化学的启发,创立了原子设计理论。在化学中,一切物体都是由原子组成,原子构成分子,进而构成宇宙万物。与界面对应,界面也是如此,所有元素都是由文字、颜色等最基本的元素组成。这两个基本元素组成组件,组成页面。

    “原子设计”概念的提出,使设计规范发展成为一种更加高效和科学的设计规范,极大地提高了设计者和前端工程师的工作经验。

    2原子设计体系的五层结构。

    原子性设计包括五个同时工作的阶段,以一种更加谨慎和层次的方式来创建界面设计规范。

    原子性:原子是组成界面的最小元素,如颜色、文字、图标、线条。他们不能在界面这一维度上再细分。比如图标,可以继续进行细分,但是对于界面来说,图标细分所获得的元素没有任何意义。

    分子:原子按一定规则组合而成分子,它们具有独特的功能,如下拉链表、步进器等。

    组织:在界面中将体现为由原子分子组成的模块,如数据概览卡片。

    外部模板:在界面上,模板的表征就是原型图,是页面的基本形态,可以让我们快速尝试,构建一个功能完善的整体。

    外部页面:根据模板将占位符替换为真正的内容,并进行视觉优化即成为页面。