Tag Archives: 界面設計
界面動效設計的狀態:獨立、進入與退出
分類: 最新資訊, 網頁設計 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
能夠精准的呈現出產品具體信息,這是基礎要求,能夠讓用戶自行去閱讀,從中能夠全面的瞭解到產品的詳情。除此之外,還應該保持頁面布局上的簡潔,這樣才能夠讓內容變得更為直觀。同時還應該兼顧到是否會干擾用戶的瀏覽和操作! 產品頁面設計也需要注重關…
動效持續時間在不同設備端界面上有何差異
分類: 最新資訊, 網頁設計 Comments are off for this post
移動設備端的界面設計 通常來說doi㐊持續在300ms左右; 在比較大尺寸或者比較複雜的移動設備界面上時,持續時間會加長一點,到375ms左右; 動效元素出現在界面上的持續時間是225ms,離開界面的持續時間是195ms; …
TOP