【 設計理論】詳細解析網頁設計靈感的十個來源

詳細解析網頁設計靈感的十個來源

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自優設的設計理論類文章,寫教學的作者是塔普,感謝塔普提供設計理論的實作教學。

教學大綱:

不僅僅是網頁方面的設計,這個世界上圍繞在我們身邊的所有東西都可以激發我們的網站設計靈感。你永遠不會知道創意的火花什麼時候會撞擊到你。在項目過程中,我經常發現一些最平常的事物可以讓我用一種新的或不同的方式進行思考。這裡有10個除了網站以外的我最


設計理論教學開始

不僅僅是網頁方面的設計,這個世界上圍繞在我們身邊的所有東西都可以激發我們的網站設計靈感。你永遠不會知道創意的火花什麼時候會撞擊到你。在項目過程中,我經常發現一些最平常的事物可以讓我用一種新的或不同的方式進行思考。這裡有10個除了網站以外的我最喜歡的設計靈感資源。

1、 大自然

詳細解析網頁設計靈感的十個來源

思考設計最好的其中一個地方就是戶外。看一看大自然中所有神奇的形狀和顏色的組合。個人而言,我最喜歡花朵那種像調色盤一樣的靈感。

這個秋天的三色紫羅蘭將成為新項目調色板的基礎,這些花朵結合了流行的亮色和對比色。

2、 音樂

詳細解析網頁設計靈感的十個來源

很多設計師都會同意一點,那就是聽音樂是一種很好的讓設計豐富多彩的方式,同時音樂還有很多其他作用。想一下當你聽不同類型的音樂時,它們總會讓你感覺到混合而複雜的情緒。你可以收聽一段與你的項目氛圍相匹配的旋律,它會為你的項目增加一點靈感。聽音樂的同時,讓你的思緒隨之而動,並且將在聽歌過程中你腦海中浮現的畫面作為產品的基礎輪廓。

我也很喜歡在音樂藝術蘊含的創造力和想象力。專輯封面(即使是數字形式的)是一個有趣的顛覆,可以用其開啟創造性的思維。我最喜歡的就是Jay-z《hits collection》專輯第一卷的簡約風格。這個設計有一個扁平化的外觀,並且發佈於扁平化趨勢流行之前很久。

3、 藝術

詳細解析網頁設計靈感的十個來源

設計真的僅僅是藝術或者創造性表達的其中一種形式,看一看其他的藝術形式可以切實對一個項目的推進起到很大幫助作用。但是不要恪守慣性思維而僅僅去看畫作哦,雕塑也是一個靈感的神奇來源。密切觀察一下形狀和物體互相連接、作用的方式,來腦暴出規劃你的站點的新方式。

4、 包裝

詳細解析網頁設計靈感的十個來源

包裝設計可能是一種最容易被忽視的設計類型了。想想有多少次你打開一包口香糖或者扔到一個飲料瓶時,甚至都沒有想到去看看它長什麼樣子。這些物品通常都格外優秀,因為可供它們使用的空間往往非常小。(所有的信息都要以一種可讀性很強的方式記在一個小標籤上)

多看一下這種類型的東西可以切實的幫助你怎樣規劃小空間。包裝也有很多形狀和樣式,幫助我思考呈現內容的不同方式。(所有東西都不是非得做成規規矩矩的矩形的樣子!)

5、 攝影

詳細解析網頁設計靈感的十個來源

詳細解析網頁設計靈感的十個來源

詳細解析網頁設計靈感的十個來源

對於網站來說攝影可能是一種顯性靈感來源,但是它的應用卻沒有你想象的那麼頻繁。

如果你有一張很棒的圖片可以為一個項目服務,不要僅僅把它當成靈感來源,去真實的使用它吧。大力發展你的設計,並聚焦於這些優秀的圖像。另一方面,如果你的手邊沒有任何圖像,可以看一看攝影的世界尋找點想法。當你覺得自己遇到了一些設計障礙的時候,可以轉而看看像國家地理、Jill Greenberg和LevonBiss這樣的地方。(這些站點的設計主要就是圍繞照片展開)

6、 時尚

詳細解析網頁設計靈感的十個來源

T台、時尚秀場和雜誌是一個觀察顏色、比例、圖案的流行趨勢的很棒的地方。然後你就可以將這些概念用於網站設計。

時尚設計師在秀中使用比例可以幫助你思考以一個大(或小)的方式來創建產品,顏色和圖案則是你要去觀察的最有風向標的東西。(想一下現在正在發生的雪佛龍熱潮)很多我們在網站上看到的背景紋理都是取材於布料纖維或者服裝圖案。用時尚元素激發靈感還有一個問題要注意一下,那就是網頁設計師往往需要花費一點時間去把握住流行趨勢。

但這可以成為一個走在前沿的很好的方式,並且幫助我們開始思考接下來會發生什麼。

7、 室內設計

室內設計的世界也是一個很好的可以在顏色和紋理方面得到靈感的地方。

在家居賣場中走一走,摸一下或者看看那些織物的樣品可以幫助你對於網站應該用什麼類型的背景有一個形象化的概念。你可以將這些顏色和紋理在現實生活中也進行組合和匹配,這樣你就能在創建自己的數字版本時知道怎樣安排比較好。

多看看室內設計的趨勢可以幫助你了解當下什麼顏色是最流行的。塗料芯片和設計博客是學習色彩趨勢和學習怎樣應用其於項目的很不錯的地方。

8、 食物

詳細解析網頁設計靈感的十個來源

雖然有很多反對者對於instagram上的美食圖片是絕對厭惡的,但是這些簡單的圖片確實令人精神振奮。

這些食物的顏色和形狀確實組合的非常棒。基於某些原因,壽司的照片可以切實引發我的思考。(可能是因為顏色和圓形的物體。)多看看食物可以幫助你設計一個和食物相關的網站……或者和食物完全不相關的一些什麼。

9、 老物件

詳細解析網頁設計靈感的十個來源

當需要創造一些隱喻時,老物件可以幫你搭把手。硬幣、電影海報和舊的書籍都是顏色和活版印刷的絕佳範例。

很多你見過的方式都沒有被廣泛應用,有一些物品的外觀和感覺也不是超級時尚的,但是它們都可以幫助你的網站脫穎而出。

這些資源最棒的地方在於它們可以幫助你用不同的方式來進行隱喻思考。比如說,很多舊書籍內有手繪風格的圖片,而不是照片或者全彩插圖。所以你看這種風格可以幫助你在你的項目中用不同的方式創造和使用圖像。

10、建築

詳細解析網頁設計靈感的十個來源

建築和輪廓,尤其是那些在大城市中的,對於我來說是一個令人着迷的靈感來源。這些作品的形狀和”生命”讓我很想去為自己做些什麼。

你可以使用你在建築中看到的形狀去在數字領域中創造一些有意思的東西。當你需要一個背景的時候,你可以參考一下天空中地平線處的輪廓,或者在你的設計中規劃如何方式一個元素時,也可以將輪廓線作為框架來參照。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 詳細解析網頁設計靈感的十個來源