提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
不知道大家有發(fā)現(xiàn)沒?以卡片設計的界面越來越流行,基于卡片視覺交互正在廣泛傳播,相信大多數(shù)小伙伴還不太理解,今天范范就總結下我的經驗之談,希望對大家有幫助與提升。
#.什么是卡片?
卡片是裝滿圖像和文字的那些小矩形,它們是進入更詳細信息的入口?!翱ㄆ币辉~是一個很好的隱喻,因為它們在用戶界面中看起來就像是現(xiàn)實世界中的有形卡片。目前主流的一些APP都已經開始運用這種設計手法,整體視覺感是不錯,簡潔大方,易操作,不知道大家有沒有發(fā)現(xiàn)?
比如下面這些案例:
暫時舉例這么多,更多的細節(jié)需要自己感受...
#.那么卡片設計到底有什么優(yōu)勢?
卡片設計可以應用到各種環(huán)境中,可以正確實施,它們可以改善應用程序的用戶體驗等等。以下是總結的要點,認真閱讀。
第一點:分塊內容
卡片將信息組織成大塊的內容,并且用戶喜歡分塊的內容,因為它有助于提高可掃描性:它有助于避免文字墻的出現(xiàn),因為這些文字墻看起來令人生畏或耗時,并允許用戶更快地深入自己的興趣??▽热莘譃橛幸饬x的部分,類似于文本段落將句子分為不同的部分的方式。他們可以收集各種信息以形成一個連貫的內容??ㄆ钦R的小容器,用于存儲信息
第二點:容易消化
卡片是交流快速故事的好工具。將內容放置在卡中使用戶可以消化。用戶可以輕松訪問他們感興趣的內容,這使用戶能夠以他們想要的任何方式參與。
第三點:視覺愉悅
基于卡的設計通常嚴重依賴視覺效果。其實,在影像上會重是強度基于卡的設計。學習圖像可提升網站和應用程序的設計水平,因為圖像可有效且立即吸引用戶的眼球。強調使用圖像使基于卡片的設計對用戶更具吸引力。
第四點:適合各種屏幕尺寸
卡片最重要的是,它們幾乎可以無限操作。它們是響應式設計的不錯選擇,因為卡充當可輕松縮放的內容容器。此功能使我們可以跨多種設備創(chuàng)建單一的美感,并建立一致的體驗,而與設備無關。
第五點:專為拇指設計
卡片是為拇指而制成的。卡是一種似乎只是為應用程序制作的樣式。數(shù)字卡的行為與物理卡相同。用戶喜歡卡片的簡單性,并直觀地了解將卡片翻轉以獲取更多信息或刷卡獲取下一信息的物理原理。
#.總結要點
1.選擇簡單的字體和易于閱讀的配色方案(將文本放在具有足夠對比度的純色背景上時,文本最容易辨認)
2.盡量限制字體的數(shù)量。對于大多數(shù)卡片項目而言,一個字體就足夠了
3.在設計時要考慮上下的呼應性,不要盲目去設計
感謝閱讀!
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