10.30日(rì)音(yīn)訊，細談卡式設計(jì♥Ω♥α)在網站(zhàn)建設中的(de)妙用≤±←(yòng)，“我要(yào)卡Ω∞€式的(de)”，這(zhè)是(shì)上(shàng)一(£↓®←yī)期客戶在和(hé)我聊需求的(de)時(shí)候說(shuō€≥)的(de)第一(yī)個(gè)需求點。毫無疑問(wèn)，卡式不(bù)♥☆ 論是(shì)适應PC還(hái)是(shì)手機(jī)都(¶ dōu)表現(xiàn)優秀。從(cóng)在線商城(chéng)到(dàε★φo)社交媒體(tǐ)網站(zhàn)，卡'π式設計(jì)成為(wèi)網頁設計(jì)中的(de)φ↓ ★一(yī)股強大(dà)風(fēng)潮且 ∞♠ 風(fēng)頭正勁。其中最重要(yào)的(de)↑¶®原因想必就(jiù)是(shì)它的(de)靈活性。
卡片，可(kě)以是(shì)任何形狀、顔色和(hé)£∞™形式。但(dàn)是(shì)總的(de)來(lái)說(shuō)≠ ，他(tā)們都(dōu)包含了(le)圖片、圖σ"∏标和(hé)一(yī)些(xiē)基本的(de)文(wén)字信Ω≠α息，例如(rú)标題、用(yòng)戶名和(hé)位置φ≤信息。
“然而，其風(fēng)靡起來(lái)的(de)>≤核心還(hái)在于其簡單性。你(nǐ)δγ很(hěn)少(shǎo)見(jiàn)到(dà∑±Ωo)複雜(zá)的(de)卡片設計(jì)，它之所以出現(xiàn)€γ的(de)目的(de)就(jiù)是(shì)為(wèi)了(le₽≈£)引導用(yòng)戶去(qù)點擊它”
作(zuò)為(wèi)網頁設計(jì)師(shī)，§÷π×你(nǐ)該如(rú)何使用(yòng)卡片?當在設計(jΩ ₽≠ì)卡片時(shí)，你(nǐ)應該注意些(xiē 'α')什(shén)麽?下(xià)面讓我們來(lái)談談。
是(shì)什(shén)麽讓卡式設₩♦計(jì)勢不(bù)可(kě)擋
當提及實用(yòng)性和(hé)美(měi)感，卡片式↓₩♣ 設計(jì)可(kě)謂當仁不(bù)讓的(de)雄踞上(shàng)風(fΩ≠ēng)。以下(xià)所列的(de)特性也(yě)許是(shì)它能(nén♦g)勝出的(de)原因。
1、響應式
響應式是(shì)個(gè)老(l∏↓$↓ǎo)生(shēng)常談，它成為(wèi±λ∑€)了(le)一(yī)項硬性要(yào)求。大(dà)部分(fē≈™n)客戶都(dōu)為(wèi)各種層出不(bù)窮的(de)移動設★φλ備準備好(hǎo)了(le)響應式方案，那→ ↑(nà)麽卡式就(jiù)是(shì)如(rú)此應運而生(shēng♣'₽¶)。在滿足各種屏幕尺寸需要(yào)之上(•πshàng)，卡式設計(jì)能(néng)非常便捷★★★地(dì)幫助用(yòng)戶焦距到(dào)特定的(de)內(nèi)容，也↔∏(yě)讓設計(jì)師(shī)在設計(jì)時(shí)合♦Ω≤理(lǐ)又(yòu)簡潔地(dì)進行(xíng)內(nèi)©♥♠容的(de)布局。
2、有(yǒu)序性
混亂不(bù)堪的(de)網站(zhàn)令人(<rén)頭疼，當我們在整理(lǐ)頁面不(bù)同種類的(de)元素時ᶕ(shí)，卡式設計(jì)就(jiù)能(néng)為(w$$èi)這(zhè)些(xiē)內(nèi)容的(de)排&♠✘®版提供一(yī)種奇妙的(de)有(yǒu)序性。這(zhèα↑>λ)對(duì)于設計(jì)師(shī)和(≠>"hé)用(yòng)戶來(lái)說(shu♦φō)都(dōu)是(shì)項利好(hǎo)。KelseyDrake的(de)✔→網站(zhàn)也(yě)許能(néng)展÷≈₩示出這(zhè)一(yī)特點。
3、易讀(dú)性
卡式設計(jì)一(yī)個(gè)非常重要(yào)的(d®↓₹e)特性就(jiù)是(shì)它們包含的(dφ↑e)信息十分(fēn)簡潔，這(zhè)≠♥≠讓它們變得(de)有(yǒu)趣且引人(rén)入勝，但(dàn) ™這(zhè)也(yě)讓網站(zhàn)內("€÷nèi)容變得(de)比較單一(yī)，很(hěn)快(™$δkuài)就(jiù)一(yī)覽無餘。像NamesForCha±nge.org這(zhè)樣的(de)網站(zhàn)就(jiù™∏$)把每張卡片都(dōu)設計(jì)得(de)生(shēng)動且讓人(★<rén)理(lǐ)解起來(lái)毫不(bù)費(fè$Ω✘§i)力。
4、為(wèi)社交媒體(tǐ)平台所青睐
想想一(yī)個(gè)社交媒體(tǐ)的∏¥(de)網站(zhàn)是(shì)怎樣建立起來(l↕<ái)的(de)?它們需要(yào)的(de)是€ ∞∏(shì)清晰易讀(dú)和(hé)快(kuài)捷的€£'β(de)展示方式。再考慮到(dào)卡式設計(jì)， ₩ε你(nǐ)難道(dào)沒有(yǒu)發現(xiàn)這(zhè)之間(jiā™ε n)的(de)聯系?最著名的(de)卡式設計( Ωjì)的(de)例子(zǐ)就(jiù)是<(shì)Pinterest和(hé)Dribble啦!
5、平等性
卡式設計(jì)還(hái)有(yǒu)一(yī)個(gè₽>↕')特性就(jiù)是(shì)平等，這(zhè)裡(lǐ)的(de)平等♠♦當然不(bù)是(shì)絕對(duì)的(de)，也(yě)₩βφ☆就(jiù)是(shì)說(shuō)，卡∏₹式設計(jì)裡(lǐ)每張卡片，它在整個(gè)網頁中 <↕的(de)重要(yào)性是(shì)差↕≥不(bù)多(duō)相(xiàng)同的(de)。這>∏∑©(zhè)也(yě)就(jiù)讓大(dà)家(jiā)省去(¶βqù)了(le)為(wèi)內(nèi)容進行(xíng)等級排序₽•的(de)麻煩。不(bù)妨看(kàn)看(kàn)AHH的(de)網₹✘≠站(zhàn)，你(nǐ)就(jiù)能♠φ(néng)明(míng)白(bái)。
