做網(wǎng)站設(shè)計，總覺得頁面亂乎乎的？其實秘密就在于“點、線、面” 這三個基礎(chǔ)元素里！不用學復雜的設(shè)計理論，只要搞懂以下這幾點，就能讓網(wǎng)站既好看又好逛，下面一起來看看吧！

　　“點”：小元素也能當“視覺向?qū)А?/p>

　　網(wǎng)站里的按鈕（比如 “立即購買”“提交表單”）、圖標（比如購物車、搜索放大鏡）、數(shù)字都是“點”。

　　“點”用好了能讓用戶一眼找到重點：比如把 “立即購買”按鈕做成紅色圓形，和周圍灰色文字區(qū)分開，用戶不用找就能看到；圖標可以選簡潔的線條款，比如用小房子圖標代表“首頁”，比寫文字更直觀；重要的數(shù)字要用加粗的橙色突出，比如“限時折扣 5 折”，讓用戶掃一眼就知道有優(yōu)惠。

　　“線”：幫用戶“理清思路不迷路”

　　網(wǎng)站里的導航欄分割線、內(nèi)容區(qū)域邊框、表格線條都是“線”。

　　線的主要作用是“劃分區(qū)域、引導流向”：比如頂部導航欄用細線把 “首頁、商品、關(guān)于我們” 分開，用戶能清楚的找到每個版塊在哪；文章頁用虛線分隔段落，讀起來不費勁；表單里用橫線區(qū)分“姓名、電話、地址” 等輸入框，用戶填信息的時候不會漏項。要注意線別太粗太密，不然會影響觀感。

　　“面”：撐起網(wǎng)站“整體框架”

　　網(wǎng)站里的頭部Banner、商品展示區(qū)、底部版權(quán)欄都是“面”。

　　面的作用是“定布局、聚視線”：比如首頁頂部用全屏 Banner 展示核心活動，一下子抓住了用戶的注意力；商品區(qū)可以用白色背景面，把商品圖片和文字框起來，避免和其他內(nèi)容混在一起；底部用深色背景面，和頂部 Banner 呼應，讓頁面有始有終，顯得完整。

　　還有個小技巧，那就是點線面要配合著用：

　　比如用“點”（按鈕）突出 “立即報名”，用 “線”（下劃線）引導用戶視線到按鈕上，再用 “面”（淺色背景）把按鈕和周圍文字框成一個區(qū)域，這樣既顯眼又不突兀。

　　同樣，也別把元素堆的太滿，比如一個板塊里，重點“點” 最多 1-2 個，“線”只用來分隔關(guān)鍵區(qū)域，“面”的顏色不超過3種，不然會顯得很雜亂。

　　綜上所述，就是為大家總結(jié)的幾點有關(guān)網(wǎng)站設(shè)計時針對“點、線、面”這三個方面進行的介紹，沒有思路的，可以按照以上幾個點來，希望能做出讓用戶看的舒服、用的順暢的網(wǎng)站。