設(shè)計(jì)沉思錄 | 小卡片也要有規(guī)范

0 評(píng)論 5578 瀏覽 21 收藏 6 分鐘

編輯導(dǎo)語(yǔ):規(guī)范的制定對(duì)頁(yè)面的設(shè)計(jì)尤其重要,好的頁(yè)面設(shè)計(jì),能夠吸引更多的用戶。那在頁(yè)面設(shè)計(jì)中,為什么需要制定規(guī)范呢?本文從原因、制定過(guò)程、推進(jìn)三個(gè)部分詳細(xì)地為大家介紹規(guī)范的制定。一起來(lái)看看吧。

無(wú)規(guī)矩不能方圓,在頁(yè)面設(shè)計(jì)中亦是如此,規(guī)范的制定尤為重要,大到一個(gè)app的整體視覺,小到一個(gè)banner,卡片。都可以通過(guò)規(guī)范的制定形成統(tǒng)一的設(shè)計(jì)標(biāo)準(zhǔn)。

一、為什么需要制定規(guī)范

1. 設(shè)計(jì)規(guī)范有助于團(tuán)隊(duì)內(nèi)部協(xié)作,提升工作效率

有了清晰明確的設(shè)計(jì)規(guī)范,設(shè)計(jì)師可以通過(guò)設(shè)計(jì)組件進(jìn)行快速搭建,大大提高設(shè)計(jì)師的工作效。

提升設(shè)計(jì)師之間的內(nèi)部協(xié)作,同時(shí)也便于與產(chǎn)品及開發(fā)之間的溝通。

2. 設(shè)計(jì)規(guī)范有助于視覺統(tǒng)一

在日常工作中,同一個(gè)項(xiàng)目需求可能會(huì)由多個(gè)設(shè)計(jì)師負(fù)責(zé)維護(hù),如果沒有統(tǒng)一的規(guī)范,每個(gè)設(shè)計(jì)師都進(jìn)行自由發(fā)揮,會(huì)導(dǎo)致頁(yè)面風(fēng)格多種多樣,難以保持統(tǒng)一。

通過(guò)規(guī)范的制定,可以使整個(gè)頁(yè)面的視覺統(tǒng)一,提升用戶體驗(yàn),增強(qiáng)品牌感。

二、規(guī)范的制定過(guò)程

在頁(yè)面中,有很多位置都需要設(shè)計(jì)師制定相應(yīng)的設(shè)計(jì)規(guī)范。

例如到家app首頁(yè)feed流里需要增加運(yùn)營(yíng)位卡片,以提升轉(zhuǎn)化。

卡片內(nèi)容涉及日常保潔、維修清洗、保姆月嫂等多個(gè)業(yè)務(wù)范圍。為了后續(xù)的維護(hù)以及視覺的統(tǒng)一性,對(duì)此我們制定了相應(yīng)的設(shè)計(jì)規(guī)范。

整個(gè)卡片由主標(biāo)題、標(biāo)簽、副標(biāo)題、活動(dòng)內(nèi)容、背景色、裝飾元素組成。

在卡片設(shè)計(jì)時(shí)不能僅局限于單個(gè)卡片中,同時(shí)也要將卡片放在整體頁(yè)面去中看,保證卡片與整體頁(yè)面的統(tǒng)一性。

在卡片標(biāo)題上,因?yàn)榭ㄆ膬?nèi)容不固定,所以在設(shè)計(jì)的時(shí)候需要考慮主副標(biāo)題的最長(zhǎng)字段限制。

給出最長(zhǎng)限制字段,并與需求方及時(shí)進(jìn)行溝通,避免字段展示不下的情況。

在卡片內(nèi)容上,要考慮多種活動(dòng)內(nèi)容形式,并做出相應(yīng)的樣式展示,保證視覺的一致性。

在卡片背景上,背景色采用了到家app定義的色彩規(guī)范,使卡片的顏色與整個(gè)app進(jìn)行統(tǒng)一,并通過(guò)裝飾元素豐富卡片細(xì)節(jié)。

共產(chǎn)出四個(gè)背景色,可根據(jù)卡片內(nèi)容選擇相應(yīng)的卡片模版進(jìn)行設(shè)計(jì)輸出。

通過(guò)最終的設(shè)計(jì)結(jié)果,制定相應(yīng)的設(shè)計(jì)規(guī)范,并與相關(guān)同學(xué)達(dá)成一致。

輸出規(guī)范文檔并及時(shí)進(jìn)行同步,推動(dòng)落地與實(shí)施。

以上是我在項(xiàng)目中的一些思考過(guò)程。

希望在日后的不斷迭代中可以做的更好,思考更全面。

三、關(guān)于規(guī)范的推進(jìn)

規(guī)范文檔相當(dāng)于設(shè)計(jì)使用說(shuō)明書,光有說(shuō)明書還不夠,還需要建立相應(yīng)的審核機(jī)制。

經(jīng)設(shè)計(jì)師內(nèi)部審核過(guò)后,推動(dòng)最終上線。

規(guī)范是否合理,通過(guò)對(duì)規(guī)范的應(yīng)用可及時(shí)獲取反饋,我們還需要不斷進(jìn)行打磨和沉淀,做出相對(duì)應(yīng)的更新及調(diào)整。規(guī)范修改優(yōu)化后要及時(shí)更新規(guī)范文檔,并同步給相關(guān)設(shè)計(jì)人員。

有了規(guī)范我們就必須百分百按照規(guī)范來(lái)做嗎?

隨著業(yè)務(wù)的不斷發(fā)展,會(huì)有更多業(yè)務(wù)訴求。

一定會(huì)有當(dāng)前規(guī)范無(wú)法滿足需求的時(shí)候,后續(xù)也會(huì)作出相應(yīng)的優(yōu)化調(diào)整。

 

作者: 環(huán)鐵藝術(shù)家,微信公眾號(hào):58UXD

本文由 @58UXD 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Pexels,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!