Tag Archives: 頁面設計
長滾動頁面的最佳實踐——導航可見
分類: 最新資訊, 網頁設計 Comments are off for this post
讓導航選項始終可見是提升長滾動頁面設計形式的重要要求,因為長滾動頁面設計形式對於使用者來說最大的障礙在於:使用者很容易在頁面的流覽過程當中迷失。而缺失導航應該是比較主要的原因,除此之外還有混亂的導航元素。因此,在創建長滾動頁…
長滾動頁面以及無限滾動式頁面已經徹底地流行開來,成為了頁面設計的常規形式。這兩種設計形式並不是巧合,當用戶向下進行滾動的時候,所需要的內容與頁面會自然地呈現出來,在此過程裡通常不會涉及到額外的多餘的交互,用戶體驗是良好的。 …
頁面設計太沉悶試試這兩種技巧
分類: 最新資訊, 網頁設計 Comments are off for this post
第一種,對現實的虛擬 很適合遊戲類型的網頁設計項目,能夠為用戶打造真實的遊戲參與感,從而提升用戶體驗。當然,這種方式很考驗頁面設計師的設計技巧,因為目前還沒有很好的設計原則去遵循。 第二種,新的導航模式 隨著不同的螢幕…
對於頁面設計來說活,卡片化的使用有很突出的優越性和合理性。尤其是移動端設備的螢幕尺寸越來越不可預期,設計上急需某種設計手段讓頁面設計能夠使用不同尺寸的螢幕。因此,卡片化的出現就是解決燃眉之急! 簡單來說,卡片化的頁面設計形…
為何你的頁面成品與設計稿差別大?
分類: 最新資訊, 網頁設計 Comments are off for this post
以原生的體驗類比 很明顯,原生的頁面體驗會比較流程,尤其是APP產品頁面設計,視覺效果上也會比較華麗。因此很多設計師會儘量地向原生體驗靠攏。但是要實現起來,其實很困難。很多APP產品頁面設計的體驗換到H5上就會變得非常…
淺談頁面中的載入動畫
分類: 最新資訊, 網頁設計 Comments are off for this post
首先,我們得將頁面設計當中需要使用的載入動畫規則寫出來。比如設定好動效運動的運動時間,除此之外還要將動畫的動作進行分解輸出,以及動畫的大小、顏色等相關的資訊都要明確。最大程度上保證了動畫的還原度! 除此之外還要切實地考慮到動畫與頁面之間的…
載入動畫常出現的三個場景
分類: 最新資訊, 網頁設計 Comments are off for this post
下拉刷新 下拉刷新能夠讓使用者在查看本地資料的同時去重新載入資料,這種方式能夠確保使用者常常看到最新的內容。以此提升用戶體驗!下拉載入一般分為兩種形式:文字+動畫,純動畫。 切換新頁面時資料的載入 當使用者切換…
什麼是頁面的空間共用式排版
分類: 最新資訊, 網頁設計 Comments are off for this post
如今,空間共用式排版是頁面設計當中比較容易識別的方式。最為典型的特徵是文字或者相似的元素橫跨多個圖層、模組或者區塊。 從廣泛意義上來講,這種排版的方式核心概念在於,某個元素和其他的元素擁有著共用空間,以此橫跨不同區域。元素…
這四個細節,使用者有哪些獨特的視角?
分類: 最新資訊, 網頁設計 Comments are off for this post
對於頁面設計來說,使用者更在意的是他們是否可以快速地打開網頁、完成輸入、進行操作等等。因此,下面四個常見的細節設計,拋開設計師的視角來看,其實使用者的真實需求是: 排版與字體 對於頁面資訊內容的字體以及排版,很多設計…
優秀的錯誤頁面設計一般包含三個方面
分類: 最新資訊, 網頁設計 Comments are off for this post
如何有效降低使用者輸入錯誤 1、在恰當的時機以及位置上告知使用者出現了錯誤 2、給錯誤的頁面資訊使用合適的、突出的顏色 3、用簡明的文字對錯誤進行清晰的描述 要注意的是,用戶並不喜歡填完一個長表單之後點擊提交,才被告知哪個地方輸入有…
TOP