最近，越來(lái)越多 app 開(kāi)始使用卡片式設(shè)計(jì)，如我們所熟知的高端職場(chǎng)社區(qū) Linkedin 領(lǐng)英和 Facebook。

到底這種卡片式設(shè)計(jì)怎么去設(shè)計(jì)用，才能讓客戶(hù)有好的體驗(yàn)感覺(jué)呢？

今天成都網(wǎng)站設(shè)計(jì)專(zhuān)家為大家列出 5 個(gè)實(shí)踐原則和案例。

卡片是簡(jiǎn)潔小巧的信息盒子。在界面設(shè)計(jì)中，要平衡界面的審美和可用性，卡片基本是一個(gè)通用選擇

如今卡片的使用已經(jīng)滲入了各行各業(yè)的網(wǎng)站，app設(shè)計(jì)中。

如果運(yùn)用恰當(dāng)?shù)脑?，卡片可以提?app 的用戶(hù)體驗(yàn)。

                              1. 遵循 一卡一概念 原則

卡片的所有內(nèi)容只能和一個(gè)主題相關(guān)。一個(gè)卡片可以包含多種元素，但應(yīng)該主要體現(xiàn)同類(lèi)信息或內(nèi)容。這樣用戶(hù)才能更輕松地選擇他們所喜愛(ài)或愿意分享的內(nèi)容。也節(jié)省了用戶(hù)大量寶貴的閱讀時(shí)間，有選擇性去閱讀自己感興趣的文章和內(nèi)容。

2. 保證整個(gè)卡片都可點(diǎn)擊

遵循菲茲定律，要讓用戶(hù)可以點(diǎn)擊或觸擊卡片的任何部分，而不只是文字鏈接或圖片。無(wú)論在移動(dòng)端的觸擊屏幕，還是需要鼠標(biāo)操作的主桌面端，有相對(duì)大面積的觸擊區(qū)都可大大提高卡片的可用性。

四川成都網(wǎng)站建設(shè)公司推薦使用一點(diǎn)陰影來(lái)呈現(xiàn)深度，讓大家知道卡片是可點(diǎn)擊的。

3. 保證卡片的視覺(jué)享受感

眾所周知，有良好設(shè)計(jì)和可用性的卡片設(shè)計(jì)，就能算的上是成功的。對(duì)卡片稍加打磨，加入少許美學(xué)特征，卡片會(huì)讓人感覺(jué)熟悉親切，這樣也會(huì)顯得很有創(chuàng)意。

為了設(shè)計(jì)者和用戶(hù)能更好的理解這一層次的設(shè)計(jì)，今天先分享這3點(diǎn)原則。其他的設(shè)計(jì)原則請(qǐng)明天繼續(xù)來(lái)欣賞和探討。在設(shè)計(jì)理念上，創(chuàng)新互聯(lián)建站秉承跟隨市場(chǎng)設(shè)計(jì)潮流，為用戶(hù)帶來(lái)國(guó)際化視野的網(wǎng)站。

創(chuàng)新互聯(lián)建站專(zhuān)業(yè)成都網(wǎng)站建設(shè)專(zhuān)家，經(jīng)驗(yàn)豐富的成都網(wǎng)站建設(shè),SEO優(yōu)化，成都網(wǎng)站設(shè)計(jì) 成都網(wǎng)站制作公司為全國(guó)超過(guò)2萬(wàn)家大中型企業(yè)，集團(tuán)公司提供網(wǎng)站建設(shè)服務(wù)和咨詢(xún)。

                       本文歡迎轉(zhuǎn)發(fā)，轉(zhuǎn)發(fā)請(qǐng)注明作者和出處。謝謝!”

當(dāng)前題目：最新很火熱的卡片設(shè)計(jì)，如何給客戶(hù)好的體驗(yàn)感覺(jué)呢？
分享URL：http://chinadenli.net/news17/161817.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)頁(yè)設(shè)計(jì)公司、小程序開(kāi)發(fā)、網(wǎng)站策劃、外貿(mào)建站、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)