可以实现在一个设计里放置多个页面,不同页面内的元件连接使用off-page connector实现跨页面连接。(注意只能在一个设计内)。如下图:
可以在一个设计内,将一个模块封装,只保留对外的端口。如下图:
可以将一个文件封装,只保留对外的端口。(优势在于可以跨文件)
以上所有设置均可以在这里找到:
模块化设计是一种通过使用与结构编码实践重叠的基于组件的设计和布局模式来改进web设计和电子邮件制作工作流的方法。这种模块化设计方法将内容和设计元素分开,并按照以下准则将它们重新组合在一起:
内容-文本片段和图像
组件-可重用的独立元素,如按钮和标题,是内容的构建块
区域-以非常特定的方式排列的内容片段和组件组
部分-页眉和页脚之间区域的可堆叠容器,用于创建整体布局
就是把所有元素都整合在规整的网格中。每一块设计元素都要在网格中设计的恰到好处。
非常便于内容的组织和管理;
适用于响应式框架;
融合卡片和极简风格;
基于网格,能在任何项目平台上使用;
从建筑设计,室内设计到电脑甚至是汽车的设计,本质上都是可以模块化的。
模块化设计的元素可以互换,如可以在不同电脑中使用的小零件,或一个特定类型的汽车电池,也可以用在多款汽车上。在实践中,模块化设计常常使人们想到一种乐高积木式的设计,其中的组件可以拼在一起或彼此分开。
平面设计中的模块通常以网格的方式体现。网格以及封闭性模块可能会影响到你设计时的方方面面。网格可以让你更加方便地排列各个元素的位置及间距,确定文本的对齐方式。
设计师重新拾起了扁平化设计和运用大面积色块设计的模式,windows在metro设计中就使用了模块化的交互界面。
不同的是网页需要考虑屏幕滚动和不同屏幕分辨率的断点。(你可以利用CSS实现,但我们只专注于视觉方面。)
所见即所得。预制板块已经结合在一起,就像制造汽车和电脑的想法一样,使得每一块适用于一个整体框架,你甚至不需要考虑设计的模块化。
模块化网站的网格要比印刷版本的网格更大,可以把屏幕拆解成小块。最简单的方法就是用两栏的格式将屏幕分成一半(中间有间距)。横向分区通常就是屏幕的高度,浏览器滚动条下拉,查看不同板块,这种方式在视差滚动动画中的应用也很流行。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)