RWD比较好还是AWD?

Author: 路卡斯特
RWD or AWD


RWD (响应式网页设计)是什么?

RWD(响应式网页设计)可以自动适当显示于各种不同装置,包含桌机、手机、平板...根据不一样的银幕大小设计友善的阅读介面,网站可以被各种族群阅读。常用阅读解析度: 电脑版宽度:1024px以上,平板装置宽度720px ~ 1024px之间,手机装置宽度:320px ~ 720px之间,当不同宽度时,RWD就会显示不一样的排列方式,请看影片您就了解RWD的变化方式,如果是AWD是不会这样变化的,所以移动视窗是没办法检测AWD的。
〈延伸阅读:为什么需要RWD网页设计?


            看完影片你就知道什么是「RWD」


AWD (自适应式网页设计)是什么?

AWD跟RWD存在目的一致,希望在桌机、平板、手机都能显示友善画面,RWD是随着视窗大小缩小、放大,可以看上面的影片,如果是AWD则不会随着视窗「即时」放大放小,AWD会有属于自己的判断装置大小的程式,然后会以不同的CSS达成一样的效果,至于RWD比较好还是AWD比较好,继续看下去。


RWD与AWD的比较

桌机、手机内容元素不完全一致 RWD在桌机、手机内容是完全一样,AWD会针手机内容做优化,减少不必要的大图,提高手机版的速度,RWD如果内容很多,手机跑起来会慢一点,因为都是同一套CSS ,桌机用的图、文、效果会完整呈现在手机上,手机效能、频宽没有桌机好的时候,当然会比较吃力。 AWD的桌机、手机画面是不同套CSS是分开维护,后端也有部分是分开维护。


两种都会判断装置

RWD会根据装置的画面宽度去判断要跑多宽的网站。 AWD是判断装置是哪一种,是桌机就跑桌机的CSS,是手机就跑手机的CSS,档案结构相同下,从网址来看两者都是一样的网址,RWD跟AWD都没有像以前分成不同网址,不同网址流量会分散难免会影响SEO,AWD跟RWD都是一样的网址,不影响SEO。


RWD之间还是有优劣

每家网页设计公司都声称自己有RWD设计的能力,实际上RWD有分成自己切RWD(前端工程)跟套用RWD(Bootstrap),自己切版就是先做设计再把画面手切图变成HTML,套用就是先依照Bootstrap的版套上设计给您,手工切版耗时、麻烦,但是网页设计公司拥有技术可以随意修改版面,Bootstrap方便省事难修改,大部分网页设计公司都是用Bootstrap,Bootstrap的缺点是「架构不会调整就无法提升速度」,虽然手工切版成本高、制作时间长,如果有SEO需求当然是以手工切版为优先,可以顺利将网站架构最佳化。
<延伸阅读:RWD网页设计并没有都一样! >
 

该怎么选择?

网站内容是多还是少?

像MOMO、PCHOME、博客来就是内容多,你可以拉银幕视窗看看,大部分都不会是RWD设计的网站,通常都是AWD设计的网站。购物网站比较适合AWD,AWD可以针对手机版做更有效的配置与使用者体验(UX),不是RWD不能用在购物网站,而是AWD相对更适合内容繁杂的购物网站,反之RWD非常适合简单内容的企业网站。
 

有多少预算?

RWD在上线后的维护是比较容易的,AWD维护上较繁琐,上线前的制作成本AWD略高于RWD,所以如果您制作与维护上的考量,还是选择RWD比较划算一点点,还有AWD的开发时间是略多于RWD的,如果您时间上不允许,可以选择RWD。上线后的前端修改、开发速度AWD比RWD容易,因为可以分开调整。
 

是否更重视手机版的使用者体验(UX)?

如果更重视手机版的使用者体验(UX),那就建议用AWD制作,因为RWD为了同时满足各种设备的适应性,一定会牺牲很多画面与功能,AWD因为跟桌机是分开的介面,AWD可以针对手机使用者开发更为友善的模式,如果希望手机可以得到更棒的体验,AWD是优于RWD的。
 

结论

根据我们的经验,如果您的网站内容简单可以选RWD,例如: 企业型网站。如果您是很仰赖手机版、网站内容也很丰富的网站,例如: 购物网站,那么建议您用AWD制作,无论是将来的修改速度、弹性、操作友善,都会比RWD好。

(本文为达文西数位科技所有,转载文图请注明出处)
  马上咨询网页设计
喜欢探索,常常埋首于新奇的事物里,总是希望给您最适切的解决方案。

超值套版網站,優惠特價 $ NT 59,000

請與我們聯繫
線上客服 TOP