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

2021-03-06 UI範

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


 正文 

#.什麼是卡片？


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

暫時舉例這麼多，更多的細節需要自己感受...

#.那麼卡片設計到底有什麼優勢？

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

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

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

基於卡的設計通常嚴重依賴視覺效果。其實，在影像上會重是強度基於卡的設計。學習圖像可提升網站和應用程式的設計水平，因為圖像可有效且立即吸引用戶的眼球。強調使用圖像使基於卡片的設計對用戶更具吸引力。

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

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

#.總結要點


1.選擇簡單的字體和易於閱讀的配色方案（將文本放在具有足夠對比度的純色背景上時，文本最容易辨認）2.儘量限制字體的數量。對於大多數卡片項目而言，一個字體就足夠了

--

相關焦點

  • 名企設計師的UI卡片設計原則【大廠必考】
    卡片是移動端產品常見的設計形式，承載著圖片、文字、按鈕等內容。根據展現形式，卡片基本可以分為3大類：邊距卡片、懸浮卡片、通欄卡片。邊距卡片通常採用帶圓角形式，利用陰影以及四周的邊距形成頁面留白，提升整體設計層次感，通過投影、前後顏色的設定，讓內容與背景之間產生視覺空間感，在頁面設計中應用更加廣泛。懸浮卡片主要用於功能集合或者頁面內容擴展場景，目的是提升頁面的操作效率。
  • 產品經理由初級到高級的必經之路
    思來想去，結合本人在產品行業多年的學習和成長的心得，想和大家分享一下我總結的「產品經理由初級到高級的必經之路」。，就不要說是高級產品經理，否則自己痛苦團隊跟著也難受。初級階段需要培養好結構思考力、邏輯分析能力、需求分析能力、溝通表達能力、項目管理能力。高級階段需要增加團隊管理能力、市場分析能力、數據分析能力 二、逐步提升的規劃 在初級階段，要好好打基礎，熟練掌握各種必要的能力，包括繪製原型的能力，寫各種文檔的能力，需求分析能力等。
  • 卡片式設計用戶界面
    在本文中，我將闡述卡片設計對UI設計師意味著什麼，評價三個流行的卡片式服務。網頁和手機應用正徹底地從頁面轉向個性化體驗，這些新的體驗建立在許多單個內容的聚合上，而這些內容目前以卡的形式來呈現。因為看起來如同真實世界中的卡片一樣，在界面設計中的卡片具有非常棒的隱喻效果。早在網際網路和行動裝置出現之前，卡片就在我們身邊無處不在了——商業名片、棒球卡片，甚至便利貼。 因此，對於用戶來講，我們能更直觀地意識到這些卡片就像在現實生活中一樣代表著一定的信息。棒球卡片是現實生活中一個很好的例子：你想知道的棒球運動員的基本信息都包含在一張小卡片的正反面。
  • 淘寶聯盟高級和初級的區別在哪?
    高級的怎樣？聯盟高級帳戶佣金的佣金是初級帳戶的4-6倍，高級帳戶推廣一天的收入，初級帳號要推廣一個禮拜、所以趕緊升級到高級帳戶，達到60個引流人數，15筆有效單就可以晉級。而且9月份有中小淘客額外獎勵活動，高級帳戶除了拿到高佣金，還有額外獎勵，如果你已經是高級帳戶，也要持續推廣，9月份達到60個引流人數和10筆有效訂單，到10月才會不被降級。所以，每年也需要穩定自己的級別。最簡單的晉級方法就是做店鋪淘客，每天都會有單，根本不用擔心聯盟對你的降級。針對初、中級會先向收取費用，並以此為基數，按比率與推廣者分成。
  • 卡片設計最佳方案
    卡片設計師由Pinterest和Facebook引進的，如今廣泛應用在多個領域。正確使用卡片能夠提升應用的用戶體驗。本文，我會講述5個卡片設計的技巧，同時給出一些有用的例子。1、遵循「一個卡片一個概念」的原則卡片裡所有的內容應該只與一個概念相關。
  • 優秀平面設計師的成長
    平面設計的概念設計是有目的的策劃，平面設計是這些策劃將要採取的形式之一，在平面設計中你需要用視覺元素來傳播你的設想和計劃，用文字和圖形把信息傳達給受眾，讓人們通過這些視覺元素了解你的設想和計劃，這才是我們設計的定義。
  • 想做好卡片設計,原來要注意這麼多細節
    卡片設計在界面中已經是非常常見的一種設計形式，大家做設計時幾乎都會用到。關於卡片設計的文章網上已經有很多了，今天我想從我自己的經驗來總結卡片設計的細節要點，期望能給大家總結一些快速提升卡片設計效果的方法。
  • 想學UI設計?這些知識你要知道!
    UI設計需要學習的東西有很多，軟體只是基礎的東西，想要新手想要學好UI設計，首先得熟練掌握UI設計師必學的軟體：PS、AI、AE、ARP、C4D等。 對於新手而言，一定要先把基礎軟體學紮實了，再去學習圖標設計，界面設計，學UI設計雖然門檻低，但是學起來需要花費一定的時間和精力。
  • 用實戰案例,幫你掌握設計師常用的設計模型(一)
    原標題：用實戰案例，幫你掌握設計師常用的設計模型（一）編輯導語：設計師在思考設計的過程中往往會遇到瓶頸，此時一些設計模型就能夠幫助設計師開闊思路，拓展思維，突破瓶頸；同時，這些設計模型也會對創意有一定的限制，很難突破模型的拘束。本文作者通過實戰案例，為我們介紹了一些常用的設計模型，希望大家在使用的過程中趨利避害，做出滿意的設計。
  • 這些榮獲大獎的創意卡片,希望您喜歡!
    近日，小編發現了一個有趣的紙品創意設計大賽。大賽本屆主題為【超越語言】，通過卡片的方式超過語言的表達，把心意傳遞給對方。其中很多設計都非常亮眼。趕快來選一張卡片，送給最最尊敬、最最喜愛的老師吧！01 Letter  Cracker
  • 左衽中國|周末造花班——赤裸裸揭露高級定製背後的秘密!我要變成一個安靜的女孩紙!
    中國大學生原創服裝設計師培養與扶持計劃左衽中國團隊一致決定：自2017年起，正式啟動中國大學生（初級）原創服裝設計師培養與扶持計劃，並且將繼續擴大公益政策的輻射範圍，左衽中國逐步轉型為公益性服務平臺，以培養和扶持更多的中國大學生原創設計師的成長、成才。
  • 2020年的UI設計師作品集策略
    高級崗位對於行業3-5年以上的設計師，根據自身的綜合能力，可以投遞設計專家/設計總監這樣的高級職位。這個階段的設計師，除了嫻熟的設計能力，管理與領導力、落地與驅動力、既往業績與特定業務經驗都是重點，亮麗的作品集反而變成了標配品；雖然這個階段的作品集本文不做過多討論，但依舊是必不可少的。
  • 壯大深圳本土服裝設計師實力,深圳市服裝設計專業職稱評審工作啟動
    讀創/深圳商報記者 杜翔翔為發展和壯大深圳本土服裝設計師的實力和影響力，近日，2020年度深圳市服裝設計專業職稱評審工作啟動。此次活動由深圳市人力資源和社會保障局指導、深圳市時裝設計師協會組建成立深圳市服裝設計專業高級職稱評審委員會負責，受理並組織專家進行服裝設計專業領域的初級（含員級和助理級）、中級、高級（含高級和正高級）職稱評審。
  • 電商活動卡片式設計思考
    在這次女神節活動中，我們重點針對活動中的【卡片式設計原則】進行了深入思考，希望通過簡化卡片層級，讓活動頁面更簡潔。二、活動中的卡片設計卡片式設計最早來源於Google Material Design。卡片式設計的優點很多，它可以較好的對內容進行區域劃分，解決了內容與內容的區塊分隔，讓用戶在長屏幕滑動中，依舊可以很好的識別每一塊內容。
  • 室內設計師資格證考什麼內容
    初級室內設計師考試科目為室內設計原理、手繪綜合表現;中級室內設計師考試科目為室內設計原理、手繪綜合表現、現場方案設計;高級室內設計師考試科目為室內設計原理、方案設計與分析、設計類管理與應用。室內設計師專業技能(水平)評價認證採取試卷考查制，各級別考試採用全國命題、在線統考的方式。
  • 最潮的APP布局利器:卡片
    卡片使得布局更為靈活，三個卡片在桌面上可以顯示為並排的3列，在移動端上可以縱向拍成1列，這兩種布局都能貼合用戶的閱讀習慣。2、組織性：卡片可以將不同類型的元素有效地組織到一起，無論是圖片、視頻、文本還是CTA按鈕，由於卡片本身的靈活性，設計師可以靈活地、有針對性地調整每一個元素而不用擔心影響其他的的元素。
  • UI設計 | 製作更好的UI卡片的簡單設計技巧
    最近，這個簡單的UI組件已成為Web和移動設計的重要組成部分-當前市場上可用的應用程式或網站都使用卡。卡片使內容和功能更易於發現，並且在任何屏幕尺寸（從大電視屏幕到行動裝置的小屏幕）上都看起來不錯。在本文中，我們將回顧卡片的概念，並為設計師提供一些實用技巧。
  • 思考總結:談談卡片式設計
    卡片式設計對於我們來說並不陌生，從設計類網站上或市場上的一些APP中也會看到很多的卡片式設計的案例，卡片式設計也是UI設計中最常用的方式之一。最近在新項目的設計中也嘗試使用了卡片式設計，結合實際項目中的得到了一些思考進行總結並歸納出一些卡片式設計的小知識點。同時希望自己通過本次的總結進行知識沉澱，以及跟大家一起探討下卡片式的設計。
  • 2020年考培國家室內設計師資格證書的申報要求
    考培國家室內設計師資格證書的申報要求2020年針對室內設計師職業人才技能證書，是國內從事建築裝飾行業相關的室內、建築、景觀、陳設、展陳、家具、運維、施工、教育從業者、大中專院校設計相關專業的學生等報考的證書，分為高級、中級、初級三個考試等級，
  • 對啊網設計學院:設計師的作品集如何製作
    本網11月17日訊 設計師的目標是利用他們的作品集來爭取下一份工作。但是，大多數人都無法做到能有效吸引公司的作品。遵循行業專家的建議和最佳實踐，設計師可以設計出理想的產品集，完美展示其才能和技能。設計作品集需要專注於一個目標：推銷設計師。