2010 年 Web 設計風 (下)

Web 設計是個變幻無常的行業,如今已經成為一個包含了美學體驗,功能豐富的富媒體,事實上,當今的 Web 正處在黃金時代,我們擁有強大的新工具,唾手可得的豐富資源,龐大的設計社區,以及主流瀏覽器對 Web 標準的普遍支持。如今的 Web 風潮云涌,令人目不暇接。本文講述了2010年最新 Web 設計風,這是第二部分。

4.橫向主義

曾幾何時,Web 易用性規則告訴我們,不要讓用戶橫向滾動內容,因為鼠標的滾動按鈕天生是豎向滾動的,然而,新的多點觸控技術的出現正在改變這一現狀。

Thinking for a Living : 這不僅是一片討論內容橫向滾動和豎向滾動孰優孰劣的文章,本身還是橫向滾動的一個絕佳示例。

OurType : 一家比利時字體設計公司,內容橫向滾動。

Jung v. Matt : 以橫向時間線導航,雖然沒有橫向滾動條,但鼠標的滾輪式橫向滾動的。

Your Auxillary : 單頁式設計,也是結合橫向和豎向導航的示例。

One Twenty Six : 除了左右導航箭頭,還可以從下拉選擇框中直接選擇要訪問的內容,并左右滾動定位到那段內容。

Jax Vineyards : 一個有關葡萄酒的網站,非常有效的左右滾動導航,基于 CSS 和 JavaScript 的設計十分精良。

C. L. Holloway : Candice Holloway 的作品展示網站,橫向導航很有畫廊的感覺。

Yamaha Ginza : 基于 Flash 的全向導航。

Edpeixoto : 很獨特的布局

ASOS : 傾斜也是美

5. Rich, Strong Typography

字體在現代 Web 設計中意義深遠,隨著 @font-face 與 TypeKit 等技術的發展,我們已經可以在 Web 中使用個性化字體,在 Web 頁面上實現平面設計般的感覺。

Kilian Muster : Kilian Muster 在設計中大量使用襯線字體,Palatino, Palatino Linotype, Book Antiqua, Constantia, Times, Times New Roman,Serif。(襯線字體一般常用于書籍印刷品,在 Web 上并不多見(請參閱《字體的故事之:襯線體的前世今生》) - 譯者)

extrapolish : 這家波蘭的 Web 設計公司網站的很多文字使用的都是大寫,但設計還是很穩定,干凈。

DNA to Darwin : 這個站點的字體也全是襯線字體,skolar-1,skolar-2, Georgia, Times, serif

COG’AOKE : 粗重,平直的字體構成強烈的第一印象.

TRÜF : 這家設計公司的網站使用對比強烈的顏色,加粗重的襯線字體。

Pioneers : 生動的圖片,加不很嚴肅的字體,看上去更像傳統的小冊子,而不是網站。

Colly : 在細微處見真知,沒有夸張的厚重字體,但那些細致的設計擁有很好的美學體驗。

The Saint John’s Bible : 這個站點將襯線字體發揮到極處,字體和站點主題與布局很相配。

Brewhouse : 字體與視覺設計的很好結合。

Tick Talk : 那些大膽的粗體大寫字

The Sew Weekly : 使用 Typekit 嵌入式字體技術,使用的全是襯線體 skolar-1,skolar-2, Georgia, Times, serif,文字還分欄了,似乎又是一種潮流。

Neiman Group : 將企業色融合到標題,導航文字中,使用的字體很纖細,為頁面制造出某種氣氛。

結語

現代的 Web 設計更優美,更豐富,用戶界面也更友好。我們看到了視覺設計和用戶體驗之間的結合,傳統的平面印刷設計思想被引入 Web 設計,從布局到字體,預示著新的 Web 設計時代的到臨,在這個新時代,設計者有更好的工具和技術實現他們的設計思想。

延伸閱讀

本文國際來源:Smashing Magazine The Current State of Web Design: Trends 2010 (原文作者:Vitaly Friedman

中文編譯來源:銳商企業CMS 網站內容管理系統 官方網站





評論
...
發表評論


用戶


評論(不超過1000字)


 3 - 6 = ? 請將左邊的算術題的結果填寫到左邊的輸入框  


  發送給朋友| 打印友好
7 x 12 小時服務熱線
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp