獨立開發者一般怎麼解決設計問題？

12-13

我是一個Android初級開發者，業餘時間維護自己開發的一個應用，最近在圖標設計和一些UI調整上遇到一些問題。作為一個寫代碼的，這種事真的是一種考驗。工科男的審美水平，咳咳，你們也懂的。

我想問一下，獨立開發者們一般都怎麼解決開發中遇到的設計問題呢？

同作為獨立開發，設計一直是自己做的。

以前設計工具主要用Photoshop，後來被推薦用了Sketch以後，效率「呼啦」一下得到提升。
上手非常快，知乎的"Sketch"話題下有不少乾貨。
重點推薦下這個網站，有大量設計精良且可以免費獲得的Sketch資源：
http://www.sketchappsources.com/all-free-sources.html

至於icons，現在有大量可以獲得icon的網站，從收藏夾里拉幾個：
圖標下載，ICON(PNG/ICO/ICNS)圖標搜索下載
Toicon
Noun Project
有免費也有收費，根據需要交一點點費用就可以避免重複造輪子，簡直美好。

當然能找到志同道合的小夥伴合作就更完美了。

而且能寫好代碼又有良好設計品味的開發不在少數，多看多想都是可以進步的，共勉。

剛入坑移動端開發的時候，大部分精力都放在了App功能的技術實現度上，對App相關的設計沒有過多的關注，因為首先你必須實現了功能，才有精力去研究設計、打磨細節。每個階段都會有不同的歷練，有些坑必須自己踩過、經歷過才能達到一個新高度。

通過漫長的學習和積累，目前作為獨立開發者，擁有個人作品6款，打磨自己作品的過程不僅需要設計和技術，還有產品、運營推廣等方面的技能。

近期我整理了一套課程：有溫度的Coder，有需要來報名，哈哈~

關於設計這塊，開發者大多缺乏設計相關的知識儲備，我大學時候選修了設計，有一段時間一直再自學和摸索設計相關的東西，真要說一些建議的話，就以下幾點吧。

1. ps的一些知識，入門階段先學ps，ps+ai是基礎工具。現在使用sketch效率會更高一點，ps、ai、sketch、墨刀等這些硬技能可以找一些教程來學。

2. 蘋果、谷歌的設計規範看一遍。

3. 色彩，基礎的色彩知識平時可以多搜集一些好看的配色，保存為自己的色彩庫。

4. 臨摹階段，買一個手繪板或ipad pro，有時間可以多臨摹。

5. 多看大公司的UEDC，多看設計方面的書，不要太局限於網上那些設計課程，容易限制自己的設計思維。

6. 手機掛VPN，多看看日本的工業設計，真的很贊。

關於設計相關的教程網上很多，不再列舉。

icon的網站可以推薦幾個，供大家參考：

創造獅創意工作者導航

Iconfont-阿里巴巴矢量圖標庫

圖標下載，ICON(PNG/ICO/ICNS)圖標搜索下載 | EASYICON.NET

Noun Project

toicon.com

Brand logos free to download

Download Free Vectors, Photos, Icons, PSDs and more

2,050,000+ free and premium vector icons. SVG, PNG, AI, CSH and PNG format.

https://icons8.cn/

