管理類業務系統功能表部分美化經驗分享，把所有好的東西拿過來拼湊並不容易能形成整體的效果

   這個項目是最近忙乎接近一年的大型管理類軟體系統的菜單折騰、折磨、最佳化過程的經驗分享，以前開發軟體系統都是用微軟的網站風格，一般中小型的管理類軟體，用那個效果也不錯，用了好幾年客戶也能接受，雖然不是很漂亮，也沒辦法，只能做到這個程度了，沒有美工的天賦，再加上當時公司裡美工也少，認識的朋友圈子裡都是寫程式的多，美工做得好的也很少，所以沒辦法，只能直接仿造微軟的網站效果，全部拿過來思想，稍微改變一下菜單上的文字等，這些年感覺過硬的專業的網站設計師真的很難找，一直在尋覓這方面的人才，希望以後能進行長期合作。

 

   碰到的設計師往往有2種，一種只會做html不會圖片處理，有一種只會圖片處理，不會html，還有第三種是2個都會都不精，廢話少說，直接就看如下：

 

前幾年從程式員的眼光看，也是非常漂亮的，當時沒有採用摺疊菜單、用樹型結構的菜單導航，大概用了好幾年也在好幾個中小型項目裡應用過，總結下來有幾點不太友好：

1. 顏色有些黯淡、有些沉重，同時會讓人感覺有些笨重，雖然開發人員喜歡，最終客戶不太喜歡這個顏色搭配。

2. 不大好應用其他效果，很容易變成顏色搭配不協調的問題，顏色亂的局面會產生，更不能用一些鮮豔的顏色，那會顯得更亂。

3. 按鈕的許可權控制寫起來比較麻煩，例如上面的一部分都是用了HTC技術，寫了不少JavaScript。

4. 後來用了摺疊的菜單控制項，ComponentArt 的樹控制項，但是功能表項目太多了後，導致有些子功能表顯示不友好，無法自動適應高度等問題，同時顏色搭配也成了難題，選了好幾個風格，總的來說，都很失敗，客戶也很不滿意。

 

   以上效果組合雖然都用了Microsoft、ComponentArt的，但是搭配在一起，非常不協調，雖然當個來講都是業界比較好的，但是拼湊到一起，很難看了，可能你自己看著也覺得噁心一些，我也覺得實在是拿不出手，不過也是沒辦法，沒有專業的頁面設計人員協助，也是一時找不到合適的人分包這部分工作，或者外包給合適的單位來處理。

 

   這個就像有個比較有名的比喻，把所有美女的臉上的優點都集中起來，組合一個新美女出來，很可能就是惡魔，同樣還有一個俗話一樣，我們心目中想象的是天仙美妹，但是我們通過自己的兩手親自畫出來就是醜陋的惡魔，不是這方面的專業人才，很容易搞不好整體的效果，局部的效果誰都可以搞好，但是整體的效果，的確是需要有水平才可以。

 

   其實以前也參與做過一些設計不錯的項目，但是這麼項目要麼現在跑不起來，要麼丟的丟，要麼當時沒在乎，更本沒儲存過，這導致自己需要用時，又開始從頭開始折磨，或者還有一個心理就是，我自己做絕對能比你的做得好，當時根本看不上眼，當輪到我真的需要自己做的時候，做出來的東西，真的醜陋得很，根本拿不出手，客戶也不能滿意。

 

   後來想辦法，又找專業做網站設計的朋友，做了一個大概花費了1000多元的設計費，大體效果是如下：

   這個色調是足夠好了，但是不夠大氣，幾百個菜單也不好分布上去，只適合少量菜單的網站前台展示型功能，也讓我很頭痛，不是經常做後台管理的，他們的設計思想也不一樣，有的設計出來的東西，是，無法直接拿過來用，很讓人頭大的。

 

   實在沒辦法，又想辦法找了前台展示方面做得非常好的同行，大老遠跑過去取經學習，把人家10來的積累給拿過來，用到了自己的項目裡，感覺效果明顯好了很多，如下：

   這個頁面效果，非常適合大型內部管理類系統，可以很輕鬆的容得下幾十個模組，幾百個菜單，而且子功能表的現實方式，展現方式也非常友好，介面也簡介一些，不容易看著很膩，或者色彩很豔麗，而且頭部還可以摺疊，可以節省很多螢幕空間，方便看更多的資料列表，用了這個展示效果後，客戶也比較滿意，再也不提對介面不滿意的事情了，也解決了一個很鬧心的事情，這些事情當然不能指望程式員都能搞定，他們根本沒有美敢，也不關心整個項目的效果，自己的模組也做不過來，畢竟也不能給他們太多的壓力。

   摺疊的效果如下：看起來也很簡潔、很清爽。

   剛開始為了趕進度，每個模組都做了一個菜單，後來感覺這些代碼都是重複的，沒必要有幾十個菜單檔案，又簡化為2個菜單檔案，就可以把這幾百個菜單弄得好好的，也用了一些緩衝功能，把使用者的菜單都緩衝起來，這樣展示的效果就更快一些了，檔案數量也少了很多，最起碼編譯的速度，編譯後的可執行檔的大小也少了不少吧，把幾十個檔案幹掉，最後只變成了2-3個檔案，心裡也很爽的。

 

   當然菜單的管理、顯示的先後順序，菜單的移動、菜單的使用權限設定等是跟我自己的通用許可權管理工具是整合在一起，菜單想怎麼折騰就這麼折騰，很方便，許可權想怎麼設定就怎麼設定，普通開發人員也根本不用關心這些繁瑣的事情，他們只要會用工具，配置幾下就可以了，我也根本沒精力去配置幾百個功能表項目，只管好我自己負責的幾個模組的菜單就可以了。

 

   後台管理配置的如下：最忌增加了幾個小表徵圖，看起來更舒服了，

 

   模組組態管理的如下：

   

   雖然這些都可以在資料庫裡，手工進行配置，但是幾百個菜單了，會看得眼花繚亂，還是用一個工具去配置一下，很省事省心。

 

   雖然這些也沒什麼大不了的，但是從開始折騰到最後能完美的最佳化好，整合好，足足前後用了半年時間。因為一個人並不是萬能的，要麼寫程式方面厲害，要麼前台展示能力強，要麼寫後台能力強，要麼美工強，但是把這麼多人都想集中到一起，一般小公司比較難辦到，需要不少的財力，才能達到完美的結合。

 

   我們很容易不重視我們手上的項目，我也只是想提醒大家，珍惜好經手的每個項目，說不定哪天真的會派上用處，我們不要老是心裡想著，我自己做一定能做得更好，其實未必能做得好，就算能做得好，未必有那個精力，所以把自己做過的每個項目，都儲存好，收集好才是硬道理。

 

 

將許可權管理、工作流程管理做到我能力的極致，一個人只能做好那麼很少的幾件事情。