周五了,將今次的譯文發(fā)上來,以紀(jì)念一周的過去。眼看著天氣突然就這么熱了起來,坐在空調(diào)風(fēng)口下面不到一米的距離內(nèi),周身熱乎乎的,雙眼也似有若無的迷離了起來,這是鬧那樣呢。
這周有兩大喜事。一是終于不用每天回家一直泡在iOS Wow Factor一書的翻譯工作當(dāng)中了,具體情況會(huì)在接下來一篇文章當(dāng)中進(jìn)行嘀咕。第二是公司UED新總監(jiān)的到任??吹搅艘恍┫M诶锩?,這兩件事都是如此。我們來看正題吧。
簡(jiǎn)潔,不等于簡(jiǎn)單。這與彈琴是一個(gè)道理,你也許有能力彈得很快,但你并不需要在所有地方都彈得這么快。在很多時(shí)候,讓速度慢下來反而比彈得飛快要來 的更加困難。實(shí)際上,味道往往最能體現(xiàn)在從容自然、舒緩平淡的韻律當(dāng)中。接下來進(jìn)入原文作者人格;我發(fā)現(xiàn)自己在很大程度上就是一Dummy System來著。
簡(jiǎn)潔的Web頁面設(shè)計(jì)風(fēng)格是當(dāng)前圈子當(dāng)中的風(fēng)潮之一。在本文中,我們首先將對(duì)這類風(fēng)格當(dāng)中的那些最具代表性的組成要素進(jìn)行分析,隨后,我(英文原文作者)還會(huì)向各位分享一些工作中的實(shí)戰(zhàn)技巧。
簡(jiǎn)潔風(fēng)格的創(chuàng)意組成要素
固定寬度的頁面布局結(jié)構(gòu)
花時(shí)間觀察一些簡(jiǎn)潔風(fēng)格的網(wǎng)站, 你會(huì)發(fā)現(xiàn)它們當(dāng)中的絕大多數(shù)都有用到經(jīng)過良好規(guī)劃的網(wǎng)格布局系統(tǒng)。如果哪位朋友對(duì)網(wǎng)格布局還不大了解的話,可以設(shè)想一下,在著手進(jìn)行實(shí)際的視覺設(shè)計(jì)工作之 前,使用輔助線將頁面劃分為若干等寬的列,通過這種方式對(duì)頁面結(jié)構(gòu)及元素的布局進(jìn)行更精準(zhǔn)的規(guī)劃。網(wǎng)格布局可以使設(shè)計(jì)方案當(dāng)中的信息結(jié)構(gòu)更加清晰,在視覺 上具有強(qiáng)烈的節(jié)奏感與一致性。
固定寬度的網(wǎng)格布局結(jié)構(gòu)可以為頁面帶來秩序與效率。舉個(gè)例子,雖然Creative Review當(dāng)中的頁面布局會(huì)根據(jù)內(nèi)容類型的不同而有所區(qū)別,但我們能夠感受到的瀏覽體驗(yàn)卻是相當(dāng)連貫的,因?yàn)檫@些頁面都是基于同一套網(wǎng)格布局框架進(jìn)行設(shè)計(jì)的。下圖展示了他家的首頁和About頁面:
對(duì)于在線雜志或報(bào)紙一類需要呈現(xiàn)大量?jī)?nèi)容的網(wǎng)站來說,要打造簡(jiǎn)潔的頁面設(shè)計(jì)方案則更加困難。不過英國(guó)的衛(wèi)報(bào)(The Guardian)以及一些同類型的在線報(bào)紙站點(diǎn)倒是向我們展示了通過固定寬度的網(wǎng)格布局實(shí)現(xiàn)簡(jiǎn)潔設(shè)計(jì)方案的可行性:
配色有些許兇殘么——譯者C7210注。
如果不使用固定寬度的布局方式來組織這些內(nèi)容,幾乎可以說,首頁將會(huì)亂的一塌糊涂。然而,在網(wǎng)格布局的幫助下,模塊之間的留白及層次關(guān)系都相當(dāng)清晰,整個(gè)內(nèi)容結(jié)構(gòu)的健壯性得到了提升。
下面兩篇文章(英文)可以幫助你更好的理解與實(shí)踐網(wǎng)格布局的概念:
A Brief Look at Grid-Based Layouts in Web Design
也不是什么新概念了,國(guó)產(chǎn)好文章也蠻多,有欲求的同學(xué)可自行覓食——譯者C7210注。