一、狀態可見原則 也就是用戶能夠網頁上進行任意的操作之後，無論是單擊、滾動還是按下鍵盤，網頁應該即時給出反饋。“即使”最好不要超過10秒。 二、環境貼切原則 網頁設計時的呈現和表述，應當盡可能地貼近目標用戶所處的環境。如年齡、學歷、文…

詳情

在頁面設計過程中，最傳統的分隔方式是線條。直觀而便捷地就就可以將視覺和內容中需要區分的進行區分，讓頁面層次結構更加明確，便於瀏覽和操作。除此之外，還有以下兩種常見的分隔形式： 1、全出血位分隔線 全出血位，其實是屬￿平面印刷當中的概念。…

詳情

  實時驗證 在用戶完成一個輸入框任務時就應該實時地進行驗證，在第一時間進行反饋，讓修改變得更有效率。比如內嵌的驗證方式，非常有利於減少硬反彈，提升用戶體驗。 自動匹配鍵盤 根據用戶的點擊提供適當的鍵盤，減少用戶的…

詳情

交互流程與用戶輸入行為兼容 這需要確保表單設計時，要考慮到字段有沒有被界面設計使用的元素所遮擋。比如當用戶點擊輸入時喚出的鍵盤。在用戶完成輸入表單的某一字段後，界面位置需要自動前進至下一個字段。 2、降低用戶的輸入成本 表單設計得越長…

詳情

限制單詞數 要明白的是，標簽並非幫助文字。因此，應當使用簡潔扼要的標簽，一兩個單詞即可，這樣能夠讓用戶迅速瞭解到文本域。 語言簡單化 從用戶的角度出發，很明顯術語和專業詞組會讓用戶摸不著頭腦。通俗易懂的文字內容會比較適合，若然非得…

詳情

談到彩色投影形式，其實自從Google之前熱衷的長投影形式慢慢淡出人們的視野，被遺忘了一段時間。但近期又再次興起，但它已經演變成為一種新的投影方式——彩色投影。簡單來說就是，投影的顏色會隨著界面整體背景色系而產生改變。突出的好處是投影融進到…

詳情

什麼是空間間隔方式？簡單來說就是，很多時候，到了網頁設計佈局流程後，一般都會通過用線條和分隔符號來進行劃分的內容區塊。但這並不是那麼好用！因為會讓視覺效果顯得比較擁擠。因此，空間間隔的方式能夠讓區塊劃分得更加整齊、直觀以及乾淨。 比如，將…

詳情

出錯 當用戶在界面當中完成操作之後，若操作異常或者系統異常，動效往往會將錯誤報告迅速反饋給用戶。這是最常見的動效反饋機制之一。如左右抖動，比較趣味而人性，有效緩解用戶的緊張、焦慮等。同時還增強了界面的真實質感，讓信息反饋更加直覺化。 …

詳情

在進行界面設計的時候，對於圖形圖像元素問題，常常有以下的幾種： 圖形圖像的像素不夠大，需要使用到大尺寸時像素變得模糊； 素材自身不夠新穎，沒有明確的視覺焦點； 素材的質量不夠高，如失調、曝光等一系列問題。 這些問題是客觀存在…

詳情

創建準則 簡單來說，就是根據客戶的需求和資料，對網頁設計項目先設定一些具體的標準，如色彩、圖標、佈局、方式等。以此提供強有力的根據和參考。這樣做的好處不僅僅是提高網頁設計的效率，還能夠讓網頁設計最終效果更為穩定與統一。 創建原型 …

詳情