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