影響網頁美觀的要素是什麼？

本篇文章來自於知乎的一個問答

提問者：有的網站會給我們美的享受，但是有的卻會讓我們覺得很凌亂。是什麼因素影響了他們？

邵飛：回答通過28定律來闡述我的觀點。

8：閱讀

感覺「美」有很多因素

在攝影作品中，不同視角可能會展現美，把你想像成一直蜜蜂，記錄下它看到的一棵樹的視角，會讓觀看者體驗到不同角度的視覺感，從而感覺到美；

△ 這是我拍攝的一組景，我將自己隱喻成蟲子，來發現它們的視角

△在建築中，我們通常以一些基礎的圖形（圓、方、三角、螺旋）進行對稱、橫平豎直的組合，讓人看上去有一種空間的美

那麼，在屏幕上瀏覽網頁，它的美就來源於「可閱讀」，閱讀不僅僅限於文字，功能、交互動作、信息都是可被閱讀的，所以，能讓用戶快速識別到功能的、信息很好傳遞到用戶面前的、用戶觸發按鈕不會感到慌張的都會是「美」的體現。

我們又需要通過什麼樣的方法做到呢？

如何做到信息可閱讀？

在設計網頁時，我們可以通過設置

版心（丑！因為有規則，記住這幾步（一）|網頁|教程|邵飛Design - 原創文章 - 站酷 (ZCOOL)）；

柵格（可搜索960 Grid System）；

文字預設（標題/正文/副標題等字型大小、字間距、行高、字重、字體等）；

來讓界面變得整潔、統一、標準。總之要讓用戶根據你設計的標準來引導他閱讀。

如何做到識別功能？

好的網頁在功能劃分上會做很多考慮，因為PC屏幕大，一屏承載的信息內容比較多，就好像一個商場，用戶會出現在不同的地方，他們要去的地方也各不相同，在去目的地的時候用戶又可能會更改目的地，如果這個商場的導視系統沒有建立好，用戶就會迷失方向，像個無頭蒼蠅。所以通常我們在設計網頁時都會劃分導航區、內容區、功能區、檢索區等，而這些區位置都將固定，否則用戶剛剛在前一個界面的左側使用到的返回鍵跑到了現在的右邊，那他會抓狂！功能的劃分就是用戶與機器互動的一種友好方法，這也會提升用戶的好高度，從而感受到「美」。

如何做到傳遞友好？

當我問到下面兩個按鈕哪個好看一點時，大家可能第一反應都感覺第二個按鈕很奇怪，因為作為一個按鈕，它實在是太「長」了，但是我們現在所用的智能手機上的按鈕都長的跟第二個按鈕一樣，所以放在不同環境下，形態也會不一樣。

由於我們瀏覽網頁時是用滑鼠隱喻我們的手，與電腦進行交互，從而有了滑鼠移動到按鈕上的效果（滑鼠懸停狀態），而網頁中的按鈕大小是根據滑鼠指針大小設計的，這樣用戶更明白這是一個可以用指針去點擊的按鈕（凹槽理論）。而用戶操作手機就沒有滑鼠懸停狀態了，由於用戶可以用手直接與手機屏幕進行交互，控制項的交互、視覺、動效都發生了改變，所以在網頁中，要設計一些符合PC環境的一些網頁控制項，來傳遞友好度。

說完了8，再說說那個2

只有做到了這些8，才能開展這個2，2是用來錦上添花的！隨著互聯網技術的成熟，如今的網頁可以加入視頻、3D、VR、音樂、動效很多酷炫的技術。

這些技術、設計、藝術的結合可以帶來擼串的刺激感，震撼、有趣讓用戶感覺到美！

看完這篇文章希望可以對你有所幫助

想獲取更多設計訊息和素材

請關注微信訂閱號：rulvbb 如履薄冰

推薦閱讀：