GOGOGO免费完整国语版_GOGOGO手机高清在线观看_GOGOGO免费完整国语_GOGOGO高清完整版_GOGOGO免费高清在线完整版_GOGOGO免费高清完整版

400-611-9921

當(dāng)前位置:首頁(yè) > 新聞資訊 > 建站知識(shí)
廣州縱天之響應(yīng)式網(wǎng)站設(shè)計(jì)正在失去靈魂

2016-02-17

2691



你點(diǎn)開(kāi)一個(gè)網(wǎng)站鏈接,然后頁(yè)面開(kāi)始加載。首先出現(xiàn)的是一張巨大的照片,它占據(jù)了你的整個(gè)視野。照片上是一組人……所謂的產(chǎn)品剛好能在某人的 iPhone 屏幕上看得到。在這張照片之上,有一個(gè)簡(jiǎn)短的句子,用一種不知所謂的方式描述了這個(gè)產(chǎn)品。(譯注:通??雌饋?lái)滿(mǎn)是「情懷」。)并且這句話(huà)使用的肯定是非襯線(xiàn)字體。

上面所說(shuō)的網(wǎng)站似曾相識(shí)對(duì)嗎?如今,產(chǎn)品首頁(yè)設(shè)計(jì)趨同的現(xiàn)象愈發(fā)常見(jiàn)。是什么讓自詡為創(chuàng)意工作者的設(shè)計(jì)師們走向了同一個(gè)方向呢?今天翻譯的這篇文章,原作者 Noah 試圖提醒設(shè)計(jì)師們,應(yīng)該打破現(xiàn)成的設(shè)計(jì)框架,不要讓我們的設(shè)計(jì)失去靈魂,做自己的破壁人。下面進(jìn)入譯文。

大約在一年半之前,我就已經(jīng)感覺(jué)到了(網(wǎng)頁(yè)設(shè)計(jì)正在失去靈魂)。當(dāng)時(shí)有一條推特進(jìn)入了我的信息流,和那時(shí)候時(shí)興的東西差不多,它是一個(gè)鏈接,指向一個(gè)熱門(mén)新奇的響應(yīng)式設(shè)計(jì)的網(wǎng)站。

『噢,我喜歡牛逼的設(shè)計(jì)』我想到,然后就點(diǎn)開(kāi)了鏈接。但我看見(jiàn)的卻是災(zāi)難:滿(mǎn)眼都是盒子模型和柵格。這就是所謂的「牛逼」的新設(shè)計(jì)嗎?在我看來(lái),它不過(guò)就是一個(gè)與其他響應(yīng)式設(shè)計(jì)的網(wǎng)站差不多的鬼東西罷了。

然后,就像普通網(wǎng)友一樣,我擬了一條新的推特,『我討厭 #響應(yīng)式設(shè)計(jì)?!?

我想了想,覺(jué)得這還不夠,就又稍微修改了一下語(yǔ)氣,『我真心討厭 #響應(yīng)式設(shè)計(jì)』

魔法去哪了?

這條推特像是一種……嗯……對(duì)響應(yīng)式設(shè)計(jì)的褻瀆,對(duì)嗎?因?yàn)樗腥硕颊J(rèn)為它是網(wǎng)頁(yè)發(fā)展的未來(lái)。但在我看來(lái),整個(gè)網(wǎng)絡(luò)世界正在失去它的魔力。是的,我認(rèn)為這是響應(yīng)式設(shè)計(jì)的錯(cuò)。為了好好解釋這個(gè)觀點(diǎn),我們必須先回到 2000 年初的那個(gè)網(wǎng)絡(luò)世界。

在那個(gè)時(shí)候,K10K,CSS 禪意花園,Stylegala 以及 2advanced,這些網(wǎng)站都是網(wǎng)頁(yè)設(shè)計(jì)最大的靈感來(lái)源。(譯注:這些網(wǎng)站都是當(dāng)時(shí)網(wǎng)頁(yè)設(shè)計(jì)探索的先鋒,也引領(lǐng)著早期網(wǎng)站設(shè)計(jì)的潮流。)那時(shí)候,Stylegala 每個(gè)月都會(huì)介紹一個(gè)「本月最佳網(wǎng)站」,這對(duì)我來(lái)說(shuō),就像是圣誕節(jié)的清晨對(duì)一個(gè)六歲小孩一樣重要。

我會(huì)花好幾個(gè)小時(shí)來(lái)瀏覽這些網(wǎng)站,研究所有美妙的細(xì)節(jié),以及那些設(shè)計(jì)師們所投入的激情。

無(wú)形之美

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

這條推特發(fā)出去后,有人圍繞它創(chuàng)建了一個(gè)討論分支,獲得了接近 15,000 次瀏覽。許多人問(wèn)我,如何定義我所說(shuō)的「靈魂」。

這又要回到我之前提到的 K10K,Stylegala等網(wǎng)站。它們的設(shè)計(jì)是那么的獨(dú)一無(wú)二和精雕細(xì)琢。我所說(shuō)的「靈魂」就是這些設(shè)計(jì)里那些無(wú)形的細(xì)節(jié)。

與眾不同的網(wǎng)站

你見(jiàn)過(guò)平庸的網(wǎng)站,也見(jiàn)過(guò)與眾不同的網(wǎng)站。是什么在區(qū)分它們?對(duì)那些沒(méi)有受過(guò)專(zhuān)業(yè)訓(xùn)練的眼睛來(lái)說(shuō),這些網(wǎng)站看起來(lái)差不多。但是對(duì)于我們當(dāng)中那些熱愛(ài)設(shè)計(jì)的人來(lái)說(shuō),有的網(wǎng)站擁有靈魂。廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,廣州響應(yīng)式網(wǎng)站我想念這些靈魂。但是為什么我們很難再看到這種與眾不同的網(wǎng)站了?我這有個(gè)答案。

