|
2. 整齊流暢的網(wǎng)格布局
任何網(wǎng)站設(shè)計(jì)（或者說任何一個(gè)層設(shè)計(jì)）都是從最簡(jiǎn)單的網(wǎng)格開始的，網(wǎng)格是任何層和內(nèi)容的基礎(chǔ)。Apple 在每一個(gè)頁(yè)面，統(tǒng)一使用整齊的網(wǎng)格布局設(shè)計(jì)，給用戶一個(gè)愉快的體驗(yàn)。
雖然Apple在每個(gè)頁(yè)面都使用了網(wǎng)格布局，但是頁(yè)面間的布局卻又各不相同，這就需要設(shè)計(jì)的靈活性和創(chuàng)新意識(shí)。與此同時(shí)，保持框架統(tǒng)一的網(wǎng)格區(qū)域，也能給用戶視覺上的愉悅。
3. 統(tǒng)一穩(wěn)重的色調(diào)，高質(zhì)量的圖片
除流暢的布局設(shè)計(jì)外，頁(yè)面的色調(diào)也在很大程度上反映了網(wǎng)站的可用性設(shè)計(jì)。色調(diào)方案是一個(gè)網(wǎng)站表達(dá)感覺和視覺最直觀的因素，起決定性作用。
對(duì)比度/色彩設(shè)計(jì)：Apple使用一個(gè)完美的色彩設(shè)計(jì)，表達(dá)出一種和諧專業(yè)的感覺。平滑的對(duì)比度增強(qiáng)了內(nèi)容的可辨識(shí)度。非常合理的網(wǎng)站飽和度提高了易讀性。此外，相比基本文字，鏈接文字的不同色彩也是為內(nèi)容的可讀性增色不少。
圖片：和色調(diào)緊密相關(guān)的是，圖像的質(zhì)量也是一個(gè)非常重要的方面。Apple.com在內(nèi)容中混合了很多的圖像，這些圖像都是高質(zhì)量的，在網(wǎng)站的專業(yè)性方面充當(dāng)了一個(gè)相當(dāng)重要的角色，好的圖像需要在細(xì)節(jié)處下足功夫。
空隙：合理的空隙應(yīng)用是完美頁(yè)面布局設(shè)計(jì)必不可少的成分。適當(dāng)?shù)膽?yīng)用可以避免混亂的布局，使布局看起來更加清晰。Margins、行間距, 字間距的科學(xué)人性化設(shè)計(jì)都會(huì)增強(qiáng)內(nèi)容的可讀性，減少視覺上的閱讀疲勞。
4. 流暢可掃描的內(nèi)容組織
內(nèi)容為王，是網(wǎng)站存在的根本。內(nèi)容的組織形式會(huì)直接影響到用戶對(duì)內(nèi)容的反映。尤其是一個(gè)像Apple.com這樣的網(wǎng)站，充滿大量的內(nèi)容，是否可以掃描就成了非常重要的指標(biāo)。
間隔：間隔和文字大小在可讀性方面是同樣重要的指標(biāo)。首選，行間距對(duì)文本的可讀性尤其重要，如果太小，讀者閱讀會(huì)非常的吃力；如果太大，就會(huì)顯得太多獨(dú)立，喪失相關(guān)性。Apple.com使用一個(gè)行高的數(shù)值解決了這個(gè)問題。
規(guī)則的圖片布局：不像很多文章型網(wǎng)站，Apple使用透明背景的圖片，在圖片和環(huán)繞文字之間合理地設(shè)置間隙。
可掃描的Headers/Text：標(biāo)題和文本的組織除了方便閱讀之外，還能更容易地實(shí)現(xiàn)內(nèi)容的掃描。
高亮的關(guān)鍵字和不同字體的使用都是使得文本更容易掃描的最好方式，當(dāng)然，行高也是同樣重要。
出處：菠菜博
責(zé)任編輯：bluehearts
上一頁(yè) Apple網(wǎng)站W(wǎng)eb可用性設(shè)計(jì)分析 [1] 下一頁(yè) Apple網(wǎng)站W(wǎng)eb可用性設(shè)計(jì)分析 [3]
|
第 1 頁(yè) 
第 2 頁(yè) Apple網(wǎng)站W(wǎng)eb可用性設(shè)計(jì)分析 [2]
