使用格塔式原則進行佈局 用戶喜歡簡潔的風格，因而合理的運用格塔式原則去解決頁面設計的佈局流程，按照元素、內容、數據等的屬性或特點進行分類，一般會採取相似、相近、連貫等的形式。具體如將比較相似的圖片進行集合。 在不干擾用戶的前提下突出…

詳情

頁面突出一個想要強調的焦點 很明顯，每個頁面都會有一個想要呈現的重要內容、元素、數據，以此幫助用戶確定出一定的瀏覽目標。這樣也能夠形成視覺上的對比，減少用戶繼續走馬觀花的瀏覽。具體做法如頁面標題部分合理的添加。 打造視覺的層次來引導…

詳情

沒有意識到色盲用戶的存在 這點尤其是針對視覺配色方案時，如果你的網站是面向大量的人群，目標顧客的性別以及年齡沒有很明確的針對的話，一定要使用所有用戶包括色盲用戶都可知以正常識別的色彩。尤其是重要的信息內容時，比如支付訂單的時候。 沒…

詳情

我們討厭那種看起來花俏的亂糟糟的網頁設計，這些網站看過之後讓人頭疼。 這是我最想擺明的觀點。在這之前，我已經用2年的時間來實踐我是所認為的簡單設計。 對，簡單網頁設計，這實際上就是我一直認為很不錯的界面設計。我接受這一原則，完全是因為W…

詳情

線框圖其實就是網站設計的低保真設計圖，主要作用有這三個部分： 1、 網站設計的內容大綱； 2、 網站設計的信息結構； 3、 用戶的交互行為呈現。 線框圖其實就是網站設計的骨幹與核心，能夠幫助平衡設計的保真度，以及提升了設計的效率。線框圖在繪…

詳情

1、 視覺層次 需要先確定元素或者內容的優先級的高低，最好能夠明確的標出級別，能夠更好的尋找依據。 2、 內容劃分 到了這個流程，就需要將所規劃的內容進行劃分到制定的區域當中，並且調整、優化等。 內容線框圖僅僅是關乎於內容的劃分和佈局，而非…

詳情

留白不僅僅是網頁設計的手段，更是必不可少的元素。無論是非常明顯的留白還是自然得毫無痕跡的留白，留白是每個網頁必不可少的元素之一！留白最突出的作用就是能夠將元素、內容、數據等之間的有效的分割出來， 當然，留白的方式有很多，如色彩的使用。即使…

詳情

增強界面設計的對比效果能夠讓用戶更加注意到那些通過精心設計想要突出給他們的元素、內容、數據等。而對比需要用心的佈局和合理的留白才呈現，你可以試試下面幾點： 要實現和增強對比不僅僅只有色彩上的對比，還可以是網頁上其他空間之間的尺寸大小對…

詳情

1、 切圖 也就是切除網站建設時說需要的視覺圖，包括輔助的圖形以及圖標。需要切實根據具體的場景、大小、顏色、狀態來進行。 2、 標注 視覺流程的進行，最為重要的一點就是標注，基於UI控件規範的基礎上進行。當然，不要事無巨細的進行標注，而是合…

詳情

1、 內容 可以運用黃金比例的螺旋線，以此去決定整個網站建設當中的內容和元素的佈局。一般來說，螺旋線最密集的地方就是用戶視線比較集中的地方，也就是說要充分利用好這點，將需要突出的內容放置到這些區域當中。 2、 圖片 利用三分法是很多圖片構圖…

詳情