設計用戶界面規(guī)范

一、為什么要寫設計規(guī)范？設計規(guī)范是為誰服務的？

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

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

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

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

2、項目中單個設計規(guī)范（交互規(guī)范，視覺規(guī)范）

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

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

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

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

文章名稱：設計用戶界面規(guī)范
分享URL：http://www.bm7419.com/news1/313651.html

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

廣告

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