隨便舉一個栗子


隨便選一個畫面咱們來挑挑骨頭，然后再來修改，最近做的一個項目，攻城獅給我之前，菜單畫面是這樣的

1、背景色是最大的敗筆，RGB有255*255*255種顏色，偏偏選擇這個顏色，差評！
2、按鈕，就這樣一個灰不拉幾的按鈕，恕我直言，我并沒有想按下去的想法，這個機器是給藥廠使用，你認為藥廠的小姑娘們會喜歡這個風格？
3、配色，這個問題其實一般人都不敢輕易去談，因為說實話一般工程師們對色彩搭配確實不太會。
4、沒有小圖標，整個畫面都是靠矩形圓形正方形三角形撐起來，一點都不活潑可愛，簡單明了！

我們來換一個風格





好了，來和我一起修改下，先看我修改之后的圖，然后再給大家介紹下怎么實現，以及分享給大家一些超級實用、豐富、高效的網址和工具。

1、背景色的修改

（舉個例子為了說明背景可以多樣化一下，而不是單純的灰色單色）一般來說，去匹配每個公司自己的風格，很奇怪的一個問題，企業很注重自己的廣告和設備的宣傳圖，但是很少有企業會將自己的機器設備的人機界面和企業整體風格整合，比如企業的logo偏藍色，那為什么你的畫面要做成灰不拉幾的，而且每個機型的界面都是不一樣的！這里根據公司的logo，選用漸變色的背景，顯得科技感十足！

做好一張漸變色背景圖，將透明度調到40%，存儲為png格式，png這個格式圖片用的非常多，以后會詳細介紹！然后再添加到組態軟件，作為背景圖。

2、按鈕的修改

我們可以參考iphone的app圖標，將按鈕做成圓形的、帶小圖標的或帶文字的按鈕。那么問題來了，上面這些好看的圖標都是在哪找的呢？怎么給我的項目找到最全的圖標，電機、傳感器、風機和閥門等等，你想到的我都能讓你找到！推薦一個超級實用的找圖標的網址：www.iconfont.cn ，登錄之后的界面是這樣的：
注意：看中哪個直接點擊下載，下載之前選擇顏色和格式，一般下載png格式就可以了，因為這種格式的圖標背景色是透明的，這就意味著添加到你的組態軟件中，不會有難看的白色背景，方便你的設計。

3、接下來解決配色的問題

你可以對色彩不敏感，你可以只用一種顏色，但是也好過一個畫面五顏六色的搭配，紅的黃的白的黑的，真的很扎眼！可是工科男的審美就這樣了，愛咋咋地！下面再推薦一個超級實用的調色工具，幫你快速高效的配色，傻瓜式操作，網址：www.materialpalette.com，登錄之后的界面是這樣的：