每天早晨，只要我（wǒ）起得早，都会拿起ipads浏览一下（xià）早间的科技（jì）头条。这似乎很平（píng）常，但我经常浏（liú）览的网（wǎng）站（zhàn）却很不（bú）给力。拿TechCrunch来说，这（zhè）家科技博客就经常（cháng）导致我的平板电脑抓（zhuā）狂。

　　首（shǒu）先，加载速度（dù）慢。整个页面元素的加（jiā）载（zǎi）顺序一点都不（bú）合理——首先显示正（zhèng）文，然后是顶（dǐng）部（bù）和（hé）右（yòu）侧导航栏，再艰难地等待几秒钟后，标题才会（huì）出（chū）现。到这时，我已经郁（yù）闷至极了（le）。但毕（bì）竟文章出来了（le），所以，我还（hái）是平复了一下心情，开始（shǐ）阅（yuè）读。但是，等到（dào）页面（miàn）加载（zǎi）完成后（hòu），过了大概半秒钟，文（wén）章的正文和标题突然消失了。什么？！为什么会先出现再（zài）消失？

　　如果（guǒ）你足够幸运（yùn），这种情况只会持续一（yī）秒，便（biàn）会（huì）恢（huī）复正（zhèng）常。于是，你认为可（kě）能是系统有漏洞，便（biàn）原谅（liàng）了TechCrunch的设计师——毕竟，他（tā）们开发网站时（shí），针对的是传统PC，而你（nǐ）使用的却是古怪（guài）的平板电脑。

　　但有（yǒu）些时候，你就没有这么幸运了。文本会反（fǎn）复闪（shǎn）烁（shuò），然后，整（zhěng）个网站都不见了，只剩下TechCrunch ipads应用的广告（gào）。为了阅（yuè）读文章，你不（bú）得不（bú）点击（jī）一个小得（dé）可怜（lián）的链（liàn）接来关（guān）闭广（guǎng）告。到这时，为了读这篇文章，你已经等待了将近10秒钟，整个（gè）人都要气（qì）炸（zhà）了，恨（hèn）不能永（yǒng）远不看TechCrunch。

　　但你不能（néng）。如果因为（wéi）某个网（wǎng）站在ipads上的显示效果不佳（jiā）而抛弃它，那你恐怕要抛弃（qì）半个互联网。TechCrunch的移动体验的确不好，但还算不上糟（zāo）糕（gāo）透顶。从《纽（niǔ）约时报》到《纽约客（kè）》，从谷歌(微博)新闻到Salon，甚（shèn）至包（bāo）括Slate，很多新（xīn）闻网站（zhàn）在平板电脑（nǎo）上的显示效果（guǒ）都很（hěn）糟糕。事实上，不（bú）只是新闻网站，就连亚马逊(微博)等大牌互联网企业（yè）在（zài）ipads上的显示效（xiào）果同样不好。

　　调整（zhěng）思（sī）维（wéi）

　　问题在于，很多网（wǎng）站的内容太过拥挤，不适（shì）合平板电脑（nǎo）的显示屏（píng）。当你在ipads上加载一个（gè）网站（zhàn）时，经常会看到文本（běn）、图（tú）片（piàn）和视频掺杂在一起。这些网站（zhàn）的代（dài）码运行（háng）速度太慢、漏（lòu）洞太多，不适合小尺寸设（shè）备；上面的（de）按钮（niǔ）和（hé）链接太（tài）小（xiǎo），不适合手指点击；网（wǎng）站图片（piàn）在平板电脑（nǎo）的高分屏（píng）上显示效果也不怎（zěn）么（me）样。

　　关键问（wèn）题在于（yú），设计师并未针对平板电脑（nǎo）做出太多设计——他们或许针对ipads对页面做（zuò）出了细微（wēi）调整，但这通常只（zhī）是一种补救，主要还是针对笔记本（běn）和台式机设计网站（zhàn）。

　　该换换思维了。ipads已经（jīng）面（miàn）市3年，它的崛起似乎不可阻挡。而且，ipads并不孤独——谷（gǔ）歌Nexus 7、亚马（mǎ）逊（xùn）Kindle Fire、微软(微博（bó）)Surface很快（kuài）都（dōu）将贡（gòng）献巨（jù）大的流量。互（hù）联网需要适（shì）应这（zhè）些设备。设计师（shī）创建（jiàn）网站时不应（yīng）仅（jǐn）仅（jǐn）兼容平板电脑，而（ér）应以（yǐ）平（píng）板（bǎn）电脑为主。事实上，他（tā）们甚至应该首先考虑平板电（diàn）脑——先针对7英寸和9英寸（cùn）的屏幕设（shè）计页（yè）面，之（zhī）后再针对（duì）桌面浏览器（qì）调整。

