乾貨！小技巧幫你完成創意十足的網頁設計

作為一名設計師，每年都會沉浸在一些新的設計趨勢中興奮不已。接下來，我們將探尋2013年的最新設計趨勢，這絕對是意義非凡的事情。Web設計師必須洞悉所有相關領域的新趨勢，緊跟時尚潮流。

這些新趨勢讓設計變得妙趣橫生。但是很多專家還會倡導那些並非最時髦、最震撼世界的設計。當然，響應式設計不僅去年是熱點，今年依然還會被人們重視。同樣，柵格化設計作為最基本的設計，也會被繼續延續下去。

這次，我想探索一下那些逐漸發展起來的設計潮流。也許過去我們只是偶爾嘗試一下這些設計風格，但是今年我們會真正關注它們。

優設哥很遺憾的告訴大家：「文章的這些優秀案例，大部分要翻牆。。。」

ithinkimight

Shun Cutlery

Nate Hanson

我們要更簡潔的設計。去年我們狂熱追捧極簡主義和對應的簡潔的視覺設計。從logo到名片再到網站，每一處都將簡潔進行到底。今年，設計師會在視覺設計中增加更多留白，這毫無疑問會將簡潔設計推向另一個高潮。

負空間是一種重要的藝術設計方法，很多人也認為不必將元素填滿畫布的每一個角落。將負空間應用在web設計中會產生很棒的效果，因為不需要將那麼多元素都呈現在界面上，人們也在逐漸適應這一點。當我們訪問網站時很清楚自己需要什麼。希望不怎麼搜索就能找到目標信息。

建議：別總想著如何通過設計創造空間。進行常規設計然後將頁面上的內容進行刪減，通過這樣的方式你也能得到期望的設計效果。

manoscrafted

etchapps

fhoke

我們仔細研究過很多web設計中的流行色。藍色是最流行的顏色之一。從企業網站到娛樂站點，用點藍色好像就能設計出一個不錯的網站。甚至一度（也許會持續下去），我們也喜愛暗黑主題的網站。重要的是，這麼多顏色，關鍵時刻你能有所借鑒。

今年的流行色是肉色、粉色、淺橙色。我認為這些顏色能夠與任何彩色和無彩色搭配，它們顯得既沉靜又不單調，既有魅力又不張揚。我認為很多人今年將會（應該會）在設計中運用到這些顏色。

建議：想嘗試一下這些神奇的顏色嗎？試試 #F97743 和 #F38268吧！

dmva-architecten

allanyu

ryanmichaelkelly

如今，我們不僅僅設計傳統的電腦顯示屏，也設計平板電腦和手機。網站即使在巴掌大小的空間也要清晰可見。很多設計師在進行web設計時都採用增大字型大小和圖片的方式，但是這些方式還不夠新穎、大膽。

現在，是時候做更大膽的設計了！我們一直都在進行常規的設計，但是現在的解析度越來越高，支持的像素也越來越高。事實上，很多印刷媒體中的經驗已經被應用到顯示設計中。是時候將二者結合、回歸web設計了。

超大設計能夠吸引人們的注意力，這和簡潔設計有異曲同工之妙。如果有什麼大塊兒頭的東西，吸引我的注意力，我一定會先看它！這也許是讓我們擺脫平日里各種信息干擾的另外一種途徑。

建議：我們已經嘗試過大尺寸的圖片，現在試試大小在64px到72px之間的文字吧！建議使用FitText這樣的工具，這樣文字就能自適應不同尺寸的屏幕。

socialdesignhouse

teehanlax

patrikervell

隨著技術的不斷發展，在web設計中添加動態圖片和視頻變得越來越容易， 而這並不會佔用很多空間。因此，在web設計中上述元素會逐漸成為一種常態。想想，誰不希望自己訪問的網站像是從霍格沃茲魔法學校來的？

動態效果能夠強有力地吸引人們的注意力，能讓那些普通的圖片和滾動條變得富有魅力。現在進行設計的時候設計師不僅可以使用靜態圖片，還能使用動態圖片，這無疑為設計師開啟了一片廣闊的天地。動態效果是我最期待的設計趨勢，不知道誰能將它運用到極致？

建議：找一些html5有關視頻部分的教程，好好學習一下，開啟你不一樣的設計吧！

italiokitchen

neuarmy

artifactcoffee

人們早就不稀罕炫目的時尚大片了，他們希望看到真實的產品信息。那種將產品照片疊在純白背景上的風格也已經過時，人們想要了解產品的個性和背後的故事。網站依然是維繫公司和客戶之間的重要紐帶，因此產品展示的真實性對於目標客戶就顯得十分重要，所以總用那些單純的產品照片或者經過修飾的時尚大片並不是個好主意。雖然大部分web設計師不能完全決定使用怎樣的圖片，但是在線展示品牌的個性與形象還是非常重要。我期待看到更多的網站敢於使用展示產品真實面貌的圖片並通過信息的整合來講述產品設計背後的故事。建議：買一部相機或者與一位攝影師配合，這樣才能獲得與web設計理念相匹配的圖片。這能幫助公司提升產品銷量。

Web設計和時尚設計有很多相似之處，那些看似遙遠的設計理念可能很快就會付諸實踐。融入潮流之中，共享設計之美，嘗試新鮮事物，開創未來風格。

翻譯小組:SDC番茄匠 微博ID:@kamiyoung原文鏈接:http://tympanus.net/