提交需求
賽事與廣告咨詢(xún)合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
主要匯總了今年較流程的四種交互設(shè)計(jì)。
今年ios13發(fā)布,推出新的交互方式,強(qiáng)調(diào)減少層級(jí),高效便捷,這也是今年交互設(shè)計(jì)的走勢(shì),逐漸向高效輕便發(fā)展。以下是總結(jié)今年比較常見(jiàn)的幾個(gè)交互設(shè)計(jì)趨勢(shì):
1.操作區(qū)域下移,操作更便捷;
最近微信改版,微信查看圖片和掃碼都做了調(diào)整;
查看圖片:將保存圖片、查看圖集、更多放在了用戶(hù)更易操作的右下角,且顯示一段時(shí)間后自動(dòng)隱藏,避免功能鍵干擾用戶(hù)瀏覽照片或視頻體驗(yàn)
掃一掃:改為全屏掃描,更高效;功能鍵同樣放在下方,用戶(hù)更易操作的位置;
2.模態(tài)視圖
今年ios13更新,提出了一個(gè)概念-模態(tài)視圖。一般在大功能流程的小功能出現(xiàn),占據(jù)了屏幕面積的90%。模態(tài)面板拉出時(shí),原來(lái)頁(yè)面會(huì)有一個(gè)縱深效果。
模態(tài)面板可通過(guò)下拉手勢(shì)收起,如果在模態(tài)面板有操作后便不能直接下拉收起,如填寫(xiě)內(nèi)容,下拉時(shí)須確認(rèn);
更輕便,強(qiáng)調(diào)用完就走;
3.半彈窗的廣泛應(yīng)用
不少app將原來(lái)不必跳轉(zhuǎn)頁(yè)面呈現(xiàn)的內(nèi)容改為彈出半彈窗(如豆瓣、知乎、網(wǎng)易云音樂(lè));
半彈窗的展現(xiàn)形式可以減少頁(yè)面跳轉(zhuǎn),讓用戶(hù)保持在原來(lái)的環(huán)境中,用完可以便捷回到原來(lái)頁(yè)面;增強(qiáng)了原頁(yè)面與半彈窗之間的親密性;
半彈窗根據(jù)內(nèi)容承載量,高度不確定;
部分半彈窗也可直接下拉收起,更輕便;
4.頂部卡片式設(shè)計(jì)
功能結(jié)構(gòu)更清晰,頁(yè)面兩部分內(nèi)容的差異;
頂部展示介紹性?xún)?nèi)容,上滑逐漸隱藏介紹內(nèi)容,同時(shí)功能欄置頂懸停,內(nèi)容展示區(qū)域面積變大。網(wǎng)易云音樂(lè)和QQ音樂(lè)歌單/歌手頁(yè)頂部結(jié)構(gòu)大體一致,只是網(wǎng)易云采用內(nèi)容區(qū)域加了圓角,兩塊內(nèi)容根據(jù)功能區(qū)分開(kāi)來(lái),層級(jí)明顯,頁(yè)面結(jié)構(gòu)更加清晰;
上滑時(shí):頂部?jī)?nèi)容說(shuō)明板塊,收起到功能欄:
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)