2010 年 Web 設計風 (下)
作者: its
|
發布: 2010/5/6 (上午 10:02)
|
閱讀: 27018
|
評論: 0
|
靜態地址
|
內容源碼
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 網站內容管理系統 官方網站
|