網(wǎng)站制作的規(guī)則是什么
  1.工作每頁設(shè)置一個目標(biāo)

 

 

 

　　一個簡單設(shè)計的開始，從項目的目標(biāo)和網(wǎng)站每一頁的具體目標(biāo)開始。每個頁面都需要引導(dǎo)用戶使用一個動作，不包括導(dǎo)航和頁腳。這可以是任何東西，從點擊鏈接，輸入信息，觀看視頻或玩游戲。但是每個頁面
都需要關(guān)注單個用戶的操作或轉(zhuǎn)換。太多的事情會讓用戶不堪重負(fù)。他們可能忽略了需要完成哪些行動，并可能做出不那么理想的選擇。計劃設(shè)計，使每個頁面引導(dǎo)用戶達到一個目標(biāo)。每一個可操作的按鈕上面的滾
動和下面的滾動在同一頁面上需要做同樣的事情。這種一致性可以幫助用戶理解為什么他們在你的站點上，以及他們需要做什么;這些選擇的簡單性使設(shè)計變得簡單而引人入勝。

 

 

 

　　2.堅持兩個類型的家庭

 

 

 

　　有這么多的設(shè)計準(zhǔn)則，為一個項目推薦了三種字體。你可以用兩個健壯的類型家庭來簡化這個問題。尋找一個類型的家庭，包括多重的重量，在常規(guī)的和大膽的或黑色的選擇之間有大量的對比。為了更有才華，
選擇一個顯示選項，其中包括一些你可以在超大標(biāo)題中使用的替代字符。然后你所要做的就是混合和匹配從一個體字體和顯示字體，以獲得大量的字體組合，為整個設(shè)計。使用兩種類型的家庭，就像你選擇了更多具
有特定重量或風(fēng)格的特定用途的選擇一樣。您將發(fā)現(xiàn)這可以幫助您創(chuàng)建一個可讀性高且易于使用的排版工具，這很容易管理并且具有視覺一致性。

 

 

 

　　3.產(chǎn)品使用一致的對齊

 

 

 

　　左邊，中間，甚至右邊——不管你喜歡什么樣的對齊方式，在整個設(shè)計中都要堅持。這包括對齊類似的項目，例如文本框和元素，它們不是相似的，而是組合在一起的。適應(yīng)性在這方面做得很好，在主頁滑塊上
的文字。盡管圖片上有不同數(shù)量的文字，但每個標(biāo)題都要按動作按鈕。元素之間的間距也是一致的。更重要的是，這種一致的對齊方式會在滾動頁面上顯示其他的標(biāo)題和CTA對。對齊會匹配滑塊的流，滑塊也會以互補
的方向移動。在文本元素中，左側(cè)和中心對齊是*常見的選項，因為它們是*易讀的。對于較長的文本，左對齊是首選選項。

 

 

網(wǎng)站設(shè)計的規(guī)則是什么

　　4.產(chǎn)品建立層次結(jié)構(gòu)

 

 

 

　　用戶不需要考慮要看什么，或者怎么在設(shè)計中移動。即使是*簡單的可視組合也需要有不同的層次結(jié)構(gòu)。它從一個顯性的視覺開始。它可以是一個圖像或視頻或文本顯示或任何其他將產(chǎn)生*印象的東西。

 

 

 

　　5.給元素足夠的空間

 

 

 

　　如果你現(xiàn)在還不知道，那就把它記在記憶里吧:白色的空間是你的朋友。給設(shè)計中的每個元素足夠的空間?？臻g將有助于吸引對單個元素的注意，占用“空間”，這樣你就不會被誘惑去弄亂畫布，并幫助創(chuàng)建一個
有焦點的整體設(shè)計。使用空間的訣竅是一致性。設(shè)置將圍繞單個元素或文本行之間的空間的空間量的規(guī)則。如果設(shè)計*終看起來太貧瘠了，你可能需要把間隔拉回一點。當(dāng)你打開設(shè)計時，你會知道間隔是正確的，并直
接進入你想讓用戶*先看到的地方。

 

 

 

　　6.Amp了對比

 

 

 

　　高對比度設(shè)計元素——從色彩的選擇到元素的大小——可以讓一個項目的視覺效果恰到好處，即使是在*簡單的框架中也是如此。對于一個流行的選擇，嘗試一個明亮的對比色調(diào)色板吸引用戶注意。大膽的色彩會
讓簡單的設(shè)計變得更加復(fù)雜和有趣，這是一個黑白的選擇。為了充分利用對比色，選擇色彩輪上的相反位置的色調(diào)和相似的飽和度。如果你喜歡這個選項，那就試試別的色彩輪吧。(你甚至可能會發(fā)現(xiàn)一個意想不到的
新愛好，比如上面的紫色和teal組合。)

 

 

 

　　7.使用一致的圖標(biāo)和元素

 

 

　　設(shè)計的一致性是殺手設(shè)計的*好(也是*壞的)秘密之一。這是一種經(jīng)常被遺忘的事情，因為設(shè)計項目充斥著多個按鈕樣式或社交媒體圖標(biāo)，這些圖標(biāo)與網(wǎng)站的其他圖標(biāo)不匹配。用戶界面元素不需要是事后的想法。
在整個項目中以相同的方式創(chuàng)建一個圖標(biāo)和用戶界面元素集和規(guī)則并使用它們，這很重要。(如果你不想從頭開始創(chuàng)建，你甚至可以購買或download圖標(biāo)字體或用戶界面元素工具包。)為元素選擇一個色彩，使用相同
的懸停動作或效果(一個元素是可點擊的元素，另一個是不可以點擊的元素)和基于使用的大小元素。(可以接受一個圖標(biāo)大小和一個超大號的選項，這些元素都是圖形化的。)Praticca自動售貨機使用超大尺寸的圖標(biāo)
來提示用戶信息。A+位于一個彩色圖標(biāo)內(nèi)。除了色彩，這三個圖標(biāo)都是相同的。它們在鼠標(biāo)懸停上都做同樣的事情，當(dāng)用戶點擊時，它們的行為都是一樣的。同樣的圖標(biāo)在網(wǎng)站上使用更小，以開始新的內(nèi)容，并幫助
用戶掃描副本。