Tag Archives: 界面設計
界面設計為何要採用容錯性概念
分類: 最新資訊, 網頁設計 Comments are off for this post
對於界面設計採用容錯性概念,大多與界面的可用性有關係。很明顯,可用性是界面設計重要的質量指標,界面對於用戶來說,必須要可讀、易讀、直觀、有效、高效、好記、少錯等。所以,容錯性其實屬可用性當中細分的部分,針對界面的錯誤率來說。 什麼是容錯性…
界面動效設計的狀態:獨立、進入與退出
分類: 最新資訊, 網頁設計 Comments are off for this post
1、 獨立運動 也就是動效作為一個獨立的元素,進入和退出界面時,都不會對界面上其他元素有影響,尤其是位置方面的影響。 2、 進入界面 一般來說,動效元素進入界面是以減速的曲線形式進入。又或者是以做大的速度進入,然後慢慢減速。 3、 退出屏幕…
Material design新版動效——界面內
分類: 最新資訊, 網頁設計 Comments are off for this post
什麼是動效元素在界面內運動?簡單來說就是屏幕內物體在兩點之間的運動,沿著一條自然、凹陷的弧線。這種新版動效特點使用的是標準曲線。有以下兩個特點: 1、 弧線向上 在生活和物理當中,元素向上運動需要克服重力做功。同時還需要克服加速度。因此在界…
界面設計可從這三個角度進行優化
分類: 最新資訊, 網頁設計 Comments are off for this post
錯誤提示需有用而友好 不要直接甩給用戶“發生錯誤”這種冷冰冰不顧及用戶體驗的提示,最好是簡潔的解釋出錯的原因,同時給出有用而友好的糾正提示。 對用戶近期的操作記錄進行保存 不僅僅是進行保存,還可以對用戶近期的操作進行提醒。如用戶未…
優秀的banner案例都有三點共同之處
分類: 最新資訊, 網頁設計 Comments are off for this post
一、 突出角度 比如可以採用分割頁面設計的空間來呈現廣告內容,合理的運用廣告圖片當中的一些物體角度去打造出視覺體驗。如人物的肢體姿勢等,突出了角度,還起到了引導用戶視線瀏覽的作用。 二、 優化圖片 比如運用當下流行的半透明層色彩來覆蓋背景圖…
2016年界面視覺細節趨勢
分類: 最新資訊, 網頁設計 Comments are off for this post
1、 使用十字線:界面設計如果沒有使用視覺形式區分的輔助,用戶很難確認界面上的中心。 2、 注意界面的深度以及視覺疲勞:簡單來說就是頁面的可讀性和易讀性,單單是字體的大小、對比度、間距等,都有很具體的要求。其次還有一個很重要的影響因素:深度…
四種大熱的漸變色頁面設計趨勢
分類: 最新資訊, 網頁設計 Comments are off for this post
我們都知道,在iOS7以後,頁面設計已經趨於扁平化風格。實際的頁面設計很少會使用到寫實的元素,尤其在近些年來。但是,扁平化越來越雷同,千篇一律。不妨考慮使用漸變色來突破這一局限性,下面將淺談近來大熱的四種漸變色設計趨勢。 1、 垂直線漸…
界面交互易犯的兩點點錯誤
分類: 最新資訊, 網頁設計 Comments are off for this post
一、 問題的出現表面看似在動效元素上,實質在界面設計的規劃上 界面設計需要合理而精細的動畫元素,但是在做靜態樣本做成拆分細節動作時卻往往很不順利。這其實是界面中交互流程打造的通病,尤其是微交互上:將動作精確到每一幀很難,因而影響用戶體驗。因…
1、 考慮手繪性質:手繪和工具的實際設計,需要切實的考慮到參數,手繪很多時候只是方便於創意和靈感,但是對於參數方面卻沒有特別的限制。 2、 不要為了視覺效果而犧牲敘述:界面中的交互需要承載著合理的敘述性質,這對於用戶體驗相當的重要!一是要符…
產品展示頁面需考慮到的幾個方面
分類: 最新資訊, 網頁設計 Comments are off for this post
能夠精准的呈現出產品具體信息,這是基礎要求,能夠讓用戶自行去閱讀,從中能夠全面的瞭解到產品的詳情。除此之外,還應該保持頁面布局上的簡潔,這樣才能夠讓內容變得更為直觀。同時還應該兼顧到是否會干擾用戶的瀏覽和操作! 產品頁面設計也需要注重關…
TOP