雖然隨著頁面設計的發展，頁面的骨架正在漸漸隱退。但是，它依然存在，並且依然發揮著支撐整個頁面設計框架的重要作用。提及到骨架，不設計師或者會將其與柵格系統進行混淆。 那什麼是骨架？其實就是整個頁面和每個頁面的框架。一個網站諸多頁面的骨架關係…

詳情

傳統的F方式佈局 用戶在瀏覽界面的時候，習慣於沿著F的視覺線路進行瀏覽。簡單來說就是用戶喜歡從左邊往右邊進行閱讀，然後向下繼續移動，再左到右邊。這種界面佈局方式，能夠為用戶帶來愉悅的瀏覽體驗，自然、順暢。與導航結合的話，或者在頁面的頂部加…

詳情

引導用戶輸入內容 以簡明扼要的文字與標識引導用戶，如何成功、快捷地進行輸入。即使是明眼都知道的用戶名和密碼賬號輸入，都應該在側邊以標簽或者輸入框內占位符的形式標注。 反饋錯誤、提示與幫助 在用戶的操作出現錯誤的時候，空白狀態要反饋…

詳情

空白狀態是頁面設計最為常見的組成部分之一，它的作用不僅僅是裝飾那麼簡單。而且還需要告知用戶，這個頁面是什麼，引導頁面去進行接下來的瀏覽和操作。 一個合格的空白狀態的頁面設計，至少需要滿足以下一個條件： 1、幫助和培育用戶正確使用你的頁面…

詳情

這種方案在網頁設計過程中使用了很長的時間，即使是如今，微信中京東購物的入口，仍然還是這種方式。主要表現在，在比基準的設備寬上，頁面元素的橫向寬度需要按照百分比的形式，去自適應。高度無需產生變化。所以，無論網頁設計的項目針對怎樣的設備，運用這…

詳情

  這種方案的實現其實比較偏向於技術，大致原理是根據網頁設計所要面對的設備的分辨率，以及像素比等的信息，計算出網頁面的縮放數值。要注意的是這種方案會有比較明顯的局限性，即腳本計算的結果很難覆蓋全部的設備，對於一些計算不準確，或者…

詳情

對於網頁設計來說，設計的形式和風格都是千變萬化的，但變化的細節來來去去都是配色、品質、紋理、細節、角度等。以下羅列幾種常見的佈局類型： 左右結構的佈局，文字在左或者右；是banner設計最為常見的佈局形式，在視覺上比較符合用戶的瀏覽習…

詳情

其實，你真的知道什麼是界面設計當中的版面佈局嗎？ 將需要放置的文案、圖片、圖標等元素合理地安排到頁面上，然後根據可視化的方式，將元素調整得在位置、大小等方面上達到美觀的視覺效果。一般來說，在頁面版式佈局流程時，需要先參考常見設計原則：勻稱…

詳情

規則與不規則 大多數的圖形，可以被有效地分為具有幾何意義的幾何圖形，規則的和不規則的。一般建議在網站設計的時候，在均勻地使用規則圖形後，可以合理的使用一些柔和的非規則幾何圖形。 銳角邊與曲線邊 簡單來說就是利用好圖形的邊框。在網站…

詳情

操作彈窗多出現在較多用戶容易操作失誤的頁面當中，以此給予提示和引導。但彈窗無論怎樣，都很容易造成用戶的反感，因為會打斷用戶目前的操作流程，給用戶造成體驗上的不愉悅。 頻率上的注意；雖然是彈出為了引導與幫助用戶，依然需要注意頻率。一般是…

詳情