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

詳情

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

詳情

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

詳情

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

詳情

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

詳情

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

詳情

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

詳情

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

詳情

形狀：假設你的網頁設計當中的元素全是矩形，只有唯一的圓形，那麼就能夠很快的從用戶的視覺上跳脫出來。因此，合理的運用元素的形狀，能夠很好的提高網站的對比程度！比如，鈍化照片的邊緣，又或者把內容或者圖片等其他數據放置到某些幾何圖形當中。 色彩：…

詳情

文字：形的構思 合理的對頁面文字進行優化、設計，反而能夠讓它不僅僅成為字體，還能成為一副圖片，也就是兼顧了視覺的美感。這種字體圖形化的處理方式，其實很好理解：因為文字自身具有一定的含義，若能夠合理的增加字體本身的美感，就能夠讓自身的含義與…

詳情