10.30日(rì)音(yīn)訊，細談卡式設計(jì)在網站(©↓zhàn)建設中的(de)妙用(yòng)

　　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éng)勝出的(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ù)同種類的(d€'<&e)元素時(shí)，卡式設計(jì)就(jiù)能(nén&★g)為(wèi)這(zhè)些(xiē)內(nèi)容的(d&£e)排版提供一(yī)種奇妙的(de)有(yǒu)序性。這(zh×™✔è)對(duì)于設計(jì)師(shī)和(hé)用(yòng)戶來(lá ♥ λi)說(shuō)都(dōu)是(shì)項利好(hǎo)。KelseyDr♥£≥ake的(de)網站(zhàn)也(yě♥ε♣)許能(néng)展示出這(zhè)一(yī)特點。

　　3、易讀(dú)性

　　卡式設計(jì)一(yī)個(gè)非常重要(yào)的(de)§γ&特性就(jiù)是(shì)它們包含的(de)信息十分£✔♥γ(fēn)簡潔，這(zhè)讓它們變得(de)有(yǒu)趣且•‍&☆引人(rén)入勝，但(dàn)這(zhè)也(yě)讓網站(zhàδ©n)內(nèi)容變得(de)比較單一(yī)，很×≤(hěn)快(kuài)就(jiù)一(yī)覽無餘。像NamesForC★ €hange.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ǐ)的(d>☆e)網站(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ě)就(j✘©iù)讓大(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)。‌ ≈