去年,Elliot Jay Stocks 寫(xiě)了一篇文章,名為《為什么如今的設(shè)計(jì)師們停止了發(fā)夢(mèng)?》文中寫(xiě)道:

你點(diǎn)開(kāi)一個(gè)網(wǎng)站鏈接,然后頁(yè)面開(kāi)始加載。首先出現(xiàn)的是一張巨大的照片,它占據(jù)了你的整個(gè)視野。照片上是一組人……所謂的產(chǎn)品剛好能在某人的 iPhone 屏幕上看得到。在這張照片之上,有一個(gè)簡(jiǎn)短的句子,用一種不知所謂的方式描述了這個(gè)產(chǎn)品。(譯注:通??雌饋?lái)滿(mǎn)是「情懷」。)并且這句話(huà)使用的肯定是非襯線(xiàn)字體。

你輕輕地向下滑動(dòng)頁(yè)面,那張超大的、漂亮的照片停在那里,慢慢變得模糊直到新的內(nèi)容從它的下面出現(xiàn)……你再向下滑動(dòng)一點(diǎn),許多小圖形開(kāi)始以動(dòng)畫(huà)的形式跑進(jìn)了視野里。

然后……你注意到一個(gè)半透明的菜單也已經(jīng)悄悄地進(jìn)入了視野,廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,廣州響應(yīng)式網(wǎng)站并且把自己鎖定在頁(yè)面的頂部。當(dāng)你滾動(dòng)頁(yè)面并經(jīng)過(guò)產(chǎn)品描述時(shí),這條巨大的、扁平色彩的帶子就停留在那里。還有一組一看就是經(jīng)過(guò)精心布光并拍攝完成的團(tuán)隊(duì)成員的照片,每個(gè)人都努力做出他們最「有意思」的表情。

是不是聽(tīng)起來(lái)有點(diǎn)像是你之前見(jiàn)過(guò)的網(wǎng)站?這些流行趨勢(shì)隨著商業(yè)而來(lái),并且成了被模仿的對(duì)象。我喜歡 Stocks 接下來(lái)說(shuō)的話(huà) —— 我們已經(jīng)擁有了這些簡(jiǎn)潔的設(shè)計(jì)模式,但這并不意味著我們這些設(shè)計(jì)師不用再推動(dòng)我們自己去創(chuàng)造美妙的在線(xiàn)體驗(yàn)了。

響應(yīng)式設(shè)計(jì)的破壁人

響應(yīng)式設(shè)計(jì)呢?毫無(wú)疑問(wèn),比起那些老式的、固定寬度的網(wǎng)站,響應(yīng)式設(shè)計(jì)需要花費(fèi)更多的時(shí)間去開(kāi)發(fā)。Happy Cog 的 Chris Cashdollar 寫(xiě)了一篇雄文,談到了響應(yīng)式設(shè)計(jì)也可以打破常規(guī)。

有件事情已經(jīng)成為一種習(xí)慣性的做法——當(dāng)我們看到一個(gè)設(shè)計(jì)需求,接著就會(huì)在腦中分解它,然后想想如何使用已有的模塊去拼湊它。我們都是基于我們過(guò)去的設(shè)計(jì)經(jīng)驗(yàn)來(lái)做的——所以有時(shí)候當(dāng)一個(gè)設(shè)計(jì)上的挑戰(zhàn)讓我們卡殼時(shí),往往是因?yàn)樗徊⑦m用于任何我們所熟知的、已有的模塊。

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

響應(yīng)式設(shè)計(jì)是未來(lái),這是毫無(wú)疑問(wèn)的,而且我們當(dāng)中的有些人已經(jīng)走在了前面。我很期待看到我們的設(shè)計(jì)師因?yàn)槌掷m(xù)地學(xué)習(xí)并掌握響應(yīng)式開(kāi)發(fā)的技能,然后做出東西來(lái)。更重要的是,我很期待看到你們中的一些人將靈魂帶回到你們的工作中,并將那些遺失的魔法重新帶回我們的網(wǎng)絡(luò)世界。


關(guān)注我們:在查找公眾號(hào)中搜索:zomsky1688,或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號(hào)

本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天 

關(guān)鍵詞:廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,廣州響應(yīng)式網(wǎng)站

免費(fèi)咨詢(xún)熱線(xiàn)

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢(xún)
官方微信
微信咨詢(xún)
在線(xiàn)咨詢(xún)
TOP

立即與縱天項(xiàng)目顧問(wèn)通話(huà)

400-611-9921

您也可以咨詢(xún)我們的在線(xiàn)客服或預(yù)約資深顧問(wèn)

信息保護(hù)中,請(qǐng)放心填寫(xiě)
關(guān)閉
免費(fèi)獲取方案
两当县| 遂溪县| 虹口区| 浠水县| 宾阳县| 若尔盖县| 庄浪县| 上饶市| 冀州市| 赤壁市| 民权县| 罗山县| 彭州市| 安西县| 合作市| 兴文县| 西昌市| 县级市| 泾川县| 潮州市| 忻城县| 年辖:市辖区| 永兴县| 七台河市| 新余市| 建平县| 普兰店市| 石棉县| 凤阳县| 霍城县| 莱阳市| 乡宁县| 那坡县| 维西| 徐汇区| 阳山县| 邯郸县| 乌兰察布市| 高雄县| 马鞍山市| 株洲县|