每天（tiān）早晨，只要我起得早（zǎo），都会拿起ipads浏览一下早间的（de）科技头条。这似乎很（hěn）平常（cháng），但（dàn）我经常浏览（lǎn）的网站（zhàn）却很不给力。拿TechCrunch来说（shuō），这家科技博客就（jiù）经常导（dǎo）致（zhì）我的平板电（diàn）脑抓狂（kuáng）。

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

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

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

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

　　调整思维

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

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

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

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

　　统一设计

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

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

　　除此之外，还要考虑钱的因素。整个网络广告行业都是围绕桌面（miàn）浏览器建立的，目前最具活力的互动广告还无法在平板电脑（nǎo）上完美地（dì）展示。

　　出于以上原（yuán）因，网络（luò）公司应当（dāng）集中（zhōng）精力（lì）打（dǎ）造（zào）统一（yī）的（de）体（tǐ）验，兼容（róng）所（suǒ）有电子设备。在（zài）理想状况下（xià），移动网站不会成为桌面网站的分支——桌（zhuō）面网站将与移动网站（zhàn）一样（yàng）：简洁、快速，在所有设备（bèi）上（shàng）的效（xiào）果（guǒ）都很好。

　　践行理念

　　这个想法并不激进。很多网站设计师都在践（jiàn）行这一理念——詹森·寇特可(Jason Kottke)和约翰·克虏伯(John Cruber)的（de）博客都是（shì）针对桌面浏览器设计的（de），但由（yóu）于加载速（sù）度快，而且（qiě）没有充（chōng）斥太多杂乱的元素，看（kàn）起（qǐ）来（lái）就像是（shì）专为移动设备设计的。

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

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

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

本文转自：网页设计（jì）师联盟