掌握這些咭片設計要點,讓初級變成高級設計師

April 9, 2021 by No Comments

不知道大家有發現沒?以咭片設計的介面越來越流行,基於咭片視覺交互正在廣泛傳播,相信大多數小夥伴還不太理解,今天范範就總結下我的經驗之談,希望對大家有幫助與提升。
 

什麼是咭片?

 
咭片是裝滿圖像和文字的那些小矩形,它們是進入更詳細資訊的入口。“咭片”一詞是一個很好的隱喻,因為它們在使用者介面中看起來就像是現實世界中的有形咭片。目前主流的一些APP都已經開始運用這種設計手法,整體視覺感是不錯,簡潔大方,易操作,不知道大家有沒有發現?
 

那麼咭片設計到底有什麼優勢?

 
咭片設計可以應用到各種環境中,可以正確實施,它們可以改善應用程式的使用者體驗等等。以下是總結的要點,認真閱讀。
 

第一點:分塊內容

咭片將資訊組織成大塊的內容,並且使用者喜歡分塊的內容,因為它有助於提高可掃描性:它有助於避免文字牆的出現,因為這些文字牆看起來令人生畏或耗時,並允許用戶更快地深入自己的興趣。卡將內容分為有意義的部分,類似于文本段落將句子分為不同的部分的方式。他們可以收集各種資訊以形成一個連貫的內容。咭片是整齊的小容器,用於存儲資訊
 

第二點:容易消化

咭片是交流快速故事的好工具。將內容放置在卡中使用戶可以消化。使用者可以輕鬆訪問他們感興趣的內容,這使使用者能夠以他們想要的任何方式參與。
 

第三點:視覺效果愉快

根據卡的設計方案一般 比較嚴重依靠視覺衝擊。實際上,在影像上面重是抗壓強度根據卡的設計方案。學習培訓圖像可提高網址和應用軟體的設計方案水準,由於圖像可合理且馬上吸引住客戶的目光。注重應用圖像使根據咭片的設計方案對客戶更具有誘惑力。
 

第四點:適合各種螢幕尺寸

咭片最重要的是,它們幾乎可以無限操作。它們是回應式設計的不錯選擇,因為卡充當可輕鬆縮放的內容容器。此功能使我們可以跨多種設備創建單一的美感,並建立一致的體驗,而與設備無關。
 

第五點:專為拇指設計

咭片是為拇指而製成的。卡是一種似乎只是為應用程式製作的樣式。數位卡的行為與物理卡相同。用戶喜歡咭片的簡單性,並直觀地瞭解將咭片翻轉以獲取更多資訊或刷卡獲取下一資訊的物理原理。
 

總結要點

 
1.選擇簡單的字體和易於閱讀的配色方案(將文本放在具有足夠對比度的純色背景上時,文本最容易辨認)
2.儘量限制字體的數量。對於大多數咭片專案而言,一個字體就足夠了
3.在設計時要考慮上下的呼應性,不要盲目去設計