Tag Archives: 網頁設計
怎樣才是基於場景的界面設計?
分類: 最新資訊, 網頁設計 Comments are off for this post
我們都知道,基於場景的界面設計可以幫助設計師更具體地分析到客戶與用戶的需求。找到界面設計的痛點,讓界面設計更加貼近用戶。 那麼,要怎樣才是基於場景的界面設計呢?通過對以往界面設計項目的經驗總結,概述上來說包含了少不了這兩個…
如何清楚網站建設中的局限?先梳理!
分類: 最新資訊, 網頁設計 Comments are off for this post
一、用戶的局限 網站建設的目標用戶找准了嗎?他們自身有什麼樣的需求以及瀏覽和操作習慣,他們主要的使用設備是哪些為主。而不僅僅以為視覺效果吸睛就足夠了。 二、技術的局限 時下主流網站建設的技術有哪些?它們存在著哪些局限,…
純色的疊加效果,其實合理的話,一樣會與漸變色有提升視覺張力的效果。不過要注意的是,純色在界面設計當中的應用,有很多適合會比漸變色所呈現的效果會更加明確一些。如在圖片上疊加上合理的純色,更能夠突出圖片的質感。 選擇當前的一些流行純色,在效果…
1、統一原則 網頁設計當中使用的風格、色彩、用詞、功能、以及操作需要保持整體的一致性。能夠有效降低用戶的認知、摸索和記憶的成本。 2、防錯原則 通過網頁的優化、重組或特別安排,最大程度上減少用戶的犯錯。 3、易取原則 簡單來說就盡…
容易被忽略的可用性設計原則
分類: 最新資訊, 網頁設計 Comments are off for this post
一、狀態可見原則 也就是用戶能夠網頁上進行任意的操作之後,無論是單擊、滾動還是按下鍵盤,網頁應該即時給出反饋。“即使”最好不要超過10秒。 二、環境貼切原則 網頁設計時的呈現和表述,應當盡可能地貼近目標用戶所處的環境。如年齡、學歷、文…
傳統的兩種頁面分隔線形式
分類: 最新資訊, 網頁設計 Comments are off for this post
在頁面設計過程中,最傳統的分隔方式是線條。直觀而便捷地就就可以將視覺和內容中需要區分的進行區分,讓頁面層次結構更加明確,便於瀏覽和操作。除此之外,還有以下兩種常見的分隔形式: 1、全出血位分隔線 全出血位,其實是屬平面印刷當中的概念。…
乾貨!提升頁面表單設計可用性
分類: 最新資訊, 網頁設計 Comments are off for this post
實時驗證 在用戶完成一個輸入框任務時就應該實時地進行驗證,在第一時間進行反饋,讓修改變得更有效率。比如內嵌的驗證方式,非常有利於減少硬反彈,提升用戶體驗。 自動匹配鍵盤 根據用戶的點擊提供適當的鍵盤,減少用戶的…
移動端表單設計應遵循的四個原則
分類: 最新資訊, 網頁設計 Comments are off for this post
交互流程與用戶輸入行為兼容 這需要確保表單設計時,要考慮到字段有沒有被界面設計使用的元素所遮擋。比如當用戶點擊輸入時喚出的鍵盤。在用戶完成輸入表單的某一字段後,界面位置需要自動前進至下一個字段。 2、降低用戶的輸入成本 表單設計得越長…
如何讓標簽提升用戶輸入體驗
分類: 最新資訊, 網頁設計 Comments are off for this post
限制單詞數 要明白的是,標簽並非幫助文字。因此,應當使用簡潔扼要的標簽,一兩個單詞即可,這樣能夠讓用戶迅速瞭解到文本域。 語言簡單化 從用戶的角度出發,很明顯術語和專業詞組會讓用戶摸不著頭腦。通俗易懂的文字內容會比較適合,若然非得…
緊跟潮流!彩色投影形式
分類: 最新資訊, 網頁設計 Comments are off for this post
談到彩色投影形式,其實自從Google之前熱衷的長投影形式慢慢淡出人們的視野,被遺忘了一段時間。但近期又再次興起,但它已經演變成為一種新的投影方式——彩色投影。簡單來說就是,投影的顏色會隨著界面整體背景色系而產生改變。突出的好處是投影融進到…
TOP