網頁設計正在失去靈魂

0 評論 10116 瀏覽 3 收藏 9 分鐘

推薦語:如今,產品首頁設計趨同的現象愈發常見。是什么讓自詡為創意工作者的設計師們走向了同一個方向呢?讓這片文章提醒設計師們,應該打破現成的設計框架,不要讓我們的設計失去靈魂,做自己的破壁人

你點開一個網站鏈接,然后頁面開始加載。首先出現的是一張巨大的照片,它占據了你的整個視野。照片上是一組人……所謂的產品剛好能在某人的 iPhone 屏幕上看得到。在這張照片之上,有一個簡短的句子,用一種不知所謂的方式描述了這個產品。(譯注:通??雌饋頋M是「情懷」。)并且這句話使用的肯定是非襯線字體。

上面所說的網站似曾相識對嗎?如今,產品首頁設計趨同的現象愈發常見。是什么讓自詡為創意工作者的設計師們走向了同一個方向呢?今天翻譯的這篇文章,原作者 Noah 試圖提醒設計師們,應該打破現成的設計框架,不要讓我們的設計失去靈魂,做自己的破壁人。下面進入譯文。

大約在一年半之前,我就已經感覺到了(網頁設計正在失去靈魂)。當時有一條推特進入了我的信息流,和那時候時興的東西差不多,它是一個鏈接,指向一個熱門新奇的響應式設計的網站。

『噢,我喜歡牛逼的設計』我想到,然后就點開了鏈接。但我看見的卻是災難:滿眼都是盒子模型和柵格。這就是所謂的「牛逼」的新設計嗎?在我看來,它不過就是一個與其他響應式設計的網站差不多的鬼東西罷了。

然后,就像普通網友一樣,我擬了一條新的推特,『我討厭 #響應式設計?!?/p>

我想了想,覺得這還不夠,就又稍微修改了一下語氣,『我真心討厭 #響應式設計』

魔法去哪了?

這條推特像是一種……嗯……對響應式設計的褻瀆,對嗎?因為所有人都認為它是網頁發展的未來。但在我看來,整個網絡世界正在失去它的魔力。是的,我認為這是響應式設計的錯。為了好好解釋這個觀點,我們必須先回到 2000 年初的那個網絡世界。

在那個時候,K10K,CSS 禪意花園,Stylegala 以及 2advanced,這些網站都是網頁設計最大的靈感來源。(譯注:這些網站都是當時網頁設計探索的先鋒,也引領著早期網站設計的潮流。)那時候,Stylegala 每個月都會介紹一個「本月最佳網站」,這對我來說,就像是圣誕節的清晨對一個六歲小孩一樣重要。

我會花好幾個小時來瀏覽這些網站,研究所有美妙的細節,以及那些設計師們所投入的激情。

無形之美

說回我的推特。我知道我應該寫得少一些粗暴,多一些政治正確——『我感覺響應式設計在吮吸網站設計的靈魂(譯注:就像攝魂怪吮吸魔法師的靈魂)。每一個元素都是盒子模型和柵格。那些創造力都去哪里了?』

這條推特發出去后,有人圍繞它創建了一個討論分支,獲得了接近 15,000 次瀏覽。許多人問我,如何定義我所說的「靈魂」。

這又要回到我之前提到的 K10K,Stylegala等網站。它們的設計是那么的獨一無二和精雕細琢。我所說的「靈魂」就是這些設計里那些無形的細節。

與眾不同的網站

你見過平庸的網站,也見過與眾不同的網站。是什么在區分它們?對那些沒有受過專業訓練的眼睛來說,這些網站看起來差不多。但是對于我們當中那些熱愛設計的人來說,有的網站擁有靈魂。我想念這些靈魂。但是為什么我們很難再看到這種與眾不同的網站了?我這有個答案。

去年,Elliot Jay Stocks 寫了一篇文章,名為《為什么如今的設計師們停止了發夢?》文中寫道:

你點開一個網站鏈接,然后頁面開始加載。首先出現的是一張巨大的照片,它占據了你的整個視野。照片上是一組人……所謂的產品剛好能在某人的 iPhone 屏幕上看得到。在這張照片之上,有一個簡短的句子,用一種不知所謂的方式描述了這個產品。(譯注:通常看起來滿是「情懷」。)并且這句話使用的肯定是非襯線字體。

fa2f55

你輕輕地向下滑動頁面,那張超大的、漂亮的照片停在那里,慢慢變得模糊直到新的內容從它的下面出現……你再向下滑動一點,許多小圖形開始以動畫的形式跑進了視野里。

然后……你注意到一個半透明的菜單也已經悄悄地進入了視野,并且把自己鎖定在頁面的頂部。當你滾動頁面并經過產品描述時,這條巨大的、扁平色彩的帶子就停留在那里。還有一組一看就是經過精心布光并拍攝完成的團隊成員的照片,每個人都努力做出他們最「有意思」的表情。

是不是聽起來有點像是你之前見過的網站?這些流行趨勢隨著商業而來,并且成了被模仿的對象。我喜歡 Stocks 接下來說的話 —— 我們已經擁有了這些簡潔的設計模式,但這并不意味著我們這些設計師不用再推動我們自己去創造美妙的在線體驗了。

響應式設計的破壁人

ad4

響應式設計呢?毫無疑問,比起那些老式的、固定寬度的網站,響應式設計需要花費更多的時間去開發。Happy Cog 的 Chris Cashdollar 寫了一篇雄文,談到了響應式設計也可以打破常規。

有件事情已經成為一種習慣性的做法——當我們看到一個設計需求,接著就會在腦中分解它,然后想想如何使用已有的模塊去拼湊它。我們都是基于我們過去的設計經驗來做的——所以有時候當一個設計上的挑戰讓我們卡殼時,往往是因為它不并適用于任何我們所熟知的、已有的模塊。

逼迫你自己跳出盒子模型去思考吧。如果你明白了 CSS 定位屬性的基礎,那么理論上你就可以做任何事情了。如果你還沒有完全理解它,或者需要復習一下,我寫過一篇文章也許會有幫助。

響應式設計是未來,這是毫無疑問的,而且我們當中的有些人已經走在了前面。我很期待看到我們的設計師因為持續地學習并掌握響應式開發的技能,然后做出東西來。更重要的是,我很期待看到你們中的一些人將靈魂帶回到你們的工作中,并將那些遺失的魔法重新帶回我們的網絡世界。

#專欄作家#

zhucbeta,微信公眾號:設計譯言,人人都是產品經理專欄作家。前產品汪現線框仔,關注以用戶為中心的產品設計。Trying?to?make?a?Duang?in?the?universe.

轉載請保留上述作者信息并附帶本文鏈接

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!