首現，我也是一個工科生。桌面軟體的美觀UI遠比Android/iOS難做。而且在移動端，便捷的交互方式遠遠比漂亮的圖標更容易留住用戶。
另外，我不是專業的設計師，所以下面的權當自己一些經驗的獻醜吧，也歡迎其他的同行在評論區或新開答案（記得一定要@我！）進行補充。
1、少用圓角或漸變。這兩種東西非專業UI設計人員非常難以駕馭，如果要用的話，圓角的radius推薦為1dip（使直角看起來不那麼sharp）或者做成半圓，其他的真的非常丑。漸變我沒敢用過。
2、parallax(視差效果)。android在最新的Material Design大力推崇，用了以後，如果是圖文垂直排列的話，即省空間又顯得界面非常有層次感；如果是圖文混排的話，瞬間就擺脫了堆積感，立馬界面生動了起來。
3、圖標的主顏色要有三種。顏色變化的時候切記不要直接setColor(resId)，這樣很容易給用戶圖標閃爍感（閃爍一般是Demo的代名詞），要用緩慢變換，至少求個中間色，其實微信Android客戶端下面的幾個底部導航按鈕都是緩慢切換顏色的，不信的話，你自己慢慢左右滑動屏幕看下就知道了。至於為什麼我選用三種圖標顏色，兩種的話一般只能表示ok/concell,多於三種的話對於非專業設計人員又難以駕馭了。另外，附送一個小技巧，在Android端，可以通過imageView.setColorFilter(newColor, PorterDuff.Mode.SRC_ATOP);來設置ImageView的顏色。
4、在設計時善用左右Swipe達到返回/上一個/下一個的功能。一是給iOS和Android端一個統一的體驗，另一方面現在Android手機屏幕越來越大，有的返回鍵還在左邊，你要讓用戶大拇指都變的肌肉健壯嗎！iOS的5.5英寸屏幕的話，頂部左邊返回鍵也讓人很難受！
5、使一個頁面盡量展示多的內容，減少頁面冗餘，記得要排序。舉個栗子，假設我做了一個高校學生使用的應用，我應該明確給出用戶每個好友的學校和學院。
爛的交互可能是這樣(ProcessOn畫的草圖，比較粗糙...)：

這就是沒動腦子的寫法，一般做這樣的應用，我們應該都是按學校順序（或者其他順序標準，如果沒排序==建議回爐重造）排的，所以說很容易相鄰用戶的學校和專業是一樣的，這就產生了界面冗餘，我們就改一下：

把這些信息整合到上面，你更可以在上面的banner上面增加動畫什麼的，這麼小的區域加一點 fade in/out,left/right fly in/out,是我們工科生可以駕馭的，不但增強了交互性還減少了界面的單調性以及冗餘性。而且，這樣子也提高了界面性能，如果我們要查看同校的人，只需要點上面的學校按鈕就可以了，一個按鈕掛一個listener就達到了目的。
6、使用卡片布局。原來一個灰灰分割線的做法應該被放棄了。
7、切記，不要使用多種 font-style和多種font-size,用多個font-family的更是沒救了。
8、Android平台的話，Palatte很好用，我一開始感覺沒什麼用，後來慢慢接受了，很不錯。舉個使用場景：Layout中有個性化的圖片，比如用戶頭像、文章插圖什麼的，使用Palatte提取幾個主色（Palatte支持不同風格的色調提取，還支持基色調）作為Title的背景什麼的非常和諧。
9、讓界面「動」起來，不要為了動畫而動畫。還是為了減少界面冗餘，舉個非常簡單的例子吧，當你現在在查看我的答案的時候，下面的工具欄是隱藏了的，但是當你看到答案底部或者向上翻動的時候，工具欄就出來了，這就是：用戶需要什麼的時候，我們展現什麼；用戶不需要的時候，我們隱藏他；功能不重要的時候，我們把它的圖標縮小；而這些變化靠一些簡單的動畫來連接。
10、善用小紅點。有些人說我們都在用啊，對，是的，消息提醒都在用，但是，一些不需要消息提醒的地方也要用！
我就想說知乎Android客戶端了，我用了好久都以為客戶端只有首頁這一個主界面，後來才發現，噢，熱門收藏和回答什麼的全在側面的發現菜單里！我不知道我是不是特例，但既然有這樣的情況，我們就要避免，客戶端收到編輯推薦更新的時候，如果給左邊的菜單導航鍵一個小紅點，點進去再給「發現項」一個小紅點的話應該就能解決這個問題了把。

Android的話
設計規範：Material Design
以下的是中文版的wiki
https://github.com/1sters/material_design_zh_2

icon圖標：完全免費大約750+的素材，除了很特殊的需求基本應該就夠了，涉及到各種項目，並且圖標都是切好的適配不同屏幕的手機
google/material-design-icons · GitHub

