網(wǎng)頁設(shè)計(jì)界面設(shè)計(jì)規(guī)范,網(wǎng)頁設(shè)計(jì)界面如何規(guī)范

一、為什么要寫設(shè)計(jì)規(guī)范？設(shè)計(jì)規(guī)范是為誰服務(wù)的？
設(shè)計(jì)文檔的治理規(guī)范挺重要的，它不論是團(tuán)隊(duì)合作仍是個(gè)人，都能很有效的進(jìn)步工作效率．一般包含以下幾點(diǎn)內(nèi)容：文件的存放，好比：工作文件目錄的分類，本機(jī)的存儲(chǔ)模式，服務(wù)器的存儲(chǔ)模式，資源文件的存儲(chǔ)等；文件的命名，好比：切圖的命名格局，源文件的命名格局，需要輸出的架構(gòu)圖的格局，多版本的命名格局等；源文件的治理，好比：圖層的命名，分件夾的分類，源圖的處理等；文件的變更治理(版本治理)等．

當(dāng)多個(gè)設(shè)計(jì)師相互配合完成一個(gè)項(xiàng)目的時(shí)候，設(shè)計(jì)文檔的治理規(guī)范就顯的尤其重要．我們來想象幾個(gè)場景：場景一，你需要調(diào)用一個(gè)同事設(shè)計(jì)好的界面里的子模塊，打開PS的源文件一看：哇，幾百個(gè)圖層，無文件夾治理，無命名．場景二，同事請假了，臨時(shí)要用一個(gè)他設(shè)計(jì)好的界面，打開他的電腦，找了一個(gè)小時(shí)沒有找到，火大呀，感覺自己重新畫都畫好了．場景三，老大跑過來找你要某個(gè)文件，就站在你身后，你找來找去就是找不到，那個(gè)急呀．我想這三個(gè)場景應(yīng)該是大部份設(shè)計(jì)師都經(jīng)歷過的，還記得當(dāng)時(shí)的心情嗎？

1.、設(shè)計(jì)文檔的治理規(guī)范
 接口的輸出規(guī)范大至可以分為以下幾個(gè)方面：需要提供的元素定義，好比：切圖，坐標(biāo)圖，效果圖，流程圖，架構(gòu)圖，文檔等；切圖的規(guī)范，好比：圖片格局，圖片共用部門的劃分，切圖的位置，多種狀態(tài)等；文件命名的規(guī)范；文件夾的存放分類規(guī)范；文檔書寫的規(guī)范；等等．

這里是指我們輸出至工程師的文件規(guī)范．我們需要輸出什么樣的內(nèi)容才可以匡助我們減少和工程師的溝通摩擦，我們的工作范圍在哪里？記得自己剛來現(xiàn)在這家公司的時(shí)候，有一個(gè)很不錯(cuò)的設(shè)計(jì)師訴苦說，這個(gè)坐標(biāo)我已經(jīng)告訴過他十幾回啦，每次他都說自己忙，沒空改，現(xiàn)在老大說我們設(shè)計(jì)的界面有題目，我們設(shè)計(jì)師做事不當(dāng)真，實(shí)在這個(gè)責(zé)任根本不在我．我想了一下，這確實(shí)不是他單個(gè)人的題目，是我們的輸出接口沒有規(guī)范，沒有細(xì)化，從而造成范圍不清晰，責(zé)任不明確．如何避免呢？我們需要去定義輸出規(guī)范，定義我們需要提供什么樣的實(shí)質(zhì)的內(nèi)容給工程師，好比坐標(biāo)圖，效果圖等．在這個(gè)過程中，在進(jìn)步工程師工作效率的同時(shí)，大量的減少這種摩擦的發(fā)生．

2、接口的輸出規(guī)范

是項(xiàng)目中最為具體的規(guī)格仿單，整個(gè)項(xiàng)目都是按照這些設(shè)計(jì)規(guī)范完成的，也是最后測試評審的依據(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ì)致而全面，但這些只合用于至公司，能承受較長的項(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ī)范＂中具體說明．

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

