網頁設計沒死,反而活的更精彩
網頁設計已死?
前陣子看到有個說法是-網頁設計已死.
這類主題的文章,大可把因素或徵兆歸類為以下幾點:
- 成熟的模板設計
- 自動化網頁工具
- 社群網頁
- 手機應用流行
- 和過去五花八門的網頁設計相比,現在網頁看起來都一樣?
在整體來說,目前線上的網頁設計的確相對「統一」了,但是這並不是「死亡」的跡象,反而是一個新時代誕生前的跡象,如果我們把角度放大一些看,你會發現這事情其實最自然不過了,但是又如何解釋那些跡象呢?
最主要的跡象是什麼,是「大家看起來」都很像。這是一個什麼的狀況? 難道這還不足以證明,網頁再沒有什麼「設計」可言了嗎?
那就得說,逝去的是過去那種切版式的網頁設計,新的網頁設計已經竄起,而我們正好在這個交界處。
所謂的網頁設計已死
在那些文章中有一個很重要的概念是,我們的製造流程改變了:
從前是:內容->設計->編碼
現在是:編碼(模板)->設計->內容
確確實實,這就是我們現在的作業流程,我們在很多時候,都會先準備前面兩種,之後再按照內容對應的「填入」,當然並不是全部都可以這樣,只限於一些部分的模組。
模組,這一詞很重要,這也是那些文章中提及的一個因素。模板就是因為模組化產生的一個產品,那都是一個產業生態走向成熟的現象。
例如廚藝,從古代我們生火煮肉,到現在,我們從廚具、調味料、食材、服務、等等每個環節,都有自己的標準化產品。
網頁也是如此,從前只有 2 個角色,就是設計和寫程式碼的,設計就是弄成一個 PSD,然後寫程式碼的把塗了顏色方塊弄在網頁上,結束。
現在你可以這樣做嗎? 當然可以,只要你願意停留在 90 年代就可以了。
現在的網頁,除了要好看,還要好用,還要每個裝置都可以看,還要快,還要多功能,還要可以改來改去,還要使用者用起來開心。你覺得要滿足那麼多條件,只是 2 個人就可以完成的嗎?
所以我說人類是聰明的,大量生產和標準化作業就可以把成本降低,所以模板,僅僅是在這個條件下盛行開來的。
因為模板,所以大家網頁都一樣?
又回到那個例子,我們現在到外面用餐,他們用的東西都一樣,味道都差不多,但是就有些好吃,有些不好吃。
同樣,一個模板,用的好就會好看好用,用的不好就好像泡麵,味道每一包都一樣。那是很合理的。
可是你知道嗎,現在很多人,給了一個王子麵的價格,就跟你要牛肉麵的味道。
你說,我怎麼給你,所以你獲得一個泡麵,其實也是很合理的。
曾經有個朋友,介紹了一個桉子,這個客戶吃了一半就說不要了,然後自己去買了個泡麵吃。因為在他的心理,他只是想充飢,味道是什麼根本不重要。
在這裡,我要宣告的是,模板也好,模板客製化也好,完全客製化也好,都有自己的市場和需求,我們不應該去比較和批評的,只是大家心裡要很清楚。
味道一樣,並不是都用一樣調味料的緣故,而是廚藝還沒到家。
跨媒體
AI 網頁工具或者其他線上網頁工具,的確給人很多便利,這就是自動販賣機嘛。但是會不會因為有自動販賣機,便利店就會倒了?
這些工具依然是有限的,因為他們都是建立在「標準化」和「系統邏輯」下的產物。
其實縱觀這 10 年,其實很多產品都越來越像,又何止網頁呢,怎麼就沒人說「手機設計已死」、「汽車設計已死」、「服裝設計已死」「髮型設計已死」,反而網頁不過流行幾年就宣佈死亡了~ 現在手機斗的都是內建的功能和硬體,網頁也是如此,網頁設計已經不是過去,一板一眼那樣設計出來的,一個網頁內涵的技術內容可能多到一個人學習一年都無精通。
所以順便也打一下那些標榜「百萬工程師課程」的,可真的是文章寫大了,明明學習的是侍應生的內容,卻和你說是主廚的薪水,但你又不能說他不對,因為搞不好那一天他就是主廚。
限制,讓設計變得更難
這也是另外一個話題,為何網站需要那麼貴的原因。
越是有限制的東西(因為要模組化),它即便是縮小了產出的難度,但同時也增加了創意和設計的難度。
怎麼說?手機就是一個很好的例子,印度在這個月推出了只需要 120 臺幣的智慧型手機,但是他們卻做不到第一個 iphone。因為沒有創意甚至不需要創意,所以很便宜,而且東西用起來也不差。
因為標準化,所以大家的東西都很像甚至一樣,使用習慣也一樣,設計出「不一樣」的東西就更難,因為往往要突破一個慣性的東西,是非常不容易的。這個就是成本。
現在的網頁設計,已死,你說對也是可以,說不對也是可以,我比較喜歡用另外一個詞-「轉世」
因為在這跨世代的過程我們誕生了很多新職業,前端工程師、資料工程師、介面設計師等等。
從前訓練下來的設計師,都必須要有「程式邏輯」,不然設計出來的東西,根本無法實作,我們的設計不可以缺乏行業知識啊,這是很簡單的道理,你設計出一個五輪車,有創意但是怎麼跑啊?怎麼轉彎?
很多設計師看到別人的網頁長怎樣就怎樣模彷,怎麼動就這麼抄襲,甚至會丟給你一個網頁就和你說和他一樣吧。設計沒死,死的是根本沒在設計了。
要把很多因素納入設計考量,我更加主張的是,日後的網頁設計師,都必須懂得 css 和 html(即便懂皮毛也是無法),不然很多時候他們都不知道自己在畫什麼。等他們自己做一次就知道,有些東西不是排好就行的通的。
當然我一直強調的是,雖然可以透過協作和分工,設計師不需要會寫程式碼,可是起碼要有這種工程師思維,就如同你根本不會下廚,只會用泡麵,只會用泡麵可以說自己是廚師嗎?(因為工程師都規定你只能做啥,不可以做啥),所以為何現在每個網頁的味道都一樣,因為你要找到會設計的工程師、或者會寫程式的設計師、或者天衣無縫的設計和工程師組合,實在太難了。
網頁設計沒死,反而活的更精彩。
就好像現在有擁有完整的廚具(網頁製作工具、自動化工具)、調味料(模板、外掛、第三方服務)、食材(各種 JS 庫、各種程式語言、各種資料庫)一切俱備。難的事情是如何訓練出一身好廚藝。
接下來會有越來越多的很酷的網站出現,大家拭目以待。
相關文章
- 網頁文字排版設計,要的就是精彩!網頁
- 分享兩款精彩的詳情頁設計作品
- 程式設計思想之——"人是活的,程式是死的"程式設計
- 如何看待近幾年網頁設計發展與前途?是否網頁設計已死成事實?網頁
- 網站設計中網頁色彩靈活運用的重要性網站網頁
- 如何更靈活更智慧的管理網線
- 網頁設計師 vs 網頁程式設計師網頁程式設計師
- 用彈性盒子理論打造一個靈活的網頁設計的未來網頁
- 給網頁設計師的移動端網頁設計簡明指南網頁
- ★網頁設計教案網頁
- 什麼是網頁設計的"原子設計”?網頁
- 網頁設計內容網頁中關於圖片預覽的設計網頁
- 網頁設計的技巧總結網頁
- 酷酷的黑白網頁設計作品網頁
- 網頁設計的基本規範網頁
- 打破平淡魔咒的網頁設計網頁
- 優秀網頁設計的10個設計技巧網頁
- 沒人比程式設計師更討厭軟體程式設計師
- 使用 rem 設計網頁REM網頁
- php網頁模板設計PHP網頁
- JavaScript網頁設計案例JavaScript網頁
- photoshop網頁設計教程網站網頁網站
- 設計模式毀了網頁設計嗎?設計模式網頁
- PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程網頁
- 網頁設計中的響應式佈局設計網頁
- 網頁設計中的色彩心理學網頁
- 網頁設計的進化–資訊圖網頁
- 網頁設計的未來在何方?網頁
- 網頁設計的12種顏色網頁
- 簡潔的網頁設計原則網頁
- 優秀網頁設計的建議網頁
- 如何設計好網站的頁面網站
- 網頁設計有難題?12款網頁設計模板給你靈感!網頁
- 讓你的網頁更絲滑(一)網頁
- 讓你的網頁更絲滑(全)網頁
- 併發程式設計之臨界區\阻塞\非阻塞\死鎖\飢餓\活鎖程式設計
- 網站建設網頁設計小技巧分享網站網頁
- [譯] iPhone X 網頁設計iPhone網頁