“與眾不同”的一年即將結(jié)束。2020年對每個(gè)人來說都是獨(dú)一無二的，包括網(wǎng)頁設(shè)計(jì)師。它在幾個(gè)層面上挑戰(zhàn)了我們。

我們的日常工作因?yàn)楣镜归]、孩子們侵入家庭辦公室、客戶們需要我們的幫助來迅速改變他們的商業(yè)模式而變得復(fù)雜起來。盡管我們很多人都被困在家里，但很少有無聊的時(shí)刻。

除了這些，這一年出現(xiàn)了許多與流行病或其他混亂無關(guān)的事態(tài)發(fā)展。新的工具被推向市場，我們最喜歡的軟件看到了重要的更新，社區(qū)和以前一樣有創(chuàng)造力和幫助。換句話說，2020年有很多值得設(shè)計(jì)師和開發(fā)者慶祝的積極因素。

讓我們來回顧一下過去一年中影響web設(shè)計(jì)師的一些重要而有趣的發(fā)展。

雖然在2020年CSS沒有革命性的變化，但這并不意味著它沒有一個(gè)偉大的年份。恰恰相反。

該語言受益于web瀏覽器的持續(xù)穩(wěn)定發(fā)展。隨著Chrome、Edge、Firefox和Safari的最新版本的發(fā)布，對新的CSS標(biāo)準(zhǔn)和規(guī)格的支持也在增長。

在實(shí)踐中，這意味著web設(shè)計(jì)師可以自信地采用新技術(shù)。例如，CSS網(wǎng)格布局是一個(gè)比幾年前更安全的賭注。雖然退讓從來都不是壞主意，但也不需要那么極端。

這是因?yàn)槭褂胕e等傳統(tǒng)瀏覽器的用戶數(shù)量正在減少。據(jù)StatCounter Global統(tǒng)計(jì)數(shù)據(jù)顯示，截至2020年10月，IE的市場占有率僅為1.05%。相比之下，一年前的數(shù)據(jù)接近2%。

IE和其他過時(shí)的瀏覽器越落后，就越容易將最新的CSS開發(fā)引入生產(chǎn)網(wǎng)站。這使得這門語言能夠更好地發(fā)揮其巨大的潛力。2020年是朝這個(gè)方向邁出的一大步。

“無頭”或“獨(dú)立”內(nèi)容管理系統(tǒng)的使用勢頭繼續(xù)增強(qiáng)。這種實(shí)踐涉及到使用CMS(如WordPress)將內(nèi)容提供給外部應(yīng)用程序。

這就引出了幾種有趣的可能性。你可以將內(nèi)容發(fā)送到移動(dòng)應(yīng)用程序——允許你的應(yīng)用程序和網(wǎng)站共享相同的博客文章。同樣，您可以利用靜態(tài)網(wǎng)站生成器，如GatsbyJS或11ty，來創(chuàng)建超快的用戶體驗(yàn)——非常適合流量大的網(wǎng)站。同時(shí)為內(nèi)容創(chuàng)建者保持一個(gè)熟悉的后端UI。

而且，盡管這項(xiàng)技術(shù)還相對年輕，你可以看到它已經(jīng)開始生根發(fā)芽。GatsbyJS在過去的一年里取得了很大的進(jìn)步。與之配套的查詢語言GraphQL正在穩(wěn)步成熟。它的目標(biāo)是既高效又高效。

此外，一些工具正在構(gòu)建，以簡化創(chuàng)建無頭配置的過程。這是至關(guān)重要的，因?yàn)槟壳斑@不是一個(gè)初學(xué)者友好的任務(wù)。這一切變得越容易，它的使用就會(huì)越廣泛，越有創(chuàng)造性。

目前，無頭CMS配置正在被越來越多地部署。不過，除非您是專家，否則一頭扎進(jìn)去并為客戶項(xiàng)目采用這種技術(shù)可能是不明智的。

