交互設計規(guī)范那點事

為什么要做設計規(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ī)范琅坡。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末榆俺,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子陪捷,更是在濱河造成了極大的恐慌诺擅,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件烁涌,死亡現(xiàn)場離奇詭異苍碟,居然都是意外死亡酒觅,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門微峰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來舷丹,“玉大人,你說我怎么就攤上這事蜓肆⊙湛” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵症杏,是天一觀的道長装获。 經(jīng)常有香客問我厉颤,道長穴豫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任逼友,我火速辦了婚禮精肃,結果婚禮上,老公的妹妹穿的比我還像新娘帜乞。我一直安慰自己司抱,他們只是感情好,可當我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布黎烈。 她就那樣靜靜地躺著习柠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪照棋。 梳的紋絲不亂的頭發(fā)上资溃,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天,我揣著相機與錄音烈炭,去河邊找鬼溶锭。 笑死,一個胖子當著我的面吹牛符隙,可吹牛的內容都是我干的趴捅。 我是一名探鬼主播,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼霹疫,長吁一口氣:“原來是場噩夢啊……” “哼拱绑!你這毒婦竟也來了?” 一聲冷哼從身側響起丽蝎,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤猎拨,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體迟几,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年栏笆,在試婚紗的時候發(fā)現(xiàn)自己被綠了类腮。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡蛉加,死狀恐怖蚜枢,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情针饥,我是刑警寧澤厂抽,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站丁眼,受9級特大地震影響筷凤,放射性物質發(fā)生泄漏。R本人自食惡果不足惜苞七,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一藐守、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蹂风,春花似錦卢厂、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至撵渡,卻和暖如春融柬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背姥闭。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工丹鸿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人棚品。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓靠欢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親铜跑。 傳聞我的和親對象是個殘疾皇子门怪,可洞房花燭夜當晚...
    茶點故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內容