進(jìn)入任何一個設(shè)計完整的網(wǎng)站時，人們通常會感受到某種隱含的秩序，卻說不出來源，而網(wǎng)站制作公司如何制定圖文標(biāo)準(zhǔn)這個問題，正藏在這份秩序的幕后。頁面之所以能讓人迅速理解內(nèi)容，不是因為文字本身，而是因為圖與文之間的關(guān)系已經(jīng)被預(yù)先安排好了。它們彼此保持距離、比例、色調(diào)或節(jié)奏，像一段沒有聲音的對話，把信息傳給瀏覽者。

在制定圖文標(biāo)準(zhǔn)時，制作團(tuán)隊往往不會立即選圖片或?qū)懳淖郑麄儠扰袛噙@些圖文要被用來達(dá)成什么目標(biāo)。是表達(dá)觀點？展示產(chǎn)品？還是闡述步驟？不同目的對應(yīng)的結(jié)構(gòu)完全不同，每一種用途都影響接下來的所有決定。于是標(biāo)準(zhǔn)不是從“看起來好看”開始，而是從“要被理解成什么”開始。

執(zhí)筆者和設(shè)計者在這一過程中像在處理兩種材料，一種有質(zhì)地但沒有聲音，另一種有聲音但沒有形狀。團(tuán)隊會把文字拆解成短句、長句、標(biāo)簽、說明等多種格式，再根據(jù)作用把它們放到適合的位置。同時，圖像也會被拆分成主體、背景、焦點、色塊等視覺元素，看起來像在拆解一張照片，但其實是為了讓圖像更容易與文字并列或?qū)Ρ取?/p>

制定標(biāo)準(zhǔn)時還要考慮版面的“呼吸方式”。如果圖像占據(jù)過多空間，文字會顯得被擠壓；如果文字過于密集，圖像又像是孤立的擺設(shè)。制作團(tuán)隊會利用對齊線、基線、邊距這些細(xì)節(jié)，讓兩者保持一種微妙的平衡。無論內(nèi)容多少，頁面都能維持一種穩(wěn)定的節(jié)奏，讓用戶不至于感到壓迫或空曠。

有時標(biāo)準(zhǔn)的建立來自于“反復(fù)試錯”。某些圖片與文字的組合可能在靜態(tài)圖里好看，但放入真實頁面后就顯得突兀，于是需要調(diào)整比例；有些字體與圖片風(fēng)格不協(xié)調(diào)，必須更換字號；有些圖片不適合做背景，要轉(zhuǎn)為插圖。每一次調(diào)整都會讓團(tuán)隊更加接近一種適合整站的表達(dá)方式。

此外，不同設(shè)備的適配問題也決定了圖文標(biāo)準(zhǔn)的內(nèi)容。圖片在手機(jī)上需要緊湊，在電腦上需要寬廣；文字在小屏上必須簡潔，在大屏上卻要保持可讀性。制作公司在制定標(biāo)準(zhǔn)時會為各種屏幕準(zhǔn)備不同的規(guī)則，使圖與文在任何尺寸環(huán)境下都能依然清晰、有序。

圖文標(biāo)準(zhǔn)還承擔(dān)著傳遞品牌性格的任務(wù)。若品牌強(qiáng)調(diào)專業(yè)感，圖文比例就會保持克制；若品牌希望呈現(xiàn)柔和氣質(zhì)，顏色與線條就會趨于柔軟。標(biāo)準(zhǔn)本身沒有情緒，但不同選擇聚合起來，就形成了某種態(tài)度。瀏覽者在不知不覺間感受到的“風(fēng)格”，正是由這些規(guī)則組合生成的。

后臺管理是另外一條貫穿標(biāo)準(zhǔn)的線索。制作公司需要確保后臺上傳的圖文內(nèi)容不會破壞前臺結(jié)構(gòu)，因此會設(shè)計自動裁切、字號建議、圖文比例提示等功能，讓不具備設(shè)計經(jīng)驗的人也能維護(hù)頁面的統(tǒng)一感。這樣一來，標(biāo)準(zhǔn)不再只是設(shè)計團(tuán)隊的文件，而是網(wǎng)站長期保持穩(wěn)定的一部分。

隨著頁面越來越多，標(biāo)準(zhǔn)被不斷引用、擴(kuò)展、驗證、修正，像一條逐漸延伸的路。最終用戶在網(wǎng)站上感受到的順暢閱讀體驗，其實正是這套標(biāo)準(zhǔn)無聲維持的結(jié)果。圖和文在頁面上保持秩序時，它們的關(guān)系像平靜水面上輕微的波紋，輕巧、安靜，卻讓人愿意繼續(xù)向下看——這大概是所有標(biāo)準(zhǔn)背后最想達(dá)到的效果了。