因此，最好從小處著手，進(jìn)行實(shí)驗(yàn)。一旦你到了陸地上，無頭可能是一個(gè)很好的解決方案。

我們構(gòu)建網(wǎng)站和移動(dòng)應(yīng)用原型的方式在不斷變化。許多設(shè)計(jì)師正在避開Photoshop等傳統(tǒng)工具，轉(zhuǎn)而使用Adobe XD、Figma和Sketch等小眾應(yīng)用。

這些工具都是基于web和移動(dòng)應(yīng)用程序而構(gòu)建的。因此，設(shè)計(jì)師不必滿足于將靜態(tài)模型圖像傳遞給客戶端。相反地，他們可以創(chuàng)造一些能夠更好地代表最終產(chǎn)品的交互性的東西。

當(dāng)然，這些工具本身并不新鮮——它們已經(jīng)上市好幾年了。但到了2020年，使用這些應(yīng)用程序的理由變得越來越有說服力。

首先，每一個(gè)都有強(qiáng)大的開發(fā)人員社區(qū)，發(fā)布有用的東西，如插件和UI工具包。它們幫助設(shè)計(jì)師擴(kuò)展功能和提高效率。這些應(yīng)用程序本身也發(fā)布了一些令人興奮的功能，還包括平滑粗糙的邊緣。

然而，應(yīng)用原型的另一個(gè)特征也變得非常重要:它們內(nèi)置的協(xié)作工具。它們促進(jìn)了來自客戶和團(tuán)隊(duì)成員的遠(yuǎn)程反饋。今年我們很多人都在家工作，任何能讓評估過程更容易的事情都是一筆巨大的獎(jiǎng)金。

看看編輯器的UI，它比最初的UI要超前很多。很多開發(fā)時(shí)間都花在了讓界面更直觀上。四處走動(dòng)要容易得多，尋找和選擇單個(gè)方塊也是如此。

可訪問性也是一大關(guān)注點(diǎn)。這個(gè)特殊的主題在web開發(fā)的所有領(lǐng)域都很重要，但也是對古騰堡早期版本的主要批評。因此，改善UI并使其更易于使用是2020年的一大勝利。

這一年我們還看到了自定義塊模式的引入，這使得使用和重用特定的布局更加容易。能夠在任何需要的地方實(shí)現(xiàn)自定義布局是一個(gè)不小的成就。這是塊編輯器在某些用例中難以銷售的缺失特性之一。

雖然還沒有準(zhǔn)備好進(jìn)入黃金時(shí)段，但gutenberg支持的完整網(wǎng)站編輯(FSE)正在進(jìn)行中。這將使用戶與一個(gè)兼容的主題編輯他們的網(wǎng)站的所有方面通過塊編輯器。今年早些時(shí)候，第一個(gè)這樣的主題Q已經(jīng)可以下載了。

總之，WordPress現(xiàn)在有了一個(gè)默認(rèn)的編輯體驗(yàn)，可以認(rèn)真考慮用于任何項(xiàng)目。頁面構(gòu)建器仍然有一些優(yōu)勢——更不用說古老的經(jīng)典編輯器了。但blocks正在流行起來。

你可能會(huì)注意到，上面這些項(xiàng)目都涉及到進(jìn)化變化。這里的一切似乎都不是網(wǎng)頁設(shè)計(jì)師的分水嶺。事實(shí)上，在推特上提出這個(gè)問題也沒有得到任何驚天動(dòng)地的建議。

也許這不是什么引人注目的頭條新聞。然而，這也意味著，在一個(gè)混亂的年份，網(wǎng)頁設(shè)計(jì)行業(yè)有一個(gè)令人欣慰的一致性。我們已經(jīng)使用的工具和技術(shù)變得更好了。那沒什么可抱怨的。

當(dāng)我們回顧多年后的今天，許多歷史性事件將從2020年脫穎而出。但網(wǎng)頁設(shè)計(jì)師可能會(huì)認(rèn)為，這是一個(gè)為更大的事情做準(zhǔn)備的時(shí)候。