一張服務卡片，三個設計原則，讓HarmonyOS元服務卡片獲得更多用戶觸點

元服務是一種基于HarmonyOS API的全新服務提供方式，對于開發者來說僅需要開發一次，即可支持多終端設備運行，以鴻蒙萬能卡片等多種呈現形態，向用戶提供更輕量化的服務。更輕便的開發方式，讓廣大開發者都躍躍欲試，截至目前也已經有很多開發者開發出了一些爆款元服務，而想要原服務擁有更高的傳播范圍、更高的用戶使用率和更多用戶觸點，卡片視覺設計就顯得十分重要。

眾所周知在用戶的桌面上，除了應用圖標外，另一個存在感極強的元素就是卡片。相較于應用，卡片的展示面積越大，展示的元素也相對更加豐富。想要把圖片、文字和按鈕更好融合進一張小小的卡片，就要遵循“精致美觀、一目了然、一步直達”三個原則。

卡片精致美觀，意味著各位開發者在設計時不僅要關注卡片的功能，也要打磨卡片的視覺和動效設計，帶給用戶預約享受的價值，甚至會單純為了裝飾桌面而將卡片添加到桌面上。

大片信息一目了然，提供更多的有效信息給用戶，是讓卡片更具有價值的手段之一。類似用戶需要復雜操作才能獲得的信息以及常常關注的信息，都適合呈現在卡片內，但同時也要謹慎展示廣告、優惠券等非用戶主動想要獲取的內容，過度推送此類信息很容易引起用戶反感，降低卡片的添加率。

卡片也可添加按鈕，如果此類按鈕能夠一鍵幫助用戶完成一些復雜操作，也能讓卡片價值獲得極大提升。以打電話為例，原本用戶需要“進入電話應用>選擇聯系人>找到要撥打電話的聯系人>點擊撥號鍵”4步才能完成的操作，通過添加一張該聯系人的電話卡片在桌面，即可一步完成操作。所以開發者在設計時需審視自己卡片內的所有按鈕，是否真的減少了用戶的操作，為用戶帶來了價值。

HarmonyOS基于“精致美觀、一目了然、一步直達”三個設計原則，為用戶提供更多有效信息，幫助用戶完成一些復雜操作的同時，以最佳視覺效果呈現于桌面。目前用戶桌面上的卡片主要分為四個尺寸——微、小、中、大，因在不同設備上卡片的寬高不同，具體大小和效果在開發過程中可以使用IDE工具來預覽。當然由于每張卡片的顯示面積不同，卡片設計中可以承載的元素數量也有所不同。

微卡片建議最多展示2種元素，小卡片、中卡片最多展示3種元素，大卡片最多展示4種元素。開發者可以根據實際的卡片功能定位選擇要展示的元素進行組合。

打磨細節，讓卡片更精致美觀

精致美觀其實是一個較為寬泛的屬性，設計過程中并沒有一些固定的規則，設計師可以遵守業界通用的設計規范，如畫面的平衡、色彩的搭配、元素的統一等；當然其個人審美也會產生一定的影響。但整體來看一張精致美觀的卡片，不僅要具備用戶常用的功能，還要給用戶帶來美的享受?？ㄆw結構一致性、按鈕色彩搭配協調性、配圖區與功能區的關聯性，都是卡片設計需要考量的一部分。

環境吸色、模糊背板、純凈配圖、大字體排版、漸變遮罩等方式都是卡片設計中常用的設計手法。想要設計出優秀的卡片，對細節的打磨將成為脫穎而出的關鍵所在。

控制元素，讓卡片信息一目了然

一目了然是卡片的重要功能屬性，能夠讓用戶可以不進入應用就能夠在桌面了解到關鍵信息，這也是卡片價值的重要體現。如果能夠在卡片中展示更直觀的信息，可直接將數據展示在卡片內，減少“跳轉查看”類的按鈕。

想讓卡片信息一目了然，首先開發者可以根據卡片大小來控制信息數量。不同卡片的尺寸能夠容納的信息量是不同的，開發者在設計過程中可以先將信息按照重要等級進行排序，從大卡片到微卡片，依次將較為不重要的信息去除。比如在展示天氣信息的卡片中，微卡片僅保留城市、溫度、天氣類型信息；而在更大一些的小卡片中，增加了空氣質量、最高最低氣溫等信息。

其次，設計師還可通過不同呈現方式來進行數據展示。因卡片面積有限，所以要避免使用復雜的數據表格，類似大數字、圖形、進度條、柱狀圖等更形式相比之下則更加直觀。

設備不同，卡片設計保持協同

目前鴻蒙生態覆蓋了海量設別，不同設備的顯示面積和宮格布局各不相同，因此當卡片需要在多種設備上呈現時，則需要設計師通過不同設備上的呈現效果一一調試。

卡片是信息的濃縮和品牌的放大，為用戶帶來價值的同時也能夠為開發者帶來流量，因而一張好的卡片其美感和實用性缺一不可。想要了解更多HarmonyOS卡片設計規范，可前往華為開發者官方網站進行瀏覽。

審核編輯 黃宇