設(shè)計(jì)用戶界面規(guī)范

一、為什么要寫設(shè)計(jì)規(guī)范？設(shè)計(jì)規(guī)范是為誰(shuí)服務(wù)的？

談這個(gè)話題之前，我們先了解一下什么是設(shè)計(jì)規(guī)范？設(shè)計(jì)規(guī)范是指對(duì)設(shè)計(jì)的具體技術(shù)要求,是設(shè)計(jì)工作的規(guī)則. 一般包括總體目標(biāo)的技術(shù)描述、功能的技術(shù)描述、技術(shù)指標(biāo)的技術(shù)描述,以及限制條件的技術(shù)描述等． 那我們?yōu)槭裁匆迷O(shè)計(jì)規(guī)范？第一，可以讓我們清楚項(xiàng)目的規(guī)則，以減少犯錯(cuò)誤的機(jī)率；第二，加強(qiáng)團(tuán)隊(duì)之間的合作，責(zé)任明確，提高工作效率．第三，鍛煉我們整體全面的思維能力． 規(guī)范最終是為項(xiàng)目服務(wù)的．我們所做的一切都是為了優(yōu)化項(xiàng)目，提高我們的工作效率．但是，設(shè)計(jì)規(guī)范也是一種設(shè)計(jì)團(tuán)隊(duì)文化．最終受益的不止是項(xiàng)目，還有我們自己．當(dāng)我們形成這種文化，我們會(huì)配合的更默契；我們不需要在工程師加班的時(shí)候，一定留守在那里陪著；我們不需要在調(diào)別人設(shè)計(jì)的源文件時(shí)，一遍一遍的詢問．當(dāng)你不再因?yàn)閯e人的事情而加班的時(shí)候，心情是否好一些呢？ 設(shè)計(jì)規(guī)范滲透在整個(gè)軟件工程里．不同的工程模型對(duì)規(guī)范的要求也不一樣，并非詳細(xì)全面的設(shè)計(jì)規(guī)范就是最好的，因?yàn)橐?guī)范是要有生存環(huán)境的，小公司的快速開發(fā)適合變通，大公司的瀑布模型適合嚴(yán)謹(jǐn)．如果不考慮自己本身的工程模型，而一味的追求全面，詳細(xì)，其結(jié)果不但不能真正幫我們提高工作效率，反而會(huì)因?yàn)檫^多的其它作業(yè)而延誤項(xiàng)目周期． 規(guī)范要有概括性和引導(dǎo)性，不應(yīng)該扼殺設(shè)計(jì)師的創(chuàng)造力．我曾經(jīng)見過一份圖標(biāo)的設(shè)計(jì)規(guī)范：必須要45度角側(cè)視角度．我覺得很好笑，完全沒有必要這樣限制嘛．我們可以這樣規(guī)范：要有統(tǒng)一的視角，統(tǒng)一的倒角，顏色數(shù)量不要超過三種，統(tǒng)一的材質(zhì)等等，這樣即可以統(tǒng)一圖標(biāo)的風(fēng)格，又可以引導(dǎo)設(shè)計(jì)師．

二、設(shè)計(jì)規(guī)范分哪些種類？都有哪里內(nèi)容？

1、產(chǎn)品級(jí)戰(zhàn)略方向規(guī)范

最穩(wěn)定的設(shè)計(jì)規(guī)范，適應(yīng)于長(zhǎng)時(shí)間不變更的內(nèi)容．大至可以分成二大部份： 第一部分：整個(gè)公司產(chǎn)品的設(shè)計(jì)方向．比如：是使用公司中VI定義作為我們的主產(chǎn)品色，還是在某種限制上隨意發(fā)揮？整體風(fēng)格以硬朗的表達(dá)方式還是圓潤(rùn)一些？怎么打造和延續(xù)一個(gè)品牌的氣質(zhì)，以增強(qiáng)用戶的歸屬感等等． 第二部份： 達(dá)成共識(shí)的，恒定不變的內(nèi)容．比如基本控件的設(shè)計(jì)規(guī)范，基本交互的規(guī)范，文檔書寫的規(guī)范等等．

2、項(xiàng)目中單個(gè)設(shè)計(jì)規(guī)范（交互規(guī)范，視覺規(guī)范）

