設計師實踐手冊:K-pop 中的五個設計元素

FrozonTeeth say: 一個好的設計師應該學會從不同的文化中汲取靈感。K-pop, 即 Korean Pop, 一般指韓國的音樂、舞蹈文化。在這篇文章里,Jonathan 向我們介紹了他從 K-pop 音樂中觀察到的五個實用的設計元素,希望能夠為大家帶來啟發和思路。

預計閱讀時間:8 分鐘

  • 好的設計就是講故事:

許多 K-pop MV 都是圍繞一個故事展開的。要麼是一個悲傷的愛情故事,要麼是感嘆光陰易逝。這樣的形式可以通過敘事帶著觀眾參與一項旅程,並且能讓人感同身受。由於故事的多樣性,使 K-pop 總是能吸引廣泛的用戶群。

比如下面這個視頻。

這個視頻講述了哪怕你情緒低落,也要照顧好自己。

再比如下面這個。

講述了一個男孩去追求一段沒有結果的愛情。

儘管故事有點傻,但視頻里卻有大量經過思考加入的細節,從而讓觀眾在每一個階段都有細膩的感受。

設計也是如此。好的設計就是引導用戶在使用產品過程中參與一段旅程。不論是 Uber 還是 Airbnb,他們的共同點都是通過真實的講述來展示不同的用戶使用其產品的故事。

比如 Airbnb 可能會用的到一個故事就是:一個三口之家,從國外飛來加州迪士尼為自己的女兒慶祝生日。他們在 Airbnb 上訂好了住宿,然後在一個周五的晚上,他們的飛機抵達了洛杉磯,受到了房東的熱情接待。

故事驅動型設計可以幫助提前規劃好用戶場景,從而圍繞這些場景思考用戶體驗。

開始故事驅動型設計也很簡單,只要提前規劃好你的故事大綱,接著只需要思考你想帶給你的用戶什麼樣的體驗即可。

  • 好的設計了解它的用戶

大的韓國娛樂公司,比如 SM 娛樂公司,都非常了解他們的用戶。他們知道他們的用戶是誰,以及在哪能找到他們。

比如許多公司都很喜歡拓展 SNS 渠道,像 Youtube, Twitter, Facebook 等。

在設計裡面也是如此。了解你是為了誰而設計可以更好地幫助你做出出更成熟的設計決策。

好的設計師在設計過程中,往往會去做實際的用戶調研,比如了解用戶的地理位置特徵,他們的行為特徵(比如喜歡的風格)。這些調研的方式一般包括焦點小組,問卷調查和訪問。

有了這些數據在手,設計師就會更好地知道什麼自己設計的局限,以及怎樣的內容可以讓用戶產生共鳴了。

  • 好的設計建立信任

有一天,我發現我的室友在瀏覽網頁的時候突然變得很激動。原來是他最喜歡的 K-pop 歌手要發新專輯了。

這讓我意識到他和這些明星之間產生的這種情感共鳴,像是一個無形的合約,將明星和粉絲聯繫在一起。這種合約其實是粉絲和明星之間的一種信任感。粉絲喜歡他們的明星的表演,而他們的明星會相應產出高質量的專輯。

這種信任感應用在設計上也是一樣。當一個產品完成並打磨好了之後,它就給用戶建立了一種信任。當一個產品產生了價值,它也就建立了信任。

  • 好的設計利用顏色產生影響

以下是幾個 K-pop 如何運用顏色與觀眾進行交流的例子。

這個視頻名叫「Not Spring, Love, or Cherry Blossoms by IU 」

鮮紅的雨傘與灰暗的背景形成對比,一下就把觀眾的視線吸引到男主角身上。可以說這個視頻最讓人形象深刻的就是這把小紅傘了。

Lion Heart by Girls Generation

這個視頻旨在打造一種夢幻的場景。但還不只是馬卡龍顏色的使用。你可以仔細觀察作者是如何運用色彩梯度來加強不同的感覺,從而達到想要的效果。

在設計裡面,顏色可營造不同的感覺。不同程度的顏色明度和飽和度都會帶來不同的效果。在選擇色調之前,考慮好你想營造什麼樣的感覺。

Zion. T 的這個視頻展示了黑白色調也可以像彩色一樣有力量。

黑白會營造出一種戲劇感。沒有了色彩的干擾,你會更加關注在演員的表演上。

在設計上,沒有色彩的干擾,黑白會更有力度。

  • 好的設計遵循設計原則

設計原則包括平衡,強調,運動,變化,比例,對比和一致。了解如何運用這些原則可以幫助你更好地設計出符合功能美和外觀美的作品。

下面這個 K-pop視頻就是運用了強調,對比和平衡來吸引觀眾的眼球。

這張圖左右對稱就讓它視覺上很美觀。再利用粉色和湖藍產生對比,讓觀眾的視線落到了中央人物身上。

Hello by Primary 利用了平衡,對比和比例來創造視覺吸引。

雖然是不對稱的構圖,但是因為大面積的色彩比例使圖片產生了平衡感。另外小部件的亮色也使它們跳出了畫面。

Exo de Overdose 也是個好例子。

利用重複的六角形構建背景,人物平衡對稱的布局,都讓這個視頻的視覺上產生了平衡和一致的感覺。

原文鏈接:What k-pop can teach us about design

-------------------------------------------------我是廣告預告--------------------------------------------------------

寫得好辛苦,順便給自己的專欄打個廣告(?????????) :

我的專欄 盒子以外 開通啦。我是極光日報的兼職編輯 FrozenTeeth,一個法語專業出身,目前在某思維導圖軟體公司工作,正在學習產品、設計的女紙。我的個人專欄主要會分享我通過法語、英語學習到的產品、設計相關內容,以及我感興趣的科技內容,都會是偏深入一點文章。以後我的文章會首發 到「盒子以外」,再投稿到「極光日報」,極光日報的文章會更偏科技一些。感興趣的話可以多多關注、一起學習。只需動動小手指(腳趾也可)即可關注昂。

推薦閱讀:

怎樣配色會顯得高貴?
有沒有比較專業的流程圖配色方案?
UI 設計中有哪些很漂亮的色彩搭配?
Excel2010有哪些優質的字體或者是填充色的配色方案(RGB)?

TAG:设计 | 用户界面设计 | 配色方案 |