美工設(shè)計的三個基礎(chǔ)標準
關(guān)于設(shè)計標準的問題,例如產(chǎn)品設(shè)計的一致性、容錯、簡潔、重視內(nèi)容等。在這些問題中,我發(fā)現(xiàn)大家思考設(shè)計標準的維度都有一些偏差或者不完整,所以今天想把一些自己如何思考設(shè)計標準的粗淺想法記錄一下,下面是小編為大家整理的美工設(shè)計的三個基礎(chǔ)標準,歡迎參考~
美工設(shè)計的三個基礎(chǔ)標準
1,設(shè)計標準的重要性
首先講一下設(shè)計標準的重要性。我們在產(chǎn)品設(shè)計過程中,經(jīng)常會遇見這樣的問題,“如何評估現(xiàn)在產(chǎn)品的用戶體驗設(shè)計質(zhì)量”,“如何證明這次改版后用戶體驗設(shè)計質(zhì)量提升”,“如何證明設(shè)計團隊在這個產(chǎn)品關(guān)鍵數(shù)據(jù)提升中體現(xiàn)的設(shè)計價值”,等等。當(dāng)然,商業(yè)價值體現(xiàn)、產(chǎn)品成功、用戶反饋、數(shù)據(jù)驗證等,都可以成為我們評判產(chǎn)品用戶體驗設(shè)計質(zhì)量的關(guān)鍵參考點,但是我覺得設(shè)計團隊?wèi)?yīng)該有一個統(tǒng)一有效有公信力的設(shè)計標準,并以這個標準為主導(dǎo)帶動團隊進行設(shè)計工作。
這個設(shè)計標準應(yīng)該是根據(jù)團隊對應(yīng)業(yè)務(wù)進行定制,且同時符合用戶體驗設(shè)計主流標準和趨勢的。這個設(shè)計標準可以幫助設(shè)計團隊拉通設(shè)計目標,提升設(shè)計團隊整體專業(yè)能力;可以幫助業(yè)務(wù)團隊更充分理解用戶體驗設(shè)計,有專業(yè)化的用戶體驗設(shè)計思考維度,提升業(yè)務(wù)團隊與設(shè)計團隊的`合作效率;可以幫助客戶更了解產(chǎn)品設(shè)計的過程與用戶體驗設(shè)計價值點,提升客戶對產(chǎn)品的理解度和欣賞度。
設(shè)計標準好處很多,可以用于指導(dǎo)、自測、專家測試、現(xiàn)狀分析、改版驗證、趨勢分析等產(chǎn)品設(shè)計關(guān)鍵任務(wù)中,所以設(shè)計標準大家團隊?wèi)?yīng)該都有一套。設(shè)計標準建立并不難,但是在真實項目中落地、迭代、升級需要設(shè)計師們用心去做,推動起來需要設(shè)計團隊的設(shè)計信用和設(shè)計地位足夠高。一套設(shè)計標準的建立、豐富、推廣,需要設(shè)計團隊花不少心思。
我們團隊的設(shè)計標準是公司內(nèi)部材料,不能對外分享。不過有了基本思路,我相信大家都能建立一個初步版本的可以幫助自己設(shè)計產(chǎn)品或者支撐業(yè)務(wù)的設(shè)計標準。:)
2,設(shè)計標準的思考方式
雖然不能分享我們團隊的設(shè)計標準,但是我可以分享一下自己對設(shè)計標準的思考方式。工作這么久,思考維度已經(jīng)開始多樣豐富化,我嘗試簡單從3個維度來分析理解一個設(shè)計標準,之前知乎有一個問題邀請我回答什么是用戶體驗設(shè)計的一致性,今天我就以一致性這個設(shè)計標準來舉例子。
a. 宏觀維度
首先,思考一個設(shè)計標準的第一步,應(yīng)該從宏觀維度來思考。什么是宏觀維度呢?我理解是在界面和基本流程之上的信息架構(gòu)維度、產(chǎn)品形態(tài)維度、業(yè)界生態(tài)維度、商業(yè)維度等方面。
思考一致性,我們可以嘗試思考以下問題:
整個產(chǎn)品的信息框架是否完整有效一致?產(chǎn)品整體信息框架下的各個小模塊框架是否具有框架維度的一致性?例如一致傳遞高效率操作的思路,例如打薄層級的做法,例如內(nèi)容第一的設(shè)計態(tài)度等。
產(chǎn)品形態(tài)維度是否具有一致性?例如產(chǎn)品整體視覺風(fēng)格,例如交互設(shè)計關(guān)注的用戶聚焦掌控性,例如動效設(shè)計體現(xiàn)的用戶操作指導(dǎo)性等。產(chǎn)品形態(tài)的一致性,應(yīng)該是從信息架構(gòu)層一直貫穿到元素層,保證整個產(chǎn)品的每個使用場景都是一致有效的。
產(chǎn)品是否能與業(yè)界生態(tài)一致?例如產(chǎn)品的核心功能哪些是突破式創(chuàng)新應(yīng)該不一樣,哪些是需要符合大眾用戶心理模型的場景設(shè)計需要一樣;例如每一款手機都可以拍照,如果我們要做一部不能拍照的手機是不是要思考好再行動?這些點都需要考慮清楚,因為用戶在真實世界中使用大量產(chǎn)品,他們的心理模型和行為模式是大眾式的,我們的產(chǎn)品形態(tài)需要在很多領(lǐng)域符合業(yè)界趨勢,保證產(chǎn)品對用戶的親和力。
產(chǎn)品的商業(yè)與設(shè)計結(jié)合性是否足夠一致?例如一個免費的游戲,通過游戲內(nèi)消費來盈利,那么整個產(chǎn)品在設(shè)計如何引導(dǎo)用戶消費、如何運營等方面,都要在商業(yè)思考維度有一致性,這樣才能幫助產(chǎn)品商業(yè)結(jié)果最優(yōu)。
這是以一致性為例子的宏觀維度思考。宏觀維度的一致性,幫助產(chǎn)品把控大方向,幫助業(yè)務(wù)團隊和設(shè)計團隊建立對一個產(chǎn)品的全局把控能力和質(zhì)量約束能力,幫助設(shè)計師控制產(chǎn)品整體信息框架、視覺風(fēng)格、品牌傳達能力等,幫助商業(yè)模式在產(chǎn)品中得到一致性推動。
b. 界面與流程維度
其次,需要思考界面與流程維度的一致性,這個思考模式很容易理解。
界面維度,交互設(shè)計的界面布局、聚焦方式、輕重緩急、講故事方式等是否一致;視覺設(shè)計的風(fēng)格設(shè)定、視覺效果、感染力、品牌傳達能力是否一致;動效設(shè)計的一舉一動、意義表達是否一致。
流程維度,產(chǎn)品在各線操作流中,是否提供給用戶一致的流程體驗。產(chǎn)品流程設(shè)計應(yīng)該讓用戶在整個產(chǎn)品使用過程中感受到自然、容易理解、復(fù)用經(jīng)驗效率高等好的感受,而不是別扭、效率低、同樣操作帶來不同結(jié)果等不好的感受。
這是以一致性為例子的界面與流程維度思考。界面與流程維度的一致性,幫助產(chǎn)品整體成型、一致有效,幫助產(chǎn)品實現(xiàn)界面風(fēng)格統(tǒng)一,幫助用戶在使用產(chǎn)品過程中輕松愉悅。
c. 元素維度
最后不能忘記元素維度的一致性,這個思考模式也不難理解。
例如交互的控件,需要統(tǒng)一穿透整個產(chǎn)品,一個篩選器、一個拖動條、一個樹形結(jié)構(gòu)打開方式等等,都要有產(chǎn)品全局的一致性,這樣的一致性在越大型產(chǎn)品中體現(xiàn)的意義越大。
例如圖標的一致性,一個視覺風(fēng)格,一個表達邏輯,貫穿產(chǎn)品,一目了然。
例如一個下拉動效的一致性,一個轉(zhuǎn)場動畫的一致性。
例如用詞方式的一致性,“確認”還是“確定”,“您”還是“尊敬的用戶”,第一人稱還是第三人稱,一個產(chǎn)品要拉通。
這是以一致性為例子的元素維度思考。元素維度的一致性,幫助產(chǎn)品的每個局部細節(jié)都清晰一致,多維度多細節(jié)的一致性極大提升產(chǎn)品的精致性,提升產(chǎn)品質(zhì)量,提升用戶使用產(chǎn)品的愉悅度。
一致性的分析只是開始,設(shè)計師小伙伴們可以用這個思考方式去分析其它設(shè)計標準。過程不同,結(jié)論不同,但是思路是通的。
這個思考方式也只是開始。從宏觀、界面流程、元素開始思考(這3個思考維度相互會有重疊,請設(shè)計師小伙伴們自己把握歸類方式),只能代表設(shè)計師開始從一個產(chǎn)品的整體、局部、單點開始分解思考產(chǎn)品設(shè)計,后續(xù)還需要根據(jù)產(chǎn)品商業(yè)形態(tài)、業(yè)務(wù)功能、用戶需求等去調(diào)整思考方式,邊設(shè)計邊驗證邊反思,這樣才能用較為深入的思考方式來做一個漂亮的產(chǎn)品、舒服的產(chǎn)品、讓用戶能開心的產(chǎn)品。
【美工設(shè)計的三個基礎(chǔ)標準】相關(guān)文章:
2016美工設(shè)計的三個最基礎(chǔ)標準10-12
網(wǎng)站美工設(shè)計基礎(chǔ)的建議10-03
網(wǎng)站美工設(shè)計基礎(chǔ)介紹10-16
網(wǎng)頁美工設(shè)計色彩基礎(chǔ)10-03
美工設(shè)計基礎(chǔ)知識05-14
初級網(wǎng)站美工設(shè)計基礎(chǔ)常識10-03