我們將產(chǎn)品劃分為三個(gè)階段：
1.0：滿足了以產(chǎn)品為中心的設(shè)計(jì)，達(dá)成生產(chǎn)售賣(mài)通順閉環(huán)；
2.0：滿足了以消費(fèi)者為中心的設(shè)計(jì)，考慮更多用戶體驗(yàn)；
3.0：加入以人文中心主義的設(shè)計(jì)，人文感官品牌情懷社區(qū)。
那么明確了我們本次升級(jí)的方向后，制定了整個(gè)產(chǎn)品的框架，底層加入了人文感官品牌情懷的相關(guān)因素，再應(yīng)用到我們現(xiàn)有的業(yè)務(wù)上，在協(xié)同上進(jìn)行高效的鏈接，產(chǎn)品到設(shè)計(jì)，設(shè)計(jì)與設(shè)計(jì)，設(shè)計(jì)到開(kāi)發(fā)。最終形成了我們的前臺(tái)展現(xiàn)頁(yè)面。
根據(jù)我們的用戶畫(huà)像以及多輪訪談?wù){(diào)研， 得知用戶的相關(guān)正負(fù)情緒。生活當(dāng)中家務(wù)工作的角色分配問(wèn)題，一直是經(jīng)常出現(xiàn)的一個(gè)場(chǎng)景。用戶希望通過(guò)我們的產(chǎn)品服務(wù)，來(lái)提升生活的幸福指數(shù)！
在以此為前提的背景下，用戶希望我們是專(zhuān)業(yè)標(biāo)準(zhǔn)化的、省心高效的、溫暖溫馨的、舒適的、具有親和力的等等。最終都會(huì)期望以更有品質(zhì)的生活而結(jié)尾，那么“品質(zhì)生活”即為我們需要來(lái)傳遞給用戶的情感。
那么品質(zhì)生活是什么呢？
其實(shí)用戶對(duì)我們的要求是一款提升生活品質(zhì)及愉悅感的產(chǎn)品，而非工具。
綜上所述，我們確定了以品質(zhì)生活成為我們的本次設(shè)計(jì)語(yǔ)言升級(jí)的slogan，再結(jié)合業(yè)務(wù)的自身特性，我們進(jìn)行了詳細(xì)的拆分后提煉出了以下相關(guān)關(guān)鍵詞，來(lái)滿足用戶更多的情感訴求。
干凈明亮
居住環(huán)境的潔凈會(huì)帶給人更多舒適愜意的感受。首先對(duì)品牌色進(jìn)行了升級(jí)，使其更鮮明。也延展與其相匹配的輔助色來(lái)打造出完善的色彩體系。
光
專(zhuān)業(yè)
高效
用戶攜帶訴求而來(lái)，那么減少用戶感到麻煩的情緒，對(duì)產(chǎn)品的識(shí)別清晰、操作便捷提升是最直接影響的。
親和力
服務(wù)行業(yè)需必備的能力，微笑服務(wù)也成為了我們的業(yè)務(wù)情感透?jìng)鳂?biāo)準(zhǔn)。提煉出微笑符號(hào)結(jié)合我們的實(shí)際場(chǎng)景進(jìn)行運(yùn)用！
慢生活…
在對(duì)用戶的相關(guān)情感訴求結(jié)合業(yè)務(wù)進(jìn)行了落地后，對(duì)效率類(lèi)設(shè)計(jì)原則也進(jìn)行了相應(yīng)的升級(jí)。
應(yīng)用整體架構(gòu)也是一個(gè)應(yīng)用對(duì)外呈現(xiàn)的基礎(chǔ)結(jié)構(gòu)，是系統(tǒng)風(fēng)格的體現(xiàn)形式之一，除了特殊設(shè)計(jì)訴求，通常情況下，應(yīng)用需要使用通用的應(yīng)用架構(gòu)來(lái)保持系統(tǒng)的一致性和用戶操作的易用性。
布局不是靜態(tài)固定的，柵格系統(tǒng)在一個(gè)應(yīng)用內(nèi)的重要程度不言而喻。我們?cè)O(shè)定了以4dp / 4pt為基數(shù)的柵格系統(tǒng)。
文本作為產(chǎn)品中用戶獲取信息的主要信息載體，字號(hào)大小和字重決定了信息的層級(jí)和主次關(guān)系。對(duì)字號(hào)、字重、行高以及組合字體進(jìn)行了設(shè)定，為不同的場(chǎng)景創(chuàng)造了層級(jí)分明以及清晰的信息讀取體驗(yàn)。
針對(duì)頁(yè)面內(nèi)容區(qū)域的通用元素間距進(jìn)行了分類(lèi)。設(shè)計(jì)師結(jié)合具體場(chǎng)景的情況，來(lái)調(diào)用間距參數(shù)的適配邏輯。以此來(lái)結(jié)合柵格系統(tǒng)進(jìn)行更好的適應(yīng)相關(guān)視覺(jué)元素符號(hào)的對(duì)應(yīng)變化。
圓角參數(shù)
結(jié)合業(yè)務(wù)屬性保證親和力的透?jìng)?，在產(chǎn)品盡量避免出現(xiàn)銳角圖形的設(shè)計(jì)表達(dá)手法。故此針對(duì)圓角的大小也進(jìn)行了系統(tǒng)級(jí)別的定義，進(jìn)行深度統(tǒng)一管理！
語(yǔ)意原則及動(dòng)效等，并依據(jù)相關(guān)設(shè)計(jì)原則產(chǎn)出了組件庫(kù)。
在多元化的產(chǎn)品時(shí)代，時(shí)刻關(guān)注并滿足用戶的情緒，是產(chǎn)品能脫穎而出的關(guān)鍵！在建立設(shè)計(jì)語(yǔ)言手冊(cè)時(shí)從提升用戶體驗(yàn)和滿足商業(yè)價(jià)值整體考慮，挖掘流程當(dāng)中線上線下的觸點(diǎn)，多維度思考并總結(jié)落地，深度傳遞品牌理念。
設(shè)計(jì)語(yǔ)言手冊(cè)更多時(shí)候是一個(gè)相對(duì)寬泛的閾值，并非組件的固定值，在某些業(yè)務(wù)場(chǎng)景下能為用戶帶來(lái)增值體驗(yàn)或較高商業(yè)價(jià)值時(shí)，可以被打破。最后，核心就是在搭建語(yǔ)言手冊(cè)時(shí)應(yīng)思考更多“為什么”這么做！
作者：58UXD
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》如何通過(guò)設(shè)計(jì)語(yǔ)言手冊(cè)來(lái)傳遞品牌理念！
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司