這個問題我來回答一下吧，畢竟前一段時間正好有獨立開發者問過我相關的問題。而且我自己也有一定的實操經驗，自己作為程式設計師或者獨立開發者設計過 UI 。
前一段時間有人諮詢我：
其實，我很想說：這很簡單，作為技術流設計的產品，不需要多麼炫酷多彩，也不需要那麼複雜多變。你看看市面上好的產品，都是非常簡潔的。在我看來，好的產品就得是簡潔的，我喜歡性冷淡風。越是簡單，簡潔的產品越是好用。你看看微信是不是整體設計風格很簡單，簡潔，沒有過多的複雜互動，主色調綠色，背景白色，輔助色灰色。一個 App 不得超過三種顏色，多了，就不好了。
那，作為一個程式設計師，一個技術開發者，如何去設計 UI ，設計自己的產品呢？
如何你想自己獨立自己設計一款產品的話，UI 應該從以下幾點做起，即使你不會設計，不會使用 PS ，也一樣能夠設計出好看的產品。
「模仿抄襲」開始
我這裡說的「模仿抄襲」指的是：如果你有一款特別喜歡的產品，特別喜歡這款產品上的設計和色彩搭配，那麼你設計自己產品的時候，就去模仿和抄襲你心中喜歡的那款產品的 UI 設計和配色。
你注意，一定不要做一款產品的時候，同時模仿多款產品的設計和色彩搭配，否則你做出來的產品的色彩搭配會很亂。模仿一款就可以了。
一旦確定了用你喜歡的產品作為設計和色彩搭配的模仿物件以後，那麼你的主色調，輔助色和背景色就都確定了，這樣設計出來的一款產品，不會差到哪裡去。
我一個做設計的朋友，說：如果不懂配色的時候，或者需要使用某種顏色的時候，自己調出來的顏色不好看怎麼辦？看看微信或者其他大廠 App 的顏色，比如如果用綠色的話，就把微信的主色調綠色取值出來。他們大廠的設計肯定經過很多的調研和測試，才選擇這個色值的。再比如：谷歌的圖示，有四種顏色，紅色，黃色，綠色，藍色，這四種顏色，谷歌作為世界大廠，有很牛逼的設計師，肯定調了很久，是最好看的四種色，如果需要，就用他們的色值就行了。
圖示怎麼辦？
你告訴我了色彩搭配應該怎麼做了，確定了色彩搭配，可是一款軟體上需要圖示啊，我不會設計這些圖示，我該如何弄？咋辦？
很簡單，去找「阿里媽媽」，阿里媽媽是一個向量圖示管理、交流平臺。設計師將圖示上傳到 Iconfont 平臺，使用者可以自定義下載多種格式的 icon，平臺也可將圖示轉換為字型，便於前端工程師自由調整與呼叫。
阿里媽媽地址：https://www.iconfont.cn
阿里媽媽平臺上，各種圖示應有盡有，而且在你下載的時候，還可以調節圖示的顏色，非常的方便。作為一個程式設計師，尤其是前端程式設計師，這個網站，我平時幾乎每天都在上，都在上面找圖示。可以進行關鍵字搜尋，一搜，一大堆相應的圖示就出來了，找到一個自己喜歡的，下載下來就可以用。
就差一個工具
配色，設計風格確定了，圖示也不需要我自己設計了，現在就差一個工具，把我想要的風格做成原型或者效果圖了。那麼，作為一個技術人員，有沒有相對操作簡單的工具讓我們使用呢？
答案是：當然有了。
我在這裡給大家推薦兩款設計工具，你不懂設計都可以使用和操作，真的是傻瓜式的操作。（PS：是真心推薦，沒有給他們做廣告的意思，他們也沒有給我錢）
第一款就是：Sketch 。可惜的是這款軟體只能在 Mac 電腦上使用。這款軟體簡直就是設計神器，傻瓜式的操作，不需要你懂太多的 PS ，很容易就能夠設計出效果圖來，而且且圖示很方便，Android 和 iOS 的幾倍圖都可以很快切出來。
而且這款軟體網上有很多外掛，引入外掛之後，會有各種模板和圖示之類的東西，讓你直接使用，非常的便捷。
在這裡，我給大家再分享一個關於使用 Sketch 的影片教程吧，簡單的教程，看一下就明白了。教程地址： http://1t.click/fzn
http://1t.click/fzn
第二款就是：墨刀。墨刀，我就不用多說了，應該很多人都知道，它是一款線上原型設計與協同工具，藉助墨刀，產品經理、設計師、開發、銷售、運營及創業者等使用者群體，能夠搭建為產品原型，演示專案效果。
而且墨刀上的操作同樣是傻瓜式的操作，做原型和互動真的也是非常的方便。官網上就帶著一些演示的操作的影片教程，稍微一看你就會了。
透過上面三點經驗的分享，作為一個程式設計師你也可以跟設計師一樣做出一款好看的產品來了。這都是我真是實踐和實戰經驗的分享啊！
如果你真的不會設計，也不想去觸及和學習設計，還想做一款好看的產品怎麼辦？前一段時間，一個獨立開發者就把他的產品發給我看，讓我體驗了一下，提了一些 UI 上的建議。其實他產品做得不錯，就是設計有些 low 。這時，應該怎麼辦？
你作為一個程式設計師，待過很多網際網路公司，應該認識很多設計師的朋友吧？很簡單啊，花點小錢，可能也就幾千塊，讓他們幫你去設計一下也行啊，都是朋友，收個友情價就行！這樣會讓你的產品提高一個檔次，提高一個 level 。
當然了，我再給你出個好主意：你談女朋友，就專門找 UI 設計師，你把她拿下來，人都是你的了，給你設計一個產品還用收費？我真的是認識很多程式設計師，他們的女朋友就是同公司或者前公司的設計師。這樣不方便多了？哈哈……
這個問題我來回答一下吧，畢竟前一段時間正好有獨立開發者問過我相關的問題。而且我自己也有一定的實操經驗，自己作為程式設計師或者獨立開發者設計過 UI 。
前一段時間有人諮詢我：
我是程式設計師，我不懂設計，做出來的產品不算精緻，有時候很粗糙，怎麼辦？這嚴重影響了我軟體的留存率和活躍率。其實，我很想說：這很簡單，作為技術流設計的產品，不需要多麼炫酷多彩，也不需要那麼複雜多變。你看看市面上好的產品，都是非常簡潔的。在我看來，好的產品就得是簡潔的，我喜歡性冷淡風。越是簡單，簡潔的產品越是好用。你看看微信是不是整體設計風格很簡單，簡潔，沒有過多的複雜互動，主色調綠色，背景白色，輔助色灰色。一個 App 不得超過三種顏色，多了，就不好了。
那，作為一個程式設計師，一個技術開發者，如何去設計 UI ，設計自己的產品呢？
獨立自主設計經驗分享如何你想自己獨立自己設計一款產品的話，UI 應該從以下幾點做起，即使你不會設計，不會使用 PS ，也一樣能夠設計出好看的產品。
「模仿抄襲」開始
我這裡說的「模仿抄襲」指的是：如果你有一款特別喜歡的產品，特別喜歡這款產品上的設計和色彩搭配，那麼你設計自己產品的時候，就去模仿和抄襲你心中喜歡的那款產品的 UI 設計和配色。
你注意，一定不要做一款產品的時候，同時模仿多款產品的設計和色彩搭配，否則你做出來的產品的色彩搭配會很亂。模仿一款就可以了。
一旦確定了用你喜歡的產品作為設計和色彩搭配的模仿物件以後，那麼你的主色調，輔助色和背景色就都確定了，這樣設計出來的一款產品，不會差到哪裡去。
我一個做設計的朋友，說：如果不懂配色的時候，或者需要使用某種顏色的時候，自己調出來的顏色不好看怎麼辦？看看微信或者其他大廠 App 的顏色，比如如果用綠色的話，就把微信的主色調綠色取值出來。他們大廠的設計肯定經過很多的調研和測試，才選擇這個色值的。再比如：谷歌的圖示，有四種顏色，紅色，黃色，綠色，藍色，這四種顏色，谷歌作為世界大廠，有很牛逼的設計師，肯定調了很久，是最好看的四種色，如果需要，就用他們的色值就行了。
圖示怎麼辦？
你告訴我了色彩搭配應該怎麼做了，確定了色彩搭配，可是一款軟體上需要圖示啊，我不會設計這些圖示，我該如何弄？咋辦？
很簡單，去找「阿里媽媽」，阿里媽媽是一個向量圖示管理、交流平臺。設計師將圖示上傳到 Iconfont 平臺，使用者可以自定義下載多種格式的 icon，平臺也可將圖示轉換為字型，便於前端工程師自由調整與呼叫。
阿里媽媽地址：https://www.iconfont.cn
阿里媽媽平臺上，各種圖示應有盡有，而且在你下載的時候，還可以調節圖示的顏色，非常的方便。作為一個程式設計師，尤其是前端程式設計師，這個網站，我平時幾乎每天都在上，都在上面找圖示。可以進行關鍵字搜尋，一搜，一大堆相應的圖示就出來了，找到一個自己喜歡的，下載下來就可以用。
就差一個工具
配色，設計風格確定了，圖示也不需要我自己設計了，現在就差一個工具，把我想要的風格做成原型或者效果圖了。那麼，作為一個技術人員，有沒有相對操作簡單的工具讓我們使用呢？
答案是：當然有了。
我在這裡給大家推薦兩款設計工具，你不懂設計都可以使用和操作，真的是傻瓜式的操作。（PS：是真心推薦，沒有給他們做廣告的意思，他們也沒有給我錢）
第一款就是：Sketch 。可惜的是這款軟體只能在 Mac 電腦上使用。這款軟體簡直就是設計神器，傻瓜式的操作，不需要你懂太多的 PS ，很容易就能夠設計出效果圖來，而且且圖示很方便，Android 和 iOS 的幾倍圖都可以很快切出來。
而且這款軟體網上有很多外掛，引入外掛之後，會有各種模板和圖示之類的東西，讓你直接使用，非常的便捷。
在這裡，我給大家再分享一個關於使用 Sketch 的影片教程吧，簡單的教程，看一下就明白了。教程地址：
http://1t.click/fzn
第二款就是：墨刀。墨刀，我就不用多說了，應該很多人都知道，它是一款線上原型設計與協同工具，藉助墨刀，產品經理、設計師、開發、銷售、運營及創業者等使用者群體，能夠搭建為產品原型，演示專案效果。
而且墨刀上的操作同樣是傻瓜式的操作，做原型和互動真的也是非常的方便。官網上就帶著一些演示的操作的影片教程，稍微一看你就會了。
透過上面三點經驗的分享，作為一個程式設計師你也可以跟設計師一樣做出一款好看的產品來了。這都是我真是實踐和實戰經驗的分享啊！
藉助外部設計師如果你真的不會設計，也不想去觸及和學習設計，還想做一款好看的產品怎麼辦？前一段時間，一個獨立開發者就把他的產品發給我看，讓我體驗了一下，提了一些 UI 上的建議。其實他產品做得不錯，就是設計有些 low 。這時，應該怎麼辦？
你作為一個程式設計師，待過很多網際網路公司，應該認識很多設計師的朋友吧？很簡單啊，花點小錢，可能也就幾千塊，讓他們幫你去設計一下也行啊，都是朋友，收個友情價就行！這樣會讓你的產品提高一個檔次，提高一個 level 。
當然了，我再給你出個好主意：你談女朋友，就專門找 UI 設計師，你把她拿下來，人都是你的了，給你設計一個產品還用收費？我真的是認識很多程式設計師，他們的女朋友就是同公司或者前公司的設計師。這樣不方便多了？哈哈……