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

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

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

Web設(shè)計只是指網(wǎng)站UI布局。網(wǎng)頁設(shè)計對于吸引用戶并說服他們購買網(wǎng)站展示的產(chǎn)品很重要。

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

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

如果你想知道很多網(wǎng)頁設(shè)計者如何收費，可以根據(jù)webfx.com定價的范圍來看，一般在$ 2,000到$ 15,000之間，F(xiàn)reshbooks.com網(wǎng)站上的報告顯示，基本在$ 5,000到$ 15,000的范圍，這是根據(jù)自己的需求情況來了解，具體需要花費多少錢。但是，無需擔(dān)心，因為你可以按照以下提示學(xué)習(xí)如何設(shè)計專業(yè)的網(wǎng)站！

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

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

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

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

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

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

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

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