做網站設計，總覺得頁麵亂乎乎的？其實秘密就在於“點、線、麵” 這三個基礎元素裏！不用學複雜的設計理論，隻要搞懂以下這幾點，就能讓網站既好看又好逛，下麵一起來看看吧！
“點”：小元素也能當“視覺向導”
網站裏的按鈕（比如 “立即購買”“提交表單”）、圖標（比如購物車、搜索放大鏡）、數字都是“點”。
“點”用好了能讓用戶一眼找到重點：比如把 “立即購買”按鈕做成紅色圓形，和周圍灰色文字區分開，用戶不用找就能看到；圖標可以選簡潔的線條款，比如用小房子圖標代表“首頁”，比寫文字更直觀；重要的數字要用加粗的橙色突出，比如“限時折扣 5 折”，讓用戶掃一眼就知道有優惠。
“線”：幫用戶“理清思路不迷路”
網站裏的導航欄分割線、內容區域邊框、表格線條都是“線”。
線的主要作用是“劃分區域、引導流向”：比如頂部導航欄用細線把 “首頁、商品、關於我們” 分開，用戶能清楚的找到每個版塊在哪；文章頁用虛線分隔段落，讀起來不費勁；表單裏用橫線區分“姓名、電話、地址” 等輸入框，用戶填信息的時候不會漏項。要注意線別太粗太密，不然會影響觀感。
“麵”：撐起網站“整體框架”
網站裏的頭部Banner、商品展示區、底部版權欄都是“麵”。
麵的作用是“定布局、聚視線”：比如首頁頂部用全屏 Banner 展示核心活動，一下子抓住了用戶的注意力；商品區可以用白色背景麵，把商品圖片和文字框起來，避免和其他內容混在一起；底部用深色背景麵，和頂部 Banner 呼應，讓頁麵有始有終，顯得完整。
還有個小技巧，那就是點線麵要配合著用：
比如用“點”（按鈕）突出 “立即報名”，用 “線”（下劃線）引導用戶視線到按鈕上，再用 “麵”（淺色背景）把按鈕和周圍文字框成一個區域，這樣既顯眼又不突兀。
同樣，也別把元素堆的太滿，比如一個板塊裏，重點“點” 最多 1-2 個，“線”隻用來分隔關鍵區域，“麵”的顏色不超過3種，不然會顯得很雜亂。
綜上所述，就是為大家總結的幾點有關網站設計時針對“點、線、麵”這三個方麵進行的介紹，沒有思路的，可以按照以上幾個點來，希望能做出讓用戶看的舒服、用的順暢的網站。
