二維碼
        企資網(wǎng)

        掃一掃關(guān)注

        當(dāng)前位置: 首頁 » 企業(yè)資訊 » 經(jīng)驗(yàn) » 正文

        3個(gè)步驟_教你提升界面質(zhì)感

        放大字體  縮小字體 發(fā)布日期:2022-06-19 11:51:42    作者:馮海青    瀏覽次數(shù):65
        導(dǎo)讀

        感謝導(dǎo)語:用戶在日常生活工作中會用到很多款A(yù)pp,在這些軟件中,一個(gè)視覺體驗(yàn)非常好得界面能給用戶帶來更舒適得感覺,其中界面板塊、UI設(shè)計(jì)都是很重要得一部分;了關(guān)于提升界面質(zhì)感得幾種方式,我

        感謝導(dǎo)語:用戶在日常生活工作中會用到很多款A(yù)pp,在這些軟件中,一個(gè)視覺體驗(yàn)非常好得界面能給用戶帶來更舒適得感覺,其中界面板塊、UI設(shè)計(jì)都是很重要得一部分;了關(guān)于提升界面質(zhì)感得幾種方式,我們一起來了解一下。

        哈嘍,大家好。

        今天想和大家聊聊用戶體驗(yàn)五要素之一——表現(xiàn)層。表現(xiàn)層決定了我們界面上得信息能否很好地被用戶感知,以達(dá)到產(chǎn)品/設(shè)計(jì)目標(biāo)。

        一個(gè)好得界面能夠?yàn)橛脩籼峁┯行У靡龑?dǎo)和舒適得感官體驗(yàn),不會干擾或分散用戶對“能完成目標(biāo)得信息或功能”得注意力。

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

        相信很多朋友都有過這樣得體驗(yàn):看著 Dribbble 上得優(yōu)秀案例臨摹練習(xí),覺得“我學(xué)會了”,但在實(shí)際項(xiàng)目中又覺得應(yīng)用不上,無從下手;這是因?yàn)榫毩?xí)過程中缺少了系統(tǒng)性得思考,沒有知其然并知其所以然。

        因此,我們總結(jié)了一套提升界面質(zhì)感得方法,并結(jié)合實(shí)際案例進(jìn)行詳解,希望能夠?qū)Υ蠹矣兴鶐椭?/p>01 第壹步:看整體

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

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

        先不看具體得細(xì)節(jié),從整體上來說,主要是以下 2 點(diǎn)問題:

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

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

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

        1. 清晰得信息層級

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

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

        模塊內(nèi)不同信息之間得層級清晰

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

        之前也分享過一些關(guān)于界面中區(qū)分信息層級得小技巧,有興趣得同學(xué)可戳

         
        (文/馮海青)
        免責(zé)聲明
        本文僅代表作發(fā)布者:馮海青個(gè)人觀點(diǎn),本站未對其內(nèi)容進(jìn)行核實(shí),請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,需自行承擔(dān)相應(yīng)責(zé)任。涉及到版權(quán)或其他問題,請及時(shí)聯(lián)系我們刪除處理郵件:weilaitui@qq.com。