如果說(shuō)網(wǎng)站設(shè)計(jì)師們最喜歡做什么，那就是重新設(shè)計(jì)網(wǎng)站。網(wǎng)站設(shè)計(jì)師獲得社會(huì)關(guān)注最簡(jiǎn)單的方法之一就是重新設(shè)計(jì)一些公共的東西——比如iOS的下一個(gè)版本，一個(gè)著名的網(wǎng)站，甚至是他們自己的網(wǎng)站設(shè)計(jì)。雖然這是設(shè)計(jì)師證明和發(fā)展他們技能的好方法，但他們都有一個(gè)共同點(diǎn)。他們完全專注于產(chǎn)品的視覺(jué)設(shè)計(jì)。任何資深設(shè)計(jì)師都會(huì)很高興地告訴你，一個(gè)設(shè)計(jì)是由很多東西的組合而成的，視覺(jué)設(shè)計(jì)只是其中之一。

網(wǎng)站重新設(shè)計(jì)意味著什么？

網(wǎng)站重新設(shè)計(jì)的主要焦點(diǎn)應(yīng)該是“改進(jìn)”，這可以在很多地方實(shí)現(xiàn)，但是網(wǎng)站設(shè)計(jì)師自然傾向于通過(guò)創(chuàng)建一個(gè)全新的視覺(jué)設(shè)計(jì)來(lái)專注于設(shè)計(jì)，并且仍然使用相同的技術(shù)。

喬布斯的經(jīng)典名言

有一句話在設(shè)計(jì)場(chǎng)景中使用得很多，特別是在ux設(shè)計(jì)師中：

大多數(shù)人錯(cuò)誤地認(rèn)為設(shè)計(jì)就是它的樣子，人們認(rèn)為這是一種飾面——設(shè)計(jì)師們被遞給這個(gè)盒子，并被告知，“讓它看起來(lái)更好！”“這不是我們認(rèn)為的設(shè)計(jì)。不僅僅是它的樣子和感覺(jué)。設(shè)計(jì)就是它的工作原理。

史蒂夫?喬布斯

對(duì)于一個(gè)喜歡引用它的行業(yè)來(lái)說(shuō)，出于某種原因，我們似乎過(guò)于關(guān)注它的外觀，而完全忽略了它的工作原理。對(duì)于這次的重新設(shè)計(jì)，我想完全關(guān)注它是如何工作的。

設(shè)計(jì)師應(yīng)該代碼？

不想再一次陷入“設(shè)計(jì)師應(yīng)該編寫(xiě)代碼”的爭(zhēng)論中，但我們似乎終于要離開(kāi)這個(gè)話題了。確實(shí)認(rèn)為理解真正能夠編寫(xiě)代碼和網(wǎng)站設(shè)計(jì)師從網(wǎng)站設(shè)計(jì)和代碼的結(jié)合中看到價(jià)值之間的區(qū)別是很重要的——可訪問(wèn)性、速度、隱私和SEO等等。我們的設(shè)計(jì)是為了解決問(wèn)題，為企業(yè)服務(wù)——編碼就是其中的一部分。自己的編程技能相當(dāng)有限——如何繞過(guò)基本的CSS和HTML，但沒(méi)有比這更高級(jí)的了。幸運(yùn)的是，網(wǎng)站設(shè)計(jì)師可以使用許多工具來(lái)改進(jìn)他們的網(wǎng)站用戶體驗(yàn)。

可訪問(wèn)性和隱私

網(wǎng)站設(shè)計(jì)的首要任務(wù)是“以最易訪問(wèn)的方式為用戶提供相關(guān)內(nèi)容”，雖然這聽(tīng)起來(lái)像是一件很普通的事情（確實(shí)如此），但做到這一點(diǎn)完全是另外一回事。你看，可訪問(wèn)的東西很多。舉幾個(gè)例子，這意味著網(wǎng)站設(shè)計(jì)很容易閱讀和導(dǎo)航，同時(shí)保持網(wǎng)站加載速度快。

安全

網(wǎng)站設(shè)計(jì)師讓您的網(wǎng)站行動(dòng)起來(lái)，并為您的網(wǎng)站設(shè)置SSL。域名旁邊的“不安全”標(biāo)題不會(huì)給你帶來(lái)任何好處。你的用戶通知，Let 's Encrypt提供免費(fèi)的SSL證書(shū)，如果您使用Netlify這樣的服務(wù)（您應(yīng)該這樣做），那么這就像切換開(kāi)關(guān)一樣簡(jiǎn)單，這也會(huì)提高你的百度排名，一個(gè)更安全的網(wǎng)絡(luò)對(duì)每個(gè)人都有好處。

百度的燈塔

百度Lighthouse是用來(lái)審核網(wǎng)頁(yè)質(zhì)量的一個(gè)方便的工具，您可以在任何網(wǎng)站設(shè)計(jì)頁(yè)面上運(yùn)行它。它對(duì)性能、可訪問(wèn)性、最佳實(shí)踐、SEO等進(jìn)行審計(jì)。您是否嘗試過(guò)在沒(méi)有必要添加特性或進(jìn)行（可視化）重新設(shè)計(jì)的情況下，如何改進(jìn)用戶的體驗(yàn)？

唯一的視覺(jué)變化

所以作為一個(gè)不斷迭代的人，不能在不做任何視覺(jué)改變的情況下重新網(wǎng)站設(shè)計(jì)。唯一的視覺(jué)差異是主文本顏色的變化——從#FE6963到#9c0061，從鮮亮的覆盆子紅到深紫紅色。為什么？因?yàn)楦才枳蛹t沒(méi)有達(dá)到aa級(jí)的WCAG對(duì)比度要求。這個(gè)更新的配色方案通過(guò)AA、AAA為小型和大型文本。偉大的設(shè)計(jì)適合每一個(gè)人。

你的下一個(gè)網(wǎng)站設(shè)計(jì)

那么，如果在下一次重新網(wǎng)站設(shè)計(jì)時(shí)，您不僅關(guān)注視覺(jué)設(shè)計(jì)，還考慮如何才能最終更好地為用戶服務(wù)呢？當(dāng)然，這可以通過(guò)更直觀和用戶友好的設(shè)計(jì)來(lái)實(shí)現(xiàn)——但請(qǐng)記住，這只是定義事物如何工作的一個(gè)方面。