Logo

網頁設計結合藝術的作用 更人性化的感受UX魅力

科技可以Q一些 - 也許是科技技術的變遷,如何拋棄一成不變的網站設計?

我們看到普遍使用線上現成模組軟件製作的速成網站,有點像韓國整型產業般蓬勃,為何它們看起來都長得那麼像,沒有獨特感? 因此離線率非常高。

沒錯~數位時代中人們對設計審美的要求,賦予了各種各樣定義正確的教材、對齊或等距觀念的影響,都是其中一種「方法」,然而一昧模仿是最真誠的奉承。網站設計本身的訴求是量身打造,創意思考下的技術,讓消費者對您的品牌產生親近的意願,當下您可能會覺得網頁設計的風格應該就是這樣或就是那樣,會有綁手綁腳的問題,我總覺得網頁設計是多變的,設計其實可以很不一樣。

「我夢想著一個技術釋放,而不是限制的未來。」 這是我的初衷。

要懂得網頁設計需要借助藝術釋放,再去強化UX體驗,將關係到網站給使用者的感受與黏著度,因為使用者對網站著駐點時間長短,也連帶影響SEO排名。

藝術結合網頁設計技術會很難嗎?

一、技能上的培養很難嗎 ?

網頁設計師的學習歷程有速成的(轉職、兼職居多),我們可以看到一些補助途徑來大力培訓數位產業人才,檢視看看會有幫助。進入職場後,除了會經歷較陡的學習跨度,如果是以為網頁設計是重新編排套版網站,就要有被客戶打槍的心理準備,沒有創意執行力的人多半會半途而廢,但當您咬緊牙關,努力加強同時,這些難題也會迎刃而解。

因此對於勇於創新、思維清晰的人,網頁設計一點都不難,反而很好玩。然後我們再看一下,網頁設計師一開始的路程,接觸的領域可能包含哪些?

他們可能從學校時代就必須接觸學習這些 - 然後將這些技能運用到任何事務層面上。

  • 藝術、美學概念:傳統藝術、新媒體藝術、數位美學、製圖訓練。
  • 色彩學
  • 廣告設計學
  • 字體藝術
  • 手工技術:素描、水彩、國畫、工筆畫、插畫..
  • 攝影、印刷
  • 網頁設計各種軟體操作
  • 各式編排設計
  • UI/UX設計

網頁設計會需要多種專業能力去做最佳化的表現。

二、真正的難題 : 創造性思考

一般來說,藝術是一種表達形式,設計是一種解決問題的過程。把藝術放進設計不就是廣告、品牌形象而已嗎? 這的確是一種普遍的設計思維。

但當我們聚焦在「創造性思考」時,設計x藝術就有無限可能,這是一種跳出框框思考的能力。它涉及到提出新的想法、解決問題和創造新的事物。創造性思考可以幫助設計師找到創新的解決方案,並為用戶帶來驚喜。

舉例來說,瑪雅在設計心動家族的網站時,設計師延續了小朋友的藝術插畫作品,將其動畫化,讓網站充滿了童趣和溫暖。這個設計不僅美觀,而且具有很強的社會意義,可以幫助人們消除對這些小朋友的歧視、既定印象。我們不會認定這是能直接解決問題的功能性設計,而更像是讓人們的生活更加美好的一種藝術性的網站設計。

心動家族的網站 心動家族的網站-小朋友的插畫


擁有「創造性思考」的設計師是很需要敏稅的觀察力與共感力。當我們去看藝術展覽時,會有產生一種共鳴感或是領悟性,這即是藝術獨特的地方。

想像一下,您正在做的業務,假如有隱性的社會貢獻或對自然友善,該如何顯化這些感受且不讓人感到壓力呢,亦或是您希望能與夥伴一同探索未來,這個未來使我們能夠與自然世界深入聯繫,培養意識和同理心,是不是其實有很多創意可以去發想,令設計過程也能具有意義。

探索激發靈感的網站 - 精選國外出色網頁設計案例

absurd.design

ABSURD網頁設計風格

我們經常會遇到網站需要註冊或者是登入的時候,一般的時候這些頁面通常都很制式單調。然而,absurd.design在網路上發佈了很特殊的插畫圖,這些插畫圖的創作很奇特、有趣、不顯無聊。每一張插圖散發出超現實主義-藝術風格參考,提供給網站瀏覽者無限想像與自由定義的幻想含意。

ABSURD網頁設計風格

好設計不會迎合當下的潮流,因此也不會過時,給使用者留出自己定義產品的想象空間,在您看到這個範例時,沒有什麼「隨心所欲」任憑運氣,而是細心的表現,謹慎的體現對用戶的尊重。現在你可以聯絡您的設計師,請他為您構思,您也可以至 ABSURD 官網參觀更多,並且下載完全免費的藝術插圖。



newpeace.jp

Newpeace網頁設計風格

極簡線性繪圖,這是在日本當代超人氣的插畫風格,用線條插畫呈現簡明動感的品牌形象與流暢的網頁瀏覽。「Less is More」般的線性藝術插畫,間接的深受Dieter Rams的設計準則影響(日本設計師深澤直人、蘋果首席設計師Jonathan Ive等都是Dieter Rams的忠實粉絲),如果您對日本線條插畫想了解更多,可以搜尋:長場雄、Sayuri Nishikubo(西久保佐友里)、Noritake...這些知名插畫家的作品尋找靈感。



trunk.io

Trunk網頁設計風格

用素描結合動畫在其他網站上很少見,球體下落的動畫可以引導用戶向下滾動頁面,了解網站的更多信息。這種簡潔的設計可以讓用戶快速了解網站的主題和功能。盡可能少的設計有一些好處,把重點集中在產品的本質上,減少多餘的負擔。設計應當回歸純粹,回歸簡單。並且要意識到我的品牌是世界的重要貢獻者,要先認同自己才能傳達給您的受眾。除了盡量少的設計以外,細枝末節處也保持一致是一個值得致敬的優秀案例。



KUMATORI UMAI GUIDE《熊取好味指南》

kumatori-umai網頁設計風格

在構思品牌意象時,會以繪本式插畫表現品牌,很多網站都適合簡單的加上一些童趣的擬人化插畫、質感呈現與自然點綴,會讓人覺得這樣的瀏覽體驗更有趣,人性化的導覽,會讓人一直往下滑下去。為什麼人們普遍性對這種插畫有好感? 除了不特別強調"完美形象"的一種人性寫實感以外,這些插畫繪有一種倫理性的感受,他會像是你的"想像朋友"給人善良溫暖的建議,除此之外也能提供視覺享受。

看完這篇,是不是躍躍欲試呢? 抱著期待品牌形象帶來的正向回饋,每個網站設計師進行獨特的設計時,就像對待自己的孩子、對待一件藝術品一樣珍視。打造吸睛又高黏著度的網頁,藝術化設計是關鍵!

本文分享結合藝術與網頁設計的技巧,讓UX更迷人!對SEO的好處是能提高吸引力,吸引使用者繼續瀏覽。除了手繪技巧外,通過設計師的創造性思考,可以製作出激發靈感的網站,擺脫一成不變的設計。我們精選幾個國外案例希望您也會喜歡,請至瑪雅網頁設計案例邀請您一同探索我們。