是項(xiàng)目中最為詳細(xì)的規(guī)格說明書，整個(gè)項(xiàng)目都是按照這些設(shè)計(jì)規(guī)范完成的，也是最后測(cè)試評(píng)審的依據(jù)．該規(guī)范被細(xì)分為Ｎ多份不同的方向．比如：流程說明；交互模型；交互規(guī)范；圖標(biāo)設(shè)計(jì)規(guī)范；界面設(shè)計(jì)規(guī)范；界面實(shí)現(xiàn)規(guī)范；控件設(shè)計(jì)規(guī)范等等．這些內(nèi)容應(yīng)根據(jù)每個(gè)公司軟件工程的模型不同而有所變化．比如：瀑布模型軟件工程的側(cè)重點(diǎn)可以細(xì)致而全面，但這些只適用于大公司，能承受較長(zhǎng)的項(xiàng)目周期的公司；而使用極限編程的側(cè)重點(diǎn)在流程說明，交互模型和項(xiàng)目需求變更上；還有一些不使用軟件工程的小公司，在定義的時(shí)候，側(cè)重點(diǎn)則在界面的設(shè)計(jì)規(guī)范和實(shí)現(xiàn)規(guī)范上．大家在定義的時(shí)候還是要根據(jù)自己公司的實(shí)際情況出發(fā)，真正做到優(yōu)化自己的工作即可，這一點(diǎn)會(huì)在＂如何定制設(shè)計(jì)規(guī)范＂中詳細(xì)說明．

3、接口的輸出規(guī)范 這里是指我們輸出至工程師的文件規(guī)范．我們需要輸出什么樣的內(nèi)容才可以幫助我們減少和工程師的溝通摩擦，我們的工作范圍在哪里？記得自己剛來(lái)現(xiàn)在這家公司的時(shí)候，有一個(gè)很不錯(cuò)的設(shè)計(jì)師抱怨說，這個(gè)坐標(biāo)我已經(jīng)告訴過他十幾次啦，每次他都說自己忙，沒空改，現(xiàn)在老大說我們?cè)O(shè)計(jì)的界面有問題，我們?cè)O(shè)計(jì)師做事不認(rèn)真，其實(shí)這個(gè)責(zé)任根本不在我．我想了一下，這確實(shí)不是他單個(gè)人的問題，是我們的輸出接口沒有規(guī)范，沒有細(xì)化，從而造成范圍不清楚，責(zé)任不明確．如何避免呢？我們需要去定義輸出規(guī)范，定義我們需要提供什么樣的實(shí)質(zhì)的內(nèi)容給工程師，比如坐標(biāo)圖，效果圖等．在這個(gè)過程中，在提高工程師工作效率的同時(shí)，大量的減少這種摩擦的發(fā)生． 接口的輸出規(guī)范大至可以分為以下幾個(gè)方面：需要提供的元素定義，比如：切圖，坐標(biāo)圖，效果圖，流程圖，架構(gòu)圖，文檔等；切圖的規(guī)范，比如：圖片格式，圖片共用部分的劃分，切圖的位置，多種狀態(tài)等；文件命名的規(guī)范；文件夾的存放分類規(guī)范；文檔書寫的規(guī)范；等等．

4.、設(shè)計(jì)文檔的管理規(guī)范 當(dāng)多個(gè)設(shè)計(jì)師相互配合完成一個(gè)項(xiàng)目的時(shí)候，設(shè)計(jì)文檔的管理規(guī)范就顯的尤其重要．我們來(lái)想象幾個(gè)場(chǎng)景：場(chǎng)景一，你需要調(diào)用一個(gè)同事設(shè)計(jì)好的界面里的子模塊，打開PS的源文件一看：哇，幾百個(gè)圖層，無(wú)文件夾管理，無(wú)命名．場(chǎng)景二，同事請(qǐng)假了，臨時(shí)要用一個(gè)他設(shè)計(jì)好的界面，打開他的電腦，找了一個(gè)小時(shí)沒有找到，火大呀，感覺自己重新畫都畫好了．場(chǎng)景三，老大跑過來(lái)找你要某個(gè)文件，就站在你身后，你找來(lái)找去就是找不到，那個(gè)急呀．我想這三個(gè)場(chǎng)景應(yīng)該是大部份設(shè)計(jì)師都經(jīng)歷過的，還記得當(dāng)時(shí)的心情嗎？ 設(shè)計(jì)文檔的管理規(guī)范挺重要的，它不論是團(tuán)隊(duì)合作還是個(gè)人，都能很有效的提高工作效率．一般包含以下幾點(diǎn)內(nèi)容：文件的存放，比如：工作文件目錄的分類，本機(jī)的存儲(chǔ)模式，服務(wù)器的存儲(chǔ)模式，資源文件的存儲(chǔ)等；文件的命名，比如：切圖的命名格式，源文件的命名格式，需要輸出的架構(gòu)圖的格式，多版本的命名格式等；源文件的管理，比如：圖層的命名，分件夾的分類，源圖的處理等；文件的變更管理(版本管理)等．

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

文章名稱：設(shè)計(jì)用戶界面規(guī)范
分享URL：http://muchs.cn/news1/313651.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、服務(wù)器托管、動(dòng)態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站、建站公司、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)