資源描述：
《網(wǎng)頁設(shè)計正在失去靈魂》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、網(wǎng)頁設(shè)計正在失去靈魂推薦語：如今，產(chǎn)品首頁設(shè)計趨同的現(xiàn)象愈發(fā)常見。是什么讓自詡為創(chuàng)意工作者的設(shè)計師們走向了同一個方向呢？讓這片文章提醒設(shè)計師們，應(yīng)該打破現(xiàn)成的設(shè)計框架，不要讓我們的設(shè)計失去靈魂，做自己的破壁人你點開一個網(wǎng)站鏈接，然后頁面開始加載。首先出現(xiàn)的是一張巨大的照片，它占據(jù)了你的整個視野。照片上是一組人……所謂的產(chǎn)品剛好能在某人的iPhone屏幕上看得到。在這張照片之上，有一個簡短的句子，用一種不知所謂的方式描述了這個產(chǎn)品。（譯注：通?？雌饋頋M是「情懷」。）并且這句話使用的肯定是非襯線字體。上面所說的網(wǎng)站似曾相識對嗎？如今，產(chǎn)品首頁設(shè)計趨同的現(xiàn)象愈發(fā)常
2、見。是什么讓自詡為創(chuàng)意工作者的設(shè)計師們走向了同一個方向呢？今天翻譯的這篇文章，原作者Noah試圖提醒設(shè)計師們，應(yīng)該打破現(xiàn)成的設(shè)計框架，不要讓我們的設(shè)計失去靈魂，做自己的破壁人。下面進入譯文。大約在一年半之前，我就已經(jīng)感覺到了（網(wǎng)頁設(shè)計正在失去靈魂）。當(dāng)時有一條推特進入了我的信息流，和那時候時興的東西差不多，它是一個鏈接，指向一個熱門新奇的響應(yīng)式設(shè)計的網(wǎng)站?！亨?，我喜歡牛逼的設(shè)計』我想到，然后就點開了鏈接。但我看見的卻是災(zāi)難：滿眼都是盒子模型和柵格。這就是所謂的「牛逼」的新設(shè)計嗎？在我看來，它不過就是一個與其他響應(yīng)式設(shè)計的網(wǎng)站差不多的鬼東西罷了。然后，就像普通
3、網(wǎng)友一樣，我擬了一條新的推特，『我討厭#響應(yīng)式設(shè)計?！晃蚁肓讼?，覺得這還不夠，就又稍微修改了一下語氣，『我真心討厭#響應(yīng)式設(shè)計』魔法去哪了？這條推特像是一種……嗯……對響應(yīng)式設(shè)計的褻瀆，對嗎？因為所有人都認為它是網(wǎng)頁發(fā)展的未來。但在我看來，整個網(wǎng)絡(luò)世界正在失去它的魔力。是的，我認為這是響應(yīng)式設(shè)計的錯。為了好好解釋這個觀點，我們必須先回到2000年初的那個網(wǎng)絡(luò)世界。在那個時候，K10K，CSS禪意花園，Stylegala以及2advanced，這些網(wǎng)站都是網(wǎng)頁設(shè)計最大的靈感來源。（譯注：這些網(wǎng)站都是當(dāng)時網(wǎng)頁設(shè)計探索的先鋒，也引領(lǐng)著早期網(wǎng)站設(shè)計的潮流。）那時候，
4、Stylegala每個月都會介紹一個「本月最佳網(wǎng)站」，這對我來說，就像是圣誕節(jié)的清晨對一個六歲小孩一樣重要。我會花好幾個小時來瀏覽這些網(wǎng)站，研究所有美妙的細節(jié)，以及那些設(shè)計師們所投入的激情。無形之美說回我的推特。我知道我應(yīng)該寫得少一些粗暴，多一些政治正確——『我感覺響應(yīng)式設(shè)計在吮吸網(wǎng)站設(shè)計的靈魂（譯注：就像攝魂怪吮吸魔法師的靈魂）。每一個元素都是盒子模型和柵格。那些創(chuàng)造力都去哪里了？』這條推特發(fā)出去后，有人圍繞它創(chuàng)建了一個討論分支，獲得了接近15,000次瀏覽。許多人問我，如何定義我所說的「靈魂」。這又要回到我之前提到的K10K，Stylegala等網(wǎng)站。它
5、們的設(shè)計是那么的獨一無二和精雕細琢。我所說的「靈魂」就是這些設(shè)計里那些無形的細節(jié)。與眾不同的網(wǎng)站你見過平庸的網(wǎng)站，也見過與眾不同的網(wǎng)站。是什么在區(qū)分它們？對那些沒有受過專業(yè)訓(xùn)練的眼睛來說，這些網(wǎng)站看起來差不多。但是對于我們當(dāng)中那些熱愛設(shè)計的人來說，有的網(wǎng)站擁有靈魂。我想念這些靈魂。但是為什么我們很難再看到這種與眾不同的網(wǎng)站了？我這有個答案。去年，ElliotJayStocks寫了一篇文章，名為《為什么如今的設(shè)計師們停止了發(fā)夢？》文中寫道：你點開一個網(wǎng)站鏈接，然后頁面開始加載。首先出現(xiàn)的是一張巨大的照片，它占據(jù)了你的整個視野。照片上是一組人……所謂的產(chǎn)品剛好能
6、在某人的iPhone屏幕上看得到。在這張照片之上，有一個簡短的句子，用一種不知所謂的方式描述了這個產(chǎn)品。（譯注：通?？雌饋頋M是「情懷」。）并且這句話使用的肯定是非襯線字體。你輕輕地向下滑動頁面，那張超大的、漂亮的照片停在那里，慢慢變得模糊直到新的內(nèi)容從它的下面出現(xiàn)……你再向下滑動一點，許多小圖形開始以動畫的形式跑進了視野里。然后……你注意到一個半透明的菜單也已經(jīng)悄悄地進入了視野，并且把自己鎖定在頁面的頂部。當(dāng)你滾動頁面并經(jīng)過產(chǎn)品描述時，這條巨大的、扁平色彩的帶子就停留在那里。還有一組一看就是經(jīng)過精心布光并拍攝完成的團隊成員的照片，每個人都努力做出他們最「有意
7、思」的表情。是不是聽起來有點像是你之前見過的網(wǎng)站？這些流行趨勢隨著商業(yè)而來，并且成了被模仿的對象。我喜歡Stocks接下來說的話——我們已經(jīng)擁有了這些簡潔的設(shè)計模式，但這并不意味著我們這些設(shè)計師不用再推動我們自己去創(chuàng)造美妙的在線體驗了。響應(yīng)式設(shè)計的破壁人響應(yīng)式設(shè)計呢？毫無疑問，比起那些老式的、固定寬度的網(wǎng)站，響應(yīng)式設(shè)計需要花費更多的時間去開發(fā)。HappyCog的ChrisCashdollar寫了一篇雄文，談到了響應(yīng)式設(shè)計也可以打破常規(guī)。有件事情已經(jīng)成為一種習(xí)慣性的做法——當(dāng)我們看到一個設(shè)計需求，接著就會在腦中分解它，然后想想如何使用已有的模塊去拼湊它。我們都
8、是基于我們過去的設(shè)計經(jīng)驗來做的——所以有時候當(dāng)一個設(shè)
