开启选单 f
CN

RWD or AWD

RWD or AWD

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

请见为什么需要RWD网页设计? 一文。
 

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

AWD跟RWD存在目的一致,希望在桌机、平板、手机都能显示友善画面,那么这两者到底差在哪呢? 该怎么选择? 以下是我们的比较。
 
桌机、手机内容不完全一致
RWD在桌机、手机内容是完全一样,AWD会针手机内容做优化,减少不必要的大图,提高手机版的速度,RWD如果内容很多,手机跑起来会慢一点,因为都是同一套CSS,桌机用的图、文、效果会完整呈现在手机上,手机效能、频宽没有桌机好的时候,当然会比较吃力。 AWD的桌机、手机画面是不同套CSS是分开维护,后端也有部分是分开维护。
 
两种都会判断装置
RWD会根据装置的画面宽度去判断要跑多宽的网站。 AWD是判断装置是哪一种,是桌机就跑桌机的CSS,是手机就跑手机的CSS,档案结构相同下,从网址来看两者都是一样的网址,RWD跟AWD都没有像以前分成不同网址,不同网址流量会分散难免会影响SEO,AWD跟RWD都是一样的网址,不影响SEO。


 

该怎么选择?

 
网站内容是多还是少?
像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

請與我們聯繫
GO TOP 線上客服
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-1849848-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-1849848-3'); </script>