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

詳情

突出強調 極簡風格的界面設計是如今的大熱趨勢，而合理地通過大字號和撞色方案來突出強調核心內容和元素，反而能夠讓頁面更加的輕盈。這種輕盈指的是實用方面，能夠讓用戶的視覺更為聚焦。再者，還能夠打破過於扁平的視覺效果。 創造微交互 微交…

詳情

一種字體用到底 減少界面設計當中所使用的字體數量，反而還能夠突出字體自身的張力。因為當你能夠合理地減少字體的使用時，反而能夠讓用戶更加專注於頁面。為何這樣建議？單一或者少量的字體在整個界面設計當中，能夠讓視覺效果更為穩定。同時也利於網站的…

詳情

其實頁面製作當中的交互流程，是一個比較大的範疇。交互流程其實也包括著視覺和實在操作部分，而不僅僅是實在操作部分。所見即所得，用戶無需太多的學習成本即可使用，就是視覺部分的交互設計應該努力實現的。 那什麼才是出色的交互設計？ 所見即所…

詳情

瞭解具體的問題 很明顯，對於任何的網站設計來說，交互的最終目的都是幫助用戶解決問題。所以在進行交互設計之前，必須摸透要解決的問題具體有哪些。是提升整個網站的轉化率，是優化界面與界面的切換，還是幫助用戶更快的進入到主要頁面當中。 收集…

詳情

頁面設計當中所要使用的微交互元素，其實對於用戶來說幾乎是看不到的。但它們又是實實在在功能性的。若果你的微交互元素讓用戶感覺到突兀，無法緩解加載緩慢的尷尬或者自然的引導，那麼必須優化甚至重新設計。 微交互很大程度是服務於用戶體驗的，也就是…

詳情

第一招，情感化的表達 這招比較適合出現在用戶操作異常的時候，為了有效的提升用戶體驗，緩解用戶的疑惑和情緒，最好將提示文案寫得生動活潑一些，並且搭配合適的動效元素。而不是冷冰冰的錯誤提醒。 第二招，提供新的任務 對於當前的瀏覽和操作不可…

詳情

系統推薦項 空狀態頁面會影響用戶體驗，最簡單的方法就是往空白的狀態去填充內容或者元素。根據用戶的瀏覽記錄，推薦一些相近的、類似的，或者猜測用戶可能感興趣的。 操作指引 在空狀態出現的時候，給予用戶浮層次，幫助用戶更快地進入操作的入…

詳情

從廣泛的角度來看，其實網頁設計本身就是幾何形狀，矩形。除了矩形之外，以下列舉一些如今比較流行的幾何佈局方式。 三角 穩定性比較強，作為圖片元素出現的話，它還能夠成為整個網頁的焦點。 圓形 很東方風格的符合元素。比起三角的尖銳…

詳情

沒有邊界 對於網頁設計來說，佈局的流程通常會採用矩形來代表一段文字或一張圖片，這看似很好，但是容易陷入形式上的框架陷阱。很明顯，這種佈局草稿的形式只能夠代表出出一個大致的框架圖，但是到真正的元素安排進去時，你會發現尺寸是無法被自己所很好掌…

詳情