　　为何（hé）要以（yǐ）平板电（diàn）脑为主？不仅是因（yīn）为ipads及其同类产（chǎn）品正在（zài）迅速（sù）成（chéng）为主要的上网设备。(根（gēn）据多方数据，移动设（shè）备已经占（zhàn）到10%以上（shàng）的互联网流量，这一数字还（hái）在继续增长。)还因（yīn）为（wéi）平板（bǎn）电脑的种（zhǒng）种限（xiàn）制——小尺寸屏幕以及相对较小的带宽和处理（lǐ）能力——可（kě）以提（tí）升桌面设备中（zhōng）的（de）网站效果（guǒ）。针对移动设（shè）备优化的网（wǎng）站通常更快、更漂亮，比桌面设备更容（róng）易导航。如果设计师首先为平板电脑设计网站，整个（gè）互联网（wǎng）都将变（biàn）得更好。

　　统一设计

　　需要强调的是，我不是呼（hū）吁网站在桌面版本（běn）之外，再（zài）创建一个针对平板（bǎn）电脑或智能手机（jī）优化（huà）的版本（běn）。很多网站都采（cǎi）取这种措施，但由于（yú）很多公（gōng）司都没（méi）有足够的资源维护两套不（bú）同的设计，他们的平板（bǎn）电（diàn）脑和智能手机（jī）版通（tōng）常表现糟糕。这（zhè）些移动版（bǎn）的网站（zhàn）无法提供与桌（zhuō）面版完全相（xiàng）同的功（gōng）能——例如，Slate的智能手机版就无法加载读者评论——而且当（dāng）设计师对网（wǎng）站进行（háng）升级时，通常只会优先考虑桌（zhuō）面版。

　　这完全可以理解：对多数网（wǎng）站（zhàn）而言，桌面贡献（xiàn）了大量流量（liàng）和广告收（shōu）入。另外（wài），移（yí）动网（wǎng）站（zhàn）仍然较新，而且变数颇多——有很多采用不同技（jì）术的（de）智能手机和平板电脑，导致设计师还不习惯为它们开发有吸（xī）引力（lì）的网站。

　　除此（cǐ）之（zhī）外，还要考虑钱的因素。整个网络广告行（háng）业都是围绕桌面浏览器（qì）建立的，目前最（zuì）具（jù）活（huó）力（lì）的互动广告还无法在平板电脑上（shàng）完美地展示。

　　出（chū）于（yú）以上原因，网络公司应当集中精力打造统一的（de）体验，兼容（róng）所（suǒ）有电（diàn）子设备。在理想状况下，移动网站不会成为桌面网站的分支——桌面网（wǎng）站（zhàn）将（jiāng）与移动网（wǎng）站（zhàn）一样：简洁、快速，在（zài）所（suǒ）有设备（bèi）上的效果都很好。

　　践（jiàn）行理（lǐ）念

　　这个想法（fǎ）并不（bú）激进。很多网站设计（jì）师（shī）都在践行这一理念（niàn）——詹（zhān）森·寇（kòu）特（tè）可(Jason Kottke)和约翰·克虏伯(John Cruber)的博客都（dōu）是针对桌面浏（liú）览器（qì）设计的，但由于加载速度快，而且没有充斥（chì）太多杂乱的元素，看起来（lái）就像是专为（wéi）移动设备设（shè）计的。

　　正如BuzzFeed的约翰·赫曼(John Herrman)所说，一些（xiē）新的创业网站已经（jīng）开（kāi）始模仿这（zhè）些极简主（zhǔ）义的风格（gé），包括博客平（píng）台Svbtle和Medium、讨论网站Branch和社（shè）交网站（zhàn）App.net。这些（xiē）网站设计之初似乎都是优先考虑ipads，然后再移植到桌面上。不仅如此，这些（xiē）网（wǎng）站的（de）外（wài）观都（dōu）很漂（piāo）亮，导（dǎo）航也（yě）很（hěn）方（fāng）便。这（zhè）绝非巧合。

　　当然，对于资金充裕的创业公司而言（yán），很容易以移动网络（luò）为主（zhǔ）。但对于（yú）已经（jīng）建立业务基础（chǔ）的网站而（ér）言，由于十分依赖广告（gào），便很难直接投入移动设（shè）备的怀（huái）抱（bào）。但他们应当一（yī）试。今（jīn）后几个（gè）月（yuè）间（jiān），移动（dòng）浏览器的（de）流量将会飙（biāo）升，尤其是（shì）当苹果（guǒ）推出价（jià）格更低（dī）、尺（chǐ）寸更小（xiǎo）的（de）ipads，而亚马（mǎ）逊也（yě）升级Kindle Fire后。

　　如今，用平板电（diàn）脑上网冲浪，随时都会碰到缓慢而（ér）充满漏洞的（de）网站。但很快（kuài），读者就不会继续忍受这种（zhǒng）情（qíng）况。如果你的页面（miàn）要花很（hěn）长时间加载，如果你的图片不够清晰，如果你的链接（jiē）不（bú）容易点击，如果你不断抛出ipads应用的广（guǎng）告，我（wǒ）就会用平（píng）板电脑（nǎo）访问其（qí）他网（wǎng）站——访问那些能真正重（chóng）视它的网站。(思远)

本文转自：网页设计师联盟