第二部份： 達(dá)成共鳴的，恒定不變的內(nèi)容．好比基本控件的設(shè)計(jì)規(guī)范，基本交互的規(guī)范，文檔書寫的規(guī)范等等．

第一部門：整個(gè)公司產(chǎn)品的設(shè)計(jì)方向．好比：是使用公司中VI定義作為我們的主產(chǎn)品色，仍是在某種限制上隨意施展？整體風(fēng)格以硬朗的表達(dá)方式仍是圓潤一些？怎么打造和延續(xù)一個(gè)品牌的氣質(zhì)，以增強(qiáng)用戶的歸屬感等等．

最不亂的設(shè)計(jì)規(guī)范，適應(yīng)于長時(shí)間不變更的內(nèi)容．大至可以分成二大部份：

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

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

規(guī)范要有概括性和引導(dǎo)性，不應(yīng)該抹殺設(shè)計(jì)師的創(chuàng)造力．我曾經(jīng)見過一份圖標(biāo)的設(shè)計(jì)規(guī)范：必需要45度角側(cè)視角度．我覺得很可笑，完全沒有必要這樣限制嘛．我們可以這樣規(guī)范：要有同一的視角，同一的倒角，顏色數(shù)目不要超過三種，同一的材質(zhì)等等，這樣即可以同一圖標(biāo)的風(fēng)格，又可以引導(dǎo)設(shè)計(jì)師．

設(shè)計(jì)規(guī)范滲透滲出在整個(gè)軟件工程里．不同的工程模型對規(guī)范的要求也不一樣，并非具體全面的設(shè)計(jì)規(guī)范就是最好的，由于規(guī)范是要有生存環(huán)境的，小公司的快速開發(fā)適合變通，至公司的瀑布模型適合嚴(yán)謹(jǐn)．假如不考慮自己本身的工程模型，而一味的追責(zé)備面，具體，其結(jié)果不但不能真正幫我們進(jìn)步工作效率，反而會(huì)由于過多的其它功課而延誤項(xiàng)目周期．
規(guī)范終極是為項(xiàng)目服務(wù)的．我們所做的一切都是為了優(yōu)化項(xiàng)目，進(jìn)步我們的工作效率．但是，設(shè)計(jì)規(guī)范也是一種設(shè)計(jì)團(tuán)隊(duì)文化．終極受益的不止是項(xiàng)目，還有我們自己．當(dāng)我們形成這種文化，我們會(huì)配合的更默契；我們不需要在工程師加班的時(shí)候，一定留守在那里陪著；我們不需要在調(diào)別人設(shè)計(jì)的源文件時(shí)，一遍一遍的詢問．當(dāng)你不再由于別人的事情而加班的時(shí)候，心情是否好一些呢？
那我們?yōu)槭裁匆迷O(shè)計(jì)規(guī)范？第一，可以讓我們清晰項(xiàng)目的規(guī)則，以減少出錯(cuò)誤的機(jī)率；第二，加強(qiáng)團(tuán)隊(duì)之間的合作，責(zé)任明確，進(jìn)步工作效率．第三，鍛煉我們整體全面的思維能力．

談這個(gè)話題之前，我們先了解一下什么是設(shè)計(jì)規(guī)范？設(shè)計(jì)規(guī)范是指對設(shè)計(jì)的詳細(xì)技術(shù)要求,是設(shè)計(jì)工作的規(guī)則. 一般包括總體目標(biāo)的技術(shù)描述、功能的技術(shù)描述、技術(shù)指標(biāo)的技術(shù)描述,以及限制前提的技術(shù)描述等．

當(dāng)前名稱：網(wǎng)頁設(shè)計(jì)界面設(shè)計(jì)規(guī)范,網(wǎng)頁設(shè)計(jì)界面如何規(guī)范
URL分享：http://muchs.cn/news19/172569.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站建設(shè)、云服務(wù)器、網(wǎng)站策劃、企業(yè)建站、關(guān)鍵詞優(yōu)化

廣告

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