响应式网页设计的好处-南宁建站公司。
响应式网页设计的好处
甚麽是响应式网页设计? 响应式网页设计有甚麽好处?
本文参考来自专业UI/UX设计平台 InVision旗下网站 Inside Design的博客文章 (Fanguy 2018)，介绍甚麽是响应式网页设计及其好处，并解释为何RWD是必要的。
好耐好耐以前，大家仍只是用桌面电脑或者手提电脑睇网页，做网页设计系好容易既，因为显示器 (Mon)大约都系16:9或者4:3既比例，但今日已经系Smartphone既年代，人人一部智能手机在手，网页就要进化，令手机都可以正常睇到网页。曾几何时，网页设计专家有个一次大辩论：应该是分桌面版和手机版网页(两个独立网站，例如www.rthk.hk和m.rthk.hk)，还是能适应不同装置的网页。由於独立手机版网页常有内容不足的问题，最终胜出既系响应性网站。
目录
甚麽是适应式网页设计AWD?甚麽是响应式网页设计RWD?RWD是大势所趋总结
响应式网页设计 vs 适应式网页设计
早於大约十年前，网页专家就有讨论过，究竟网页设计应该是固定长阔(Fixed layout)，还是按比例缩放(Fluid design)。举个很简单的例子，在Fixed layout中，图片大细有固定象素(Pixel)，如果将浏览器放大缩细，图片大细不变，若在较细既Mon上，就不能完全显示。Fluid design的好处是可以自动调整大细，无论边种装置睇到一定可以全部显示。两种方法都有其好坏处，例如Fluid design在特别大既Mon上就会变得走样，Fixed layout就只能在设计时预设的Mon上正常显示，其他装置上就会令用家非常不便。不得不提，时至今日仍然有好多人以为网页设计等同平面设计，这只适合固定网页设计，下文亦会解释到为何平面设计技术并不能应用到网页设计之上。
多谢Steve Jobs，因应智能手机的冒起，固定的桌面电脑版网站不能应付手机的需求，故此网页设计师要寻找新方法处理。当中有两家学派走出来，一是响应式网页设计 (Responsive Web Design, RWD)，另一种是适应式网页设计(Adaptive Web Design, AWD)。AWD针对不同的装置(如桌面、平板和手机)作不同的设计，当用户使用相关装置睇网页时，会侦测到显示器的尺寸，继而回应相应的网页版面。由於尺寸是预设的，所以每个版面都要作独立设计，好处是所有尺寸经已预设，不用再任何响应式设计，但长远来说就好似要管理几个Website一样，导致各版本的网站随着时间而难以一致。
响应式网页设计
另一方面，响应式网页设计 (RWD)不会像AWD般完全控制版面设计，RWD是应用了Fluid Layout的原理，无论在甚麽装置上都会根据一定的比例去显示网页元素。这种方法的好处是能够大幅减低网页开发的时间和成本，日後亦只需管理一个版本的网站，令网站维护成本较AWD平好多。网页程式员在编写Responsive网站时使用了CSS Media queries技术，响应各种尺码的装置，令到网页在不同的手机、平板以至桌面电脑上显示时都能正确无误
RWD会自动将内容恰当地放在浏览器上，背後要讲究一定的视觉框架。航家建站有时都会遇到很多客人，查询可否由客人设计网页，再由航家建站开发，可是一打开设计图，其实就是一些好似PowerPoint的海报设计，完全漠视RWD的视觉架构 (Visual hierarchy)要求，一个很简单的比喻，建筑图则是需要考虑物理力学及建筑架构的，如果只有一张建筑物平面视觉图，建筑公司是不能起楼的呀。完成RWD後，还得进行多番的测试，在不同的手机、平板和桌面电脑上睇睇网页。RWD对所有网页设计师来讲都充满挑战性，往往要考虑N个情况，但最终仍是值得的。
RWD是大势所趋
为甚麽选择响应式网页设计? 首先系令到读者更方便，无论使用任何装置都能正确阅读，AWD网站可能令部份读者看少一些资讯内容，而且亦不保证所有阅读工具都能正常显示。另外，RWD网页的下载速度比较快，响应式网页的程式有对应的结构，例如手机版就只会下载相应的JavaScript和CSS，图片都会是File size较细的手机版本。最重要的是RWD支援未来的装置，由於RWD原理系响应不同的Device size，所以即使有新款的三星或苹果iPhone，RWD都可正确无误地显示网页，不会受尺寸影响。
(顺带一提，本文的参考来源InVision正是一个支援RWD的UI/UX平台，香港网页设计公司航家建站 Technology亦使用InVision为客户设计响应式网站).
总结
讲左这麽多，应该都明白甚麽是响应式网页设计，为甚麽响应式网页设计是最好的选择。原因就是用户体验 (User experience, UX)、开发及维护成本，以及支援未来的装置。就连Google也说：为什麽要使用回应式设计
如欲了解更多网页设计收费及详情，欢迎联络公司：航家建站。
