UI设计师必看:详解最全面的组件化开发与设计指南

这就毫无章法可言了，像狗皮膏药一样想贴那边贴那边，还可以像下图里这样层叠着贴。总之，绝对定位的元素不会占有通例机关和浮念头关中的任何空间，而是直接盖住它背后的内容。不外既然可以层叠，就有谁在前谁在后的题目。这和计划器材里的图层是一样的，虽然有步伐可以节制。

一个页面是怎样搭建出来的？

为了让各人看得更清晰，我做了一个动画演示，各人感觉一下页面搭建的大抵道理：动画演示—在线播放—优酷网

机关道理的宏寓目法

此刻要讲的是两个更宏观的观念：流式机关与弹性机关。我们前面有提到通例机关，谁人观念与这两者不能相提并论。其拭魅这两种机关都是基于前面提到的道理实现的，只是区别在于看待自顺应题目上采纳了差异的计策。

1. 流式机关；

看上图中的App store界面，在iPhone 7和7 plus上略有差异。固然机关情势相同，但7上面只能看到一张banner，而7 plus则能看到阁下双方banner暴露来。并且App展示地区里，7上能看到3列多一点，7 plus则能看到4列多。屏幕大则视野更大，能表现更多内容，这是流式机关的头脑。

2. 弹性机关；

弹性机关则是另一种思绪。按照屏幕尺寸变革，让界面上全部元素等比例放大缩小。以是无论在什么尺寸的装备上，看到的画面都是一样的，信息容量沟通。只是到了大屏幕上，会变得像晚年手机那样硕大无比。

这两种自顺应方法都有各自的用途，不能说哪种必然更好。但我们在计划时可以思量一下这个题目，什么范例的计划得当哪种机关。

计划组件化

补完了基本常识，此刻就可以讲组件化计划的详细要领了，计划师怎样运用组件化思想？

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!