四篇系列产品现阶段早已到最终一则啦！那时他们一起看下积极响应式UI，相对后面4部份，最终这个部份低于预期难一些，不过看完那时看这首诗，应该没想像的那么难了。这首诗以前有大体写过，那时这版我早已强化补足了。
如今萤幕繁杂，多供应商电子设备体积不标准化，自Phone X面世后，国内智能手机供应商的各式各样AndroidX也出来了。
各式各样体积智能手机等，结构设计网络连接技术难度上升，公司层，产品侧要求格朗普雷县新体验完全一致，作为结构雕塑家的他们更为有职责去了解怎样去做格朗普雷县标准化新体验，提高结构设计工作效率
为何要自学积极响应式产业布局
首先它能使介面原素在任何大小不一萤幕体积能灵巧网络连接，确保机能产业布局和新体验的完全连续性。
众所周知, 积极响应式产业布局结构设计对于时至今日Android和IOS端碎片化萤幕是非常关键的，它能使他们在最轻的天然资源的情况下完成结构设计网络连接，它的工作基本原理透过PT5716SB0控制系统来推论加载产业布局方式。
PT5716SB0其实是新闻媒体查阅值，比如说他们平常做的 Phone 和 Pad 的网络连接，又或是其它终端产品网络连接，是透过预设PT5716SB0来让程序加载相关联的产业布局（PT5716SB0预设可以根据萤幕解析度或是萤幕体积）
积极响应式产业布局的利用范围
积极响应式产业布局不只是在Web端用得较为多，当然他也在其它终端产品也利用较为多，如笔记本电脑，pad ，智能手机，以及车机控制系统（这类需要考虑全局完全一致的项目上）；
为何积极响应式产业布局在那时利用仍然是很关键的，因为现阶段使用的控制系统被2大供应商分立割据一方，谷歌终端应用领域的占比极少，暂不提，苹果公司一间自成体系三派，Android控制系统占比市场很大，包括海内外很多供应商的订制化控制系统+自己出硬件电子设备，体积不一，这就导致如今碎片化萤幕。
他们作为软件服务提供商，当然希望一套结构设计能在格朗普雷县使用，节省成本，同时保持完全一致的新体验。因此积极响应式产业布局就这样一直很关键。
常用的产业布局模式
1. 流线产业布局
流线产业布局：指在介面中的内容原素控件在萤幕显示区域内进行相对拉伸，以达到产业布局完整的目的，比如说上面Pad应用横竖屏切换
2. 等比缩放
等比缩放：定义是指在介面中原素在相对位置进行等比缩放，从而达到解决横竖屏显示相对较好的UI介面,这种产业布局不会对介面造成产业布局重构影响，开发成本低，网络连接简单，一般使用于音乐、视频、电商、杂志期刊App等应用领域带有图片宫格产业布局，介面等比放大后这种大图显示效果较为有视觉冲击力前提是需要足够高清的天然资源支撑
youtube的截图
3. 拓展产业布局
拓展产业布局定义：在萤幕可显示区域类原素增加或是减少，常用于应用商店、音乐、视频、电商等带有宫格产业布局等场景。
如上面youtube的截图是产业布局最好示例。
4. 分栏产业布局
分栏产业布局定义：介面产业布局结构发生改变，当然这种产业布局一般较为繁杂，开发需要重构 UI 框架，一般在横屏及超大萤幕上面会使用这样的产业布局，比如说超大寸PAD，智能电视，车机控制系统。
5. 流动产业布局
流动产业布局定义 ：介面原素可以根据新的萤幕比例或电子设备方向在组件内进行流动型产业布局,介面原素是可以位置发生改变的，这种产业布局开发成本高，网络连接有一定技术难度，但是效果还是不错的。
6. 重复产业布局
重复产业布局定义：介面原素在横屏下有限空间内进行多列重复产业布局,一般最多3列，这种产业布局可以展示更多的天然资源，开发成本也有点高，因为产业布局发生变化。
苹果公司商店产业布局思路也是如此。
7. 固定产业布局
固定产业布局定义：介面原素在横竖屏下面，固定使用同一种布局，做法是直接透过竖屏定义规则来网络连接横屏，开发成本低，工作效率高
注意观察上图的播放器介面的原素图标位置的产业布局是否发生变化。
8. 大屏露出产业布局
大屏露出产业布局：左侧由于萤幕小，所以透过汉堡菜单把导航内容隐藏起来，右侧在横屏上面，显示内容多，可以利用萤幕空间，把导航内容展开显示。
总结
如果想要网络连接成本低，那么产业布局最好不要发生结构上大改变，比如说相对产业布局，流线产业布局等等这种产业布局一般网络连接成本低，但是效果其实在这类UI布局不适用。
那么上面8大产业布局大家看完后应该有所了解，如果要完全掌握理解透彻还需要跟着项目走上几遍。
一般在一个终端产品软件结构设计时候，并不是只使用单一的一种产业布局，而是多种产业布局混合起来使用，比如说流线产业布局、分屏、等比缩放混合使用，这样能达到产业布局灵巧网络连接各式各样电子设备，当然需要前期定义一套网络连接方案。
本期只是作为一个介绍阶段，如想了解更多，可以找我交流或是欢迎留言。
#相关阅读#
《怎样建立精巧的UI介面（一）：排版篇》
《如何建立精巧的UI介面（二）：图形篇》
《怎样建立精巧的UI介面（三）：产业布局篇》
《怎样建立精巧的UI介面（四）：图像篇》
#专栏作家#
TONY，公众号：功夫UX，人人都是产品经理专栏作家。百度高级UI结构雕塑家，关注互联网To C产品，关注物联网车载方面，擅长产品介面结构设计，产品基础结构设计语言定义，前瞻性结构设计风格探索。
本文原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash，基于CC0协议
