卡片式設計在APP開發中的(de)應用(yòng)

卡片式設計是在APP開發和(hé)設計中常用(yòng)的(de)一種設計，不管是Web和(hé)移動應用(yòng)的(de)頁面設計，都不能脫離了(le)真實使用(yòng)完全個(gè)性化(huà)的(de)體驗，卡片是新的(de)創造性概念。

卡片是那些裝滿包含圖像和(hé)文本的(de)小矩形，作爲功能、内容入口點，以提供更詳細的(de)信息。可(kě)以平衡用(yòng)戶界面的(de)設計美(měi)學和(hé)良好的(de)可(kě)用(yòng)性，最近卡片幾乎成了(le)移動端界面設計的(de)一個(gè)默認的(de)選擇。因爲卡是一種方便的(de)顯示不同元素組成的(de)内容的(de)方式。
 

在用(yòng)戶界面中使用(yòng)的(de)卡是一個(gè)很好的(de)體驗，因爲他(tā)們看起來(lái)像現實世界的(de)有形卡。在移動設備上，卡片是一種使用(yòng)非常廣的(de)交互模式，因此，它更直觀的(de)給用(yòng)戶知道這(zhè)一塊卡片裏的(de)内容是代表一個(gè)整體，一個(gè)模塊的(de)信息。
卡片是一個(gè)很好的(de)工具，用(yòng)于交流快(kuài)速的(de)故事。棒球卡是一個(gè)很好的(de)例子，從現實生活中的(de)對(duì)象。你需要了(le)解一個(gè)玩家的(de)基本信息包含在一張小卡片的(de)兩邊。

卡片将内容劃分(fēn)成幾個(gè)部分(fēn)，這(zhè)樣劃分(fēn)可(kě)以占用(yòng)的(de)屏幕空間更少，而且更清晰的(de)區(qū)分(fēn)不同的(de)内容。就想寫文章(zhāng)一樣，你會用(yòng)段落，标點符号來(lái)區(qū)分(fēn)表達不同的(de)内容。卡片設計就是一樣的(de)意思，可(kě)以收集各種信息，形成連貫的(de)一塊内容。

當Facebook、twitter、騰訊等巨頭們的(de)産品使用(yòng)卡片式設計web和(hé)移動端産品時(shí)，卡片的(de)設計布局被大(dà)量的(de)産品設計師随波逐流的(de)推到了(le)設計的(de)最前沿。如果你在用(yòng)Facebook你會發現它的(de)卡片設計不多(duō)也(yě)不少，剛好充分(fēn)的(de)展現出卡片設計爲它的(de)産品設計帶來(lái)的(de)内容涉及區(qū)分(fēn)的(de)效果，雖然說有一個(gè)瀑布流的(de)首頁無休止的(de)往下(xià)刷信息。但這(zhè)也(yě)是用(yòng)戶在使用(yòng)過程中最低的(de)成本，(這(zhè)裏的(de)成本指的(de)是用(yòng)戶成本)

設計是一門語言，通(tōng)常一個(gè)産品通(tōng)過設計和(hé)内容爲用(yòng)戶傳達信息，而卡片式的(de)視覺效果設計也(yě)剛好能給用(yòng)戶傳達了(le)清晰的(de)信息，在卡片設計中還(hái)會爲特定的(de)信息内容加入圖形圖像，還(hái)能大(dà)大(dà)提升網站或應用(yòng)的(de)體驗效果，因爲圖像有效地吸引用(yòng)戶的(de)視線，更加集中明(míng)确的(de)引導用(yòng)戶去操作這(zhè)一功能。

Dribbble創意社區(qū)展示設計師作品的(de)知名網站，基于卡片設計真的(de)是最合适呈現這(zhè)種類型的(de)内容。
 

從設計的(de)角度來(lái)看，卡片設計應該是跟我們平時(shí)看到的(de)名片一樣有圓角、直角，卡片式設計給用(yòng)戶看起來(lái)像一個(gè)内容塊，而圓角和(hé)直角隻是一種視覺設計的(de)樣式，給人(rén)不一樣的(de)印象設計。
 

可(kě)以說這(zhè)些元素在你的(de)設計中就像是添加了(le)一點視覺上的(de)香料，更好的(de)給用(yòng)戶帶來(lái)全新，不一樣的(de)感受，而不會成爲一種分(fēn)心的(de)事。卡的(de)優點正确實施，卡片式設計可(kě)以提高(gāo)産品的(de)用(yòng)戶體驗方面，由于其功能和(hé)形狀的(de)特性，設計師們也(yě)很方便去再添加一個(gè)有趣的(de)UI元素，直觀的(de)使用(yòng)。