模块化设计

就界面设计来说,模块化设计是指在一个界面设计中所用到的识别和构建模式。

模块设计师将设计师的创造力合理化的过程,以创造一个可以被反复使用的素材系统。这种可利用素材的合理化,意味着程序员只需对每一种素材编一次代码即可。

模块化设计更多是一种平衡,让设计落地更加具有功能性、效率性以及审美性。

模块化设计有许多优点,不仅缩短了加载时间,而且整个过程保证了用户界面能视觉层级的连贯性。设计师和程序员之间能有一个良好的协作机制。

总结起来就是:

对设计师:

1、可以从简单到复杂地控制设计过程

2、确保视觉层级的连贯性

3、通过将可重复利用的设计素材合理化,来精炼设计细节

4、重新聚焦设计师对视觉传达的制作上

对程序员:

1、与设计师能清晰沟通

2、常见的视觉语言

3、合理化代码编写的再利用系统

对用户:

1、快速加载

2、视觉层级的连贯性

3、跨平台美感体验的连贯性

用模块化素材尺寸的进行设计,数字文件会被分层、分组贴上标签。素材的尺寸会被标准化,它们在排版中的位置会提供如列宽、素材宽和高,以及对于左侧顶部的x轴和y轴位置等精确数据。后续再将这些数据转送给程序员。

通过确保对大多数设计素材,如文本和图像框、导航组件(按钮)、圆角和线等使用了模块化尺寸比例和内在网格化的列宽时,就可以在对设计编码时对其重复使用了。例如,全局和语境导航的结构可以模块化,因为代码容易编码,所以及时模块内按钮的文字是变化的,也可以通过编码覆蓋每个模块上的不同文字。由于代码还可以依据用户的特点(来自哪里)控制需要显示的语言,所以这对于界面的本地化和国际化也提供了很大的便利。

发表回复

相关推荐

【零基础语法】九大词性-介词

Weoftendoourhomeworkafterschool. 我们经常在放学后做家庭作业。(表示时间) Iusuallygotoschoolatseveninthemorning. 我通 ...

· 37秒前

我的胸部,為何一大一小?

專註生殖科學,解析兩性秘密,歡迎關註“春路花語”微信公眾號。女性的兩邊乳房幾乎不是絕對的對稱,一般都會一側稍大,一側稍...

· 2分钟前

哈嘍!樹先生

我想可能大多數人都沒有意識到這是一部電影的名字。《哈嘍!樹先生》應該是王寶強主演過的知名度最低的電影瞭。但是從這部電...

· 3分钟前

英語詞匯:表示“致死的”、“致命的”的形容詞

英語詞匯 表示“致死的”、“致命的”的形容詞嘉中deadly 、fatal、lethal、mortal 這組形容詞都可表示“致死的”、“致命的”意思。d...

· 6分钟前

2021八省联考数学试卷及答案和分析

本次八省联考数学试卷 整体难度值与高考难度值相差不大(距离高考还有134天) 但是本次考试的题目新颖度方面有较大的提升 ...

· 7分钟前