設計人員的大部分工作屬於創造性的,需要投入很多的思索和研究,非常耗費時間,有時候如果不掌握一些方法和要領,很容易把時間蹉跎掉。那麼,如何才能提高設計的效率呢?要知道,有時候建立一個簡單的設計比您想象的要複雜一點。那下面浦東 WooCommerce 獨立站網頁設計就來詳細的分析分析。

  1. 工作每頁設置一個目標

  浦東 WooCommerce 獨立站網頁設計認為一個簡單設計的開始,從專案的目標和網站每一頁的具體目標開始。每個頁面都應該引導多用户使用一個動作,不包括導航和頁尾。這可以是任何東西,從點選鏈接,輸入信息,觀看視頻或玩遊戲。但是每個頁面都應該關注單個多用户的操作或轉換。太多的事情會讓多用户不堪重負。他們可能忽略了應該完成哪些行動,並可能做出不那麼理想的選擇。計劃設計,使每個頁面引導多用户達到一個目標。每一個可操作的按鈕上面的滾動和下面的滾動在同一頁面上應該做同樣的事情。這種一致性可以幫助多用户理解為什麼他們在您的站點上,以及他們應該做什麼; 這些選擇的簡單性使設計變得簡單而引人入勝。
 

 
  2. 堅持兩個類型的家庭

  有這麼多的設計準則,為一個專案推薦了三種字型。您可以用兩個健壯的類型家庭來簡化這個問題。尋找一個類型的家庭,包括多重的重量,在常規的和大膽的或黑色的選擇之間有大量的對比。為了更有才華,選擇一個顯示選項,其中包括一些您可以在超大標題中使用的替代字元。然後您所要做的就是混合和匹配從一個體字型和顯示字型,以獲得大量的字型組合,為整個設計。使用兩種類型的家庭,就像您選擇了更多具有特定重量或風格的特定用途的選擇一樣。您將發現這可以幫助您建立一個可讀性高且易於使用的排版工具,這很容易管理並且具有視覺一致性。
 
  3. 產品使用一致的對齊

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

 
  4. 產品建立層次結構

  多用户不應該考慮要看什麼,或者如何在設計中移動。即使是最簡單的可視組合也應該有不同的層次結構。它從一個顯性的視覺開始。它可以是一個影像或視頻或文字顯示或任何其他將產生第一印象的東西。
 
  然後浦東 WooCommerce 獨立站網頁設計認為應該有一些文字,告訴多用户設計和網站試圖溝通的內容。這通常是一個簡單標題的形式,與主要的視覺作品一起工作。第三是為多用户完成的第二部分文字或操作。最後一個視覺元素是導航選單。多用户希望找到所有這些元素,並訓練眼睛通過基本的順序來移動這些元素。通過這樣的方式設計使他們更容易。
 
  5. 給元素足夠的空間

  如果您現在還不知道,那就把它記在記憶裏吧: 白色的空間是您的朋友。上海 WordPress 外貿獨立站網站建設公司認為要給設計中的每個元素足夠的空間。空間將有助於吸引對單個元素的注意,佔用 “空間”,這樣您就不會被誘惑去弄亂畫布,並幫助建立一個有焦點的整體設計。使用空間的訣竅是一致性。設置將圍繞單個元素或文字行之間的空間的空間量的規則。如果設計最終看起來太貧瘠了,您可能需要把間隔拉回一點。當您開啓設計時,您會知道間隔是正確的,並直接進入您想讓多用户最先看到的地方。
 

 
  6.Amp 了對比

  高對比度設計元素——從顏色的選擇到元素的大小——可以讓一個專案的視覺效果恰到好處,即使是在最簡單的框架中也是如此。浦東 WooCommerce 獨立站網頁設計認為對於一個流行的選擇,嘗試一個明亮的對比色調色盤吸引多用户注意。大膽的顏色會讓簡單的設計變得更加複雜和有趣,這是一個黑白的選擇。為了充分利用對比色,選擇顏色輪上的相反位置的色調和相似的飽和度。如果您喜歡這個選項,那就試試別的顏色輪吧。
 
  7. 使用一致的圖示和元素

  浦東 WooCommerce 獨立站網頁設計認為設計的一致性是殺手設計的最好 (也是最壞的) 秘密之一。這是一種經常被遺忘的事情,因為設計專案充斥著多個按鈕樣式或社交媒體圖示,這些圖示與網站的其他圖示不匹配。多用户界面元素不應該是事後的想法。在整個專案中以相同的方式建立一個圖示和多用户界面元素集和規則並使用它們,這很重要。 (如果您不想從頭開始建立,您甚至可以購買或下載圖示字型或多用户界面元素工具包。) 為元素選擇一個顏色,使用相同的懸停動作或效果 (一個元素是可點選的元素,另一個是不可以點選的元素) 和基於使用的大小元素。 (可以接受一個圖示大小和一個超大號的選項,這些元素都是圖形化的。)