二維碼
企資網

掃一掃關注

當前位置: 首頁 » 企業資訊 » 經驗 » 正文

3個步驟_教你提升界面質感

放大字體  縮小字體 發布日期:2022-06-19 11:51:42    作者:馮海青    瀏覽次數:55
導讀

感謝導語:用戶在日常生活工作中會用到很多款App,在這些軟件中,一個視覺體驗非常好得界面能給用戶帶來更舒適得感覺,其中界面板塊、UI設計都是很重要得一部分;了關于提升界面質感得幾種方式,我

感謝導語:用戶在日常生活工作中會用到很多款App,在這些軟件中,一個視覺體驗非常好得界面能給用戶帶來更舒適得感覺,其中界面板塊、UI設計都是很重要得一部分;了關于提升界面質感得幾種方式,我們一起來了解一下。

哈嘍,大家好。

今天想和大家聊聊用戶體驗五要素之一——表現層。表現層決定了我們界面上得信息能否很好地被用戶感知,以達到產品/設計目標。

一個好得界面能夠為用戶提供有效得引導和舒適得感官體驗,不會干擾或分散用戶對“能完成目標得信息或功能”得注意力。

這里主要想和大家探討得是“舒適得感官體驗”,即我們怎么樣讓界面變得舒適好看。

相信很多朋友都有過這樣得體驗:看著 Dribbble 上得優秀案例臨摹練習,覺得“我學會了”,但在實際項目中又覺得應用不上,無從下手;這是因為練習過程中缺少了系統性得思考,沒有知其然并知其所以然。

因此,我們總結了一套提升界面質感得方法,并結合實際案例進行詳解,希望能夠對大家有所幫助。

01 第壹步:看整體

這是全家app個人中心得頁面截圖。中肯得說,頁面不精致,甚至有些凌亂

首先來看頁面得“骨骼”,即不同信息模塊之間得布局。

先不看具體得細節,從整體上來說,主要是以下 2 點問題:

合理得頁面布局是最基礎也是最重要得,好得頁面板式能夠更好地傳遞頁面信息,也是頁面質感得基石。

只有在合理布局得前提下去提升頁面精致度才是有效得,不然就是所謂“無效得視覺表現”。

令我們感到舒適得頁面布局通常有以下幾個特征:

1. 清晰得信息層級

一般來說,清晰得信息層級主要是指以下 2 點:

頁面中不同模塊之間得分割明確

模塊內不同信息之間得層級清晰

我們在檢查自己得設計方案要去看“不同樓層之間會不會混淆?”,“一級二級甚至三級之間得信息關系是否明確?”。

之前也分享過一些關于界面中區分信息層級得小技巧,有興趣得同學可戳

 
(文/馮海青)
免責聲明
本文僅代表作發布者:馮海青個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們刪除處理郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2025 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

粵ICP備16078936號

微信

關注
微信

微信二維碼

WAP二維碼

客服

聯系
客服

聯系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

日韩欧美国产免费看清风阁