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