搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 SEO&網站行銷 2013年的13個設計趨勢 - The Industry
byadmin 發表於 2013-5-15 18:44:42 , 3759人已閱讀 , 0人回應
筆者之前讀到這篇文章,對於下文很多觀點非常認同,特地分享出來給大家,原文翻譯因為是對岸朋友翻譯的,有一些對岸用語筆者將它稍微部分修改了一些,幫助大家容易閱讀 :)

The Industry 網站概括了他們認為的2013年的13個設計趨勢,我們編譯如下,供大家參考。

1.扁平設計

扁平化設計 正好是蘋果一度推崇的擬真仿製風格skeumorphism的反面的極致。有一家公司儘管不是第一家實現這種風格的公司,但把它推向全新高度的卻是這家公司無疑。這家公司就是微軟。 似乎Windows 8整個操作系統都是圍繞著徹底扁平的UI來開發的,隨處可見Metro和Live Tiles。這種風格有利有弊,應根據需要權衡。

最近採用了這種扁平化設計的是一顆冉冉升起的新星,它的名字就叫做 Rise 一款鬧鐘app。它的整個UI都沒有一丁點的三維元素,簡潔貫穿著整個應用,跟灰度結合起來之後,我們看到的是以一個外觀漂亮的鬧鐘。

當然,扁平化設計並不適合於所有的應用,但是越來越多的設計師和開發者仍將會把極簡主義作為app UI 設計的方向。

windows MetroUi.jpg


2.更少按鈕,更多手勢

一旦應用缺少了各種按鈕和可視化維度的東西,用戶不自覺地就會求助於手勢。Clear 就是一款出色地運用了手勢的應用,彰顯出四維思考的魔力。Google最近發布的Google Maps想要同時做到扁平化設計和運用手勢這兩點。手勢將會是2013年的設計趨勢。


3.輔助動畫:功能可見

既沒有按鈕可按,又沒有圖標可選,你可能就不知道怎麼去完成任務。這時候,一點點的動畫指示也許可以引導用戶操作。

最好的例子也許是iOS 鎖屏的照相機按鈕。對iOS 不熟悉的人看到那個按鈕的第一反應也許是點擊而不是拖動。蘋果對於用戶的點擊沒有無動於衷,而是演示一段上下彈跳的動畫。用戶於是就能很直觀地知道如何打開照相機了。

靠一點小動畫來提供功能的可見性,就可以省卻按鈕來引導用戶熟悉UI,這是視覺提示最小化之後的一種解決方案。


4.左側導航,選單抽屜化 (收合式)

三條橫線,又名“漢堡包”,許多app都把它作為選單圖標的選擇。有一個應用甚至把它用出了樂趣,只要你按住 The Magazine 左上角的那個三橫線圖標超過三秒,它真的就變成了漢堡包的樣子。真是一個可口的複活節彩蛋。

儘管"漢堡包"已經非常流行,但這種視覺表徵形式今後還將變​​得更加普遍。


5.原生APP壓倒Web

網站沒有詳細解釋提出該觀點的原因。但是,從目前的情況看,原生應用程式(指APP)還是主流。相對於Web 技術,原生應用具有功能多、貨幣化能力強的特點。但是隨著HTML 5 標準的初步定稿,Web 應用的功能也將逐步完善,加上其部署靈活和跨平台兼容等優勢,再過一兩年這種趨勢也許就會逆轉。


6.響應式網頁設計

這個趨勢顯然跟上一條背道而馳,但是今年無疑會在網頁設計中走俏。隨著新的出版物的面世,為了擴大受眾的覆蓋面,單一的平台顯然是不夠的。

迄今為止最好的例子是Quartz。它幾乎可以輕鬆地在任何設備上運行,在iPhone、iMac或者Surface平板電腦上均能展現相同的信息,且一樣的美觀。響應式設計正在成為展示基於web內容的熱門方式。針對每一款設備進行特別設計幾乎是不可能的,而這種替代方案是一種非常值得信賴的選項,可以使內容在不同平台之間保持一致。
Quartz.jpg


7.網站更寬

通過提供更寬幅的網站,可視的媒體就可以更加顯著地呈現在文字的旁邊。一圖展示好勝過千言。


8.字體更大

12-14像素的字體一直以來都是web正文的標準尺寸。最近許多網站傾向於採用16-18像素大小的字體。這個網站 (trentwalton.com) 就是例子。 這是因為在響應式web設計中,排版對於內容的可讀性起著重要作用。在iPhone上面,18像素大小的字體要比12像素的容易看得多。不過需要權衡的是,如果篇幅較長的文章用這麼大的字體在屏幕更大、分辨率更低的設備上展示時效果就不好了。
trentwalton.com.jpg


9.搜尋框更大

搜尋正在成為設計各方面的重要因素。從社交網絡UX 到出版物UX,搜尋是區分需要和不需要的東西的必備功能。

The Noun Project 和新的 Myspace 均採用一個非常大的搜尋框。過去的一年Google搜尋的份額首次達到穩定水平,其原因應該是由於網站部署專用搜尋替代了一般的搜尋辦法。 此外,Path還針對自己的服務定制了獨特的社會化內容搜尋功能。預期今後還會出現更多的此類功能。
httpthenounproject.com.jpg


10.動畫GIF成為設計元素

動畫GIF 在內容的運用正在逐漸增多,也許下一步就是把它運用到設計上面去。動畫GIF 為特定元素提供了一種無需編碼即可實現變化和動畫的方式。儘管動畫GIF 在移動設備上的呈現仍存在問題,但是今年肯定會有更多人作此嘗試。


11.人性化設計

這個與其說是趨勢不如說是理念。我們往往會陷入到種種細節當中而無法從整體上好好審視為什麼要這麼設計。

大家都重視好的設計,但是具備價值的元素很大程度上要體現在人本主義上。隨著我們對手頭設備的真正能力的了解程度的加深,設計師不僅應該將UX 時刻牢記於心,也要將這種哲學理念貫穿到創作上。

Marco Arment的The Magazine就做得很不錯。儘管這本電子雜誌是為技術人量身定做的,但是他把雜誌做到缺乏技術知識的人也能欣賞。他把它設計成一本擁有價值、潛力、聯繫乃至於哲學理念的出版物。人們渴求能夠發生關係的對象—無論是實體的或是虛擬的。

跟技術細節同樣重要的是,對設計的體驗也會對人產生影響。如果你能夠顯著改變人們與日常設備的交互方式,那麼你就可以影響其總體的生產力及/ 或思想狀態,從而直接與他們對世界的輸入發生關係。

如果不能從某種程度上簡化或改善生活的話,設計再美觀大方也沒有意義。這一點往往被大家所忽視。


12.新鮮顏色

如果要列舉設計界缺乏生氣的地方,那顏色的創意絕對要算一個。我的桌面上60%的應用程式都是一種顏色—藍色。是,藍色背後有一套顏色理論,但是應用商店都有5 年的歷史了,顏色乏味的不僅僅是圖標。從Tumblr 到Pandora,網站對藍色的運用已經到了荒謬的地步。為了避免千篇一律,為了脫穎而出,你需要嘗試一下其他顏色。


13.向量自適應

有了像Sketch這樣的向量化設計工具,就可以方便地實現一次設計即可以滿足不同的屏幕分辨率要求。預期2013年會有更多的設計師採用向量化工具。

Sketch 2.jpg

收藏回覆 只看該作者 道具 舉報

Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.039581 second(s), 39 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-12-4 16:03

回頂部