網頁設計詮釋設計過程的優秀網頁
在優秀的設計工作室裡面,通常都有一個常見的特徵,網頁設計就是以可視的方式解釋它們的設計過程。這樣一個描述簽證客戶項目是如何推進的簡單想法,是一種把握項目,同時令客戶深刻領悟到自己與設計者之間的關係的好方法。這次展示的,是各類設計者們以巧妙的圖片結合文字詮釋設計過程的優秀網頁。
向潛在用戶解釋你的設計過程是一種良好的途徑,這樣他們可以了解他們的項目。這麼做令他們知道自己的期望和項目所花費的時間,同時明白一系列重要的工作,這會讓他們感到愉快。許多客戶對建立網站所需的工作並不了解,因此解釋這些設計過程可以抵消那些線下花招多多的討論。
作為設計者,我們樂於將枯燥的信息轉換為前線的內容,網頁設計最好它看起來很可愛。下面這些特色的網站都用有趣的方法出色表達了他們的設計過程,它們藉助了圖表、簡圖和形形色色的圖片。
Pepperplane
網站既然命名為Pepperplane,以造型生動可愛的卡通飛機來解釋各階段的工作,網頁設計公司這點與網站的名字相扣。簡潔的文字很好地闡釋了工作過程。
PUSH
網站以類似色彩調色板的圖例說明產品模型及其主要內容。兩邊的文字負責更詳細地向客戶解釋整個過程。
Solid Giant
不同顏色的色塊代表不同的階段,台中網頁設計這是一種常見的表現方式。兩個圓相交部分形象表示出過程的交接,再輔以標註,讓人一眼看懂整個開發過程。
Hashrocket
以火箭的組裝和發射過程形像生動地表達Hashrocket的設計步驟,即回應公司名稱,又帶一點幽默。
Scribble & Tweak
頁面上沒有更多的文字說明,三張好像在數學課本上見過的圖片規矩地表達出每步工作的內涵。多麼大膽的設計!
Alan Horne
PERT圖熟悉吧?與之類似的日常辦公中常用的圖表大家既熟悉又易懂,稍作變化就可運用在網站上,看Alan Horne是怎麼做的吧!
Janko At Warp Speed
一個好的圖例有幾個重要元素:高度概括的步驟和操作,清晰的遞進關係和賞心悅目的顏色。 Janko At Warp Speed完全詮釋了這些。
One Mighty Roar
堆沙堡和網頁設計,創造性工作之間總有相同之處。留白和簡潔的圖片很好地配合了說明文字。
1minus1
儀錶盤也是近年越發常見的圖表形式,網頁設計對比色明確標示出過程的兩大階段。整個頁面清新簡潔,體現了高度概括。
Bionic Hippo
Bionic Hippo的圖例非常別出心裁,同樣使用圓形,但它所描繪的類似於一段軌跡變化的過程。但它又與網頁上的文字相吻合,不是嗎?
Bitfoundry &Humaan
圓形元素是柔和網頁視覺感的有效幾何體。下面兩個案例都有效運用了這一元素,同時結合以意義明顯的簡圖和說明文字,輕易構造出讓人舒適的頁面。
|