其實MD的很多效果如FAB，Drawer,Card都在V4 V7包里提供了
github上邊太多此類庫了
Search · material design · GitHub

可以多多參考下別的app(國外，指Google Play里的應用)

最後，Material Design大法好！

找個搞設計的女朋友

多看應用
多看類似的應用

素材么
扒呀
還有Material Design Icons 谷歌有提供的
然後加上support library 和 design library 就夠了做出來的東西足夠逼格了

遵循MD即可

培養基本的審美是新時代程序員必須掌握的技巧。如何培養？去看那些設計出色的應用，仔細揣摩設計背後的思想，看配色，抄配色。時間一長你就會有感覺的。還有啊，大城市的朋友定期去逛逛美術館什麼的，陶冶一下情操，提高一下審美，還是把妹子的利器。程序員為啥沒有妹子？不是因為你是一個程序員，而是因為你是一個不合格的程序員，毫無美感的生活誰願意和你在一起？

除了設計以外我覺得其實功能上的創新其實更值得思考，設計上往MD靠，圖片icon都可以網上多搜搜素材，實在沒有，只能學下PS了

別忘了，我們是github的搬運工！

可以找我，獨立設計師。。。說不定搞著搞著兩個人就不是獨立的了，成立公司了

作為一個iOS獨立開發者我來回答一下，分享一下我的經驗：

投入開發之前最好拿張白紙把storyboard給畫出來，界面長什麼樣，button放在哪裡，textview放在哪裡， tableview放在哪裡。有個大概的概念後再做，思路會清晰多。

軟體用：Photoshop或Sketch（我個人偏向ps）

設計靈感：可以上 UI中國或外國網站 dribbble找靈感

注意事項：
做ui的時候，不管是圖標，還是button的圖像，一定要注意圖標大小（確保比例不會失調導致image扭曲，拉長或像素化）

還有就是顏色，給你的app選個主色（比如知乎的藍）app內就主要用這個顏色，用的顏色不要太多，用戶看的不爽。

(不知道有木有人看

…………

o我也是獨立開發者，我自己做的設計，會PS會AI都是被逼自學的，一人團隊，從策劃，設計，編碼，測試，發布，推廣都要一個人。習慣啦。

設計水平是有限的，但是至少可以一個人完成。

====補充====

我雖然是理工出生，但是從事過文字工作，設計的美感還是不錯的，所以對於排版，和設計還是能做做的。

現在團隊多了幾個小夥伴，但是沒有美工，我還的兼職做平面設計。。。其實，多看看優秀的設計，多逼自己一下就好了。

===圖片請勿盜版，後果自負===

公司項目剛成立的時候，我掏出自己做的一個混雜了點MD的APP給產品和設計看，他們都說MD不錯，就用MD。
上個月首版UI圖出來了，我看了下，就是所謂的微信UI再加幾個FAB。。
現在正在不停的讓設計參考MD改UI圖，錢少活多，雖然不加班，但是感覺好累，都想放棄了讓他們隨便搞了。(已放棄=。=)

其實MD還有個好處，就是通用，iOS和WEB也能用，今天弄了一天的material design lite

還有圖標，我是參考design，192px 內邊距 20px 圓角8px，吸了facebook圖標左上角和右下角的顏色，漸變一下，再找個好看的字體就出來了

一般是同時具備產品經理，設計師和工程師的能力才能做好獨立開發吧。

所以如果真的想做下去的話就從頭開始學吧。

自己做設計哈

sketch不就解決了？

1.畫好原型，確保自己知道自己想要什麼

2.外包出去

專業的事兒交給專業的人做吧。可以找個有興趣的ui一起來做這件事兒。

身為UI設計師的我想問，開發接到私活就不能給設計分一杯羹嘛？（5年射擊老師傅，熟知規範。APP，B端，web端，都做，經濟實惠價格不貴，歡迎各位有私活的大拿來騷擾）