設(shè)計(jì)沉思錄 | 小卡片也要有規(guī)范
編輯導(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é)議。
- 目前還沒評(píng)論,等你發(fā)揮!