為什么要做設計規(guī)范穿撮?
?保持平臺統(tǒng)一性
設計規(guī)范相當于是給設計師設定一個限制,在這個限制的范圍內進行發(fā)揮悦穿,讓整個設計結構比較可控。特別是在teamwork時礁扮,不同設計師設計能力層次不齊瞬沦,對產(chǎn)品和設計的理解也各自不同,如果沒有規(guī)范僚焦,那就比較亂了曙痘。
提升團隊效率
首先規(guī)范保障了大家在認知上的一致性,同時細化出來的組件庫边坤、模板等都是可以作為通用庫在團隊內應用的。方案pk選擇時可以用規(guī)范剔除出太over的方案肮韧,有跡可循。
打磨細節(jié)體驗
設計師在工作中可能都是跟著版本的節(jié)奏殿较,不停的迭代做設計桩蓉,很少有時間可以反過來看看原來的設計,是不是還有不合理的地方需要優(yōu)化院究,邊邊角角沒有統(tǒng)一业汰,等等問題。制作設計規(guī)范就是個很好的時間節(jié)點去重新回溯自己的設計样漆。
---
什么時機做設計規(guī)范?
?有一個成熟的產(chǎn)品
一般來說鳍怨,至少要有一個成熟的產(chǎn)品跪妥,設計語言被用戶認可,符合其使用體驗和對品牌認知侦香,才會對設計語言進行提煉纽疟,并總結出設計規(guī)范,應用到今后的設計仰挣,或同個產(chǎn)品線的其他產(chǎn)品上。產(chǎn)品如果還在孵化或者探索階段错蝴,沒有經(jīng)過用戶的認可和習慣養(yǎng)成颓芭,這時盲目去做設計規(guī)范,反而是吃力不討好官紫,設計思維受限于不合理的框框內。
團隊協(xié)作時
如果沒有團隊協(xié)作束世,只是單個設計師負責一個產(chǎn)品毁涉,制作規(guī)范的意義就不是很大。因為通常這種情況下贫堰,產(chǎn)品本身的規(guī)模也不是很大,而整理規(guī)范需要花費很大的經(jīng)歷喇勋,性價比不高偎行。
---
設計規(guī)范包含哪些內容?
如果去網(wǎng)上搜別人的設計規(guī)范渗常,一般都包含原則汗盘、控件說明询一、組件庫,有些規(guī)范還會有典型界面健蕊、應用案例缩功、圖標、顏色嫡锌、尺寸適配,甚至還有動效js代碼蛛倦。那交互設計規(guī)范到底應該包含哪些內容呢啦桌?
我們把制作交互設計規(guī)范當成是一次服務設計來看,一般可分為三類用戶人群且改,團隊內設計師、第三方協(xié)作團隊(開發(fā)gg)又跛、公開給大眾。用戶目標不同倔监,設計規(guī)范的目標和結果也不同菌仁。
給團隊設計師看的交互規(guī)范,是為了讓組內設計師對產(chǎn)品有一支的認知谱秽,且能夠準確地應用到日常的設計中去摹迷。因此需要比較系統(tǒng)性的規(guī)范,最好包含原則近哟、控件及場景說明鲫寄、核心頁面并提供組件庫、icon庫地来、錯誤提示規(guī)范文檔等未斑,進行應用。
和開發(fā)gg們協(xié)作時蜡秽,有一份規(guī)范文檔,也會事半功倍肌似。一般比較關注應用的文檔诉瓦,所以可以細化到通用頁面力细、提示規(guī)范固额、控件操作規(guī)范等、讓他們寫一些基礎頁面的時候可以更系統(tǒng)性逝慧。其他的內容作一下簡單說明啄糙,闡述設計思路就可以了。
公開給大眾的設計規(guī)范沈堡,顯而易見是為了展示設計實力燕雁,提升團隊的影響力。更多地闡述產(chǎn)品的定義描述僧免、設計來源和原則捏浊,再舉一些典型案例,用做示范金踪。
---
為什么制定了設計規(guī)范热康,設計師不用劣领?
很多公司都會碰到設計規(guī)范執(zhí)行不到位的情況,一些設計師對規(guī)范有抵觸心理尖淘,設計方案時比較追求個性化和創(chuàng)新性,覺得規(guī)范是一種束縛惊暴,限制了設計思路趁桃。從制度上講肄鸽,一方面可能是缺乏有力的監(jiān)督和獎懲制度油啤,但是規(guī)范制定者也需要思考這個規(guī)范是否具有可執(zhí)行性益咬。
制定規(guī)范時最好是團隊協(xié)作,設計師全程參與到整個過程幽告,也會了解項目背景和產(chǎn)品定義冗锁,最終產(chǎn)生的結果會比較認可,也愿意去執(zhí)行自己作出來的規(guī)范蒿讥。另外一種情況是芋绸,有了完善的規(guī)范,但是規(guī)范太過于寬泛摔敛,內容不具體,缺少必要的細節(jié)說明马昙,或規(guī)范的可讀性比較差,讓設計師無從下手攒暇。建議規(guī)范制作還是松緊有度子房,不需要為100%的內容制作規(guī)范。同時要求信息主次分明田度,對產(chǎn)品和設計原則有清晰的定義和準確的描述解愤,并且場景完備。
---
設計原則用apple 或material design的原則可以嗎奸笤?
很多設計師入門都是以iOS或Android的設計規(guī)范開始,曾經(jīng)在制作設計規(guī)范之初肥橙,也有設計師問秸侣,為什么要制作設計規(guī)范,不是直接應用iOS或安卓的設計規(guī)范椭坚?事實上搏色,這兩大移動系統(tǒng)的設計準則《iOS Human Interface Guideline》、《Material design》也非常詳細垂涯、完善航邢,很有參考價值。而我為什么主張為單個產(chǎn)品線制作一份專屬于自己的設計規(guī)范呢操骡?
兩大準則業(yè)務的普適性導致了設計原則和規(guī)范都偏基礎赚窃。如ios人機交互指南提到的六大原則:*美學完整性、一致性是掰、直接操作辱匿、反饋、隱喻、用戶控制*乐尊。這些原則應用到任何場景任何產(chǎn)品都沒毛病划址,似乎是每一個App設計都應該做到的限府,不能反應產(chǎn)品的個性和特點痢缎。
---
有了完善的規(guī)范,如何創(chuàng)新署穗?
首先不需要為100%的內容制定規(guī)范嵌洼。通過這個規(guī)范設計師明確了設計方向和設計元素,并減少了因為個人審美偏差或與可用性原則不符造成不合理的設計方案褐啡,那么就達到了規(guī)范的目的鳖昌。
規(guī)范是可以被迭代的。規(guī)范是輔助設計師工作的工具懂盐,所以設計師仍然要以業(yè)務目標和用戶體驗為目的车要,當發(fā)現(xiàn)規(guī)范不能覆蓋到的場景,或者是有偏差的地方类垫,可以及時更新規(guī)范琅坡。