英文 | https://ordinarycoders.medium.com/website-design-how-to-get-started-and-common-designs-d36ba321314a

翻譯 | web前端開(kāi)發(fā)

什么是網(wǎng)站設(shè)計(jì)，為什么它重要？

Web設(shè)計(jì)只是指網(wǎng)站UI布局。網(wǎng)頁(yè)設(shè)計(jì)對(duì)于吸引用戶(hù)并說(shuō)服他們購(gòu)買(mǎi)網(wǎng)站展示的產(chǎn)品很重要。

每個(gè)網(wǎng)站都在嘗試銷(xiāo)售產(chǎn)品；無(wú)論是時(shí)尚電子商務(wù)網(wǎng)站還是美食博客，這兩種類(lèi)型的網(wǎng)站都試圖說(shuō)服消費(fèi)者購(gòu)買(mǎi)其產(chǎn)品（服務(wù)或按月訂購(gòu)食譜）。那么，如何有效地吸引和說(shuō)服消費(fèi)者購(gòu)買(mǎi)產(chǎn)品呢？一部分答案在網(wǎng)頁(yè)設(shè)計(jì)里。

獲得為你設(shè)計(jì)的網(wǎng)站的平均費(fèi)用：

如果你想知道很多網(wǎng)頁(yè)設(shè)計(jì)者如何收費(fèi)，可以根據(jù)webfx.com定價(jià)的范圍來(lái)看，一般在$ 2,000到$ 15,000之間，F(xiàn)reshbooks.com網(wǎng)站上的報(bào)告顯示，基本在$ 5,000到$ 15,000的范圍，這是根據(jù)自己的需求情況來(lái)了解，具體需要花費(fèi)多少錢(qián)。但是，無(wú)需擔(dān)心，因?yàn)槟憧梢园凑找韵绿崾緦W(xué)習(xí)如何設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)站！

如何設(shè)計(jì)網(wǎng)站：

在考慮網(wǎng)站設(shè)計(jì)之前，你首先需要確定網(wǎng)站的用途。正如我前面提到的，每個(gè)網(wǎng)站都有一個(gè)目標(biāo)或試圖出售的產(chǎn)品，無(wú)論是告知用戶(hù)，鼓勵(lì)用戶(hù)購(gòu)買(mǎi)產(chǎn)品還是招待用戶(hù)。

雖然，可能很想根據(jù)自己的喜好來(lái)設(shè)計(jì)網(wǎng)站，但是，不幸的是，這種方法并不是有效設(shè)計(jì)網(wǎng)站的最好方法。

重要的是要考慮可能會(huì)點(diǎn)擊你的網(wǎng)站的廣泛用戶(hù)，因此最好選擇與你想要的網(wǎng)站類(lèi)型主題進(jìn)行匹配，而不是與你的偏好進(jìn)行主題匹配。

另外，需要考慮查看與你自己的網(wǎng)站相似的其他網(wǎng)站的演示，趨勢(shì)和模式。例如，如果你要?jiǎng)?chuàng)建一個(gè)專(zhuān)注于體育新聞的網(wǎng)站，那么請(qǐng)關(guān)注具有相同重點(diǎn)的網(wǎng)站。

簡(jiǎn)單的網(wǎng)站設(shè)計(jì)技巧：

學(xué)習(xí)設(shè)計(jì)網(wǎng)站時(shí)，請(qǐng)遵循以下一些基本技巧：

60–30–10顏色規(guī)則：網(wǎng)站的60％內(nèi)應(yīng)呈現(xiàn)一種基本顏色。互補(bǔ)色應(yīng)占網(wǎng)站上顯示的顏色的30％，強(qiáng)調(diào)色可以占網(wǎng)站上顯示的顏色的10％。遵循此規(guī)則有助于確保網(wǎng)站上顯示的顏色不會(huì)過(guò)多，以至于用戶(hù)確實(shí)知道將注意力指向何處。
不同的字號(hào)：為了幫助吸引用戶(hù)的注意，請(qǐng)使字詞的大小不同，以便用戶(hù)快速了解在他們面前所呈現(xiàn)的內(nèi)容。這與視頻或文章中的單詞的顯示方式?jīng)]有什么不同，標(biāo)題較大且粗體，而有關(guān)標(biāo)題的其他信息較小。
使用關(guān)鍵字：不要覺(jué)得不需要將你的網(wǎng)站提供的所有信息放在首頁(yè)上，把它拆開(kāi)！確保清晰，有用的信息是用戶(hù)單擊你的網(wǎng)站時(shí)首先看到的信息。
回答這個(gè)問(wèn)題：擁有一個(gè)精心設(shè)計(jì)的網(wǎng)站的一部分是能夠輕松找到你想要的東西。用戶(hù)將進(jìn)入一個(gè)網(wǎng)站，想知道某些功能在哪里。提供有關(guān)用戶(hù)可以在何處找到有關(guān)你網(wǎng)站所展示產(chǎn)品的更多信息的答案。
使用圖片：視覺(jué)效果可以幫助人們更好地理解信息，因此還可以幫助你了解與你的網(wǎng)站相關(guān)的照片。沒(méi)有人喜歡看一個(gè)無(wú)聊的黑白屏幕。
保持簡(jiǎn)單：不要在網(wǎng)站布局中包含過(guò)多的圖像或形狀。使設(shè)計(jì)保持簡(jiǎn)單有助于避免使用戶(hù)感到困惑。