不要把你的Android應用搞得跟屎一樣

這兩位飛行員沒有讀這篇文章。看看他們現(xiàn)在在哪里

不要把你的Android應用搞得跟屎一樣

沒錯,說的就是你,開發(fā)者。

這篇文章是為你準備的,沒有設計師支持的獨立開發(fā)者。你讓我看到了年輕一點的我自己,你和我沒什么不同。

希望你能夠明白,本文的標題清楚地說明了這5分鐘的閱讀不會讓你成為專業(yè)的設計者。

然而,我希望本文能夠幫助你避免最頻繁的設計相關的錯誤,并使你走上讓你的應用看起來高大上的道路。

讓我們面對現(xiàn)實:如果你是一個程序員而你正在嘗試開發(fā)一款應用,一開始你就會弄錯。完全錯。我不知道當你閱讀了本文就可以節(jié)約時間做點有意義的事情時,你什么要重復我的錯誤?

規(guī)則1:使用來自同一個圖標集的圖標

來吧。這一條并不難。只需要選取一個圖標集并使用它。不要嘗試在一個應用中使用來自兩個或者多個圖標集的元素,除非他們出自同一個設計師或者使用的是同一個風格。

當然,為了盡力滿足這一點,你必須選擇一個包含很多圖標的圖標集。一個簡單而又省錢的方式就是使用Google的圖標集。這些圖標使用的是相同的風格并且看起來很棒。

如果你愿意花錢,我個人最喜歡的是creativemarket.com上的Sharpicons 圖標集(免責聲明:我不以任何方式隸屬于設計師。 事實上,只是基于統(tǒng)計概率,我很確定他們認為我是一個混蛋)。它提供了大量的圖標,看起來都很棒并且你可以獲得各種格式的文件。事實上你能以.svg格式獲得圖標就意味著你可以把它們導出為任意你需要的分辨率。

福利:作為一名開發(fā)者,你手邊可能沒有Photoshop或者Illustrator(對,我也沒有),這意味著你搜索了一通以后你可能會使用Gimp或者Inkscape來導入、導出.svg文件。我更喜歡Gimp,盡管它不像Inkscape一樣是一款矢量繪圖軟件。但是我覺得它導出的資源文件質量要好一些。

簡單的將.svg文件拖動到Gimp窗口,選擇你需要使用的圖標分辨率就可以將其導出為png文件。

福利X2使用Roman Nurik的Android Asset Studio來為不同密度的屏幕縮放圖標。

前面我已經(jīng)提到你可以到creativemarket.com購買圖標,但是還有很多地方可以獲取圖標集。最近我喜歡上了Iconsount。另一個最愛是PixelBuddha。

規(guī)則2:使用 Material Design指定的標準

也許你從未認真考慮過,但是使用網(wǎng)格會立即讓你的應用看起來更專業(yè)--更像一個統(tǒng)一的整體,而不是散亂的文字和圖片。

我知道因為它的公開設計(designyness,新詞預警?。?,“網(wǎng)格”這個詞語可能會讓你內(nèi)心感到很恐懼。但是它真的很簡單:盡量讓你的資源完美的適配一個8dp的網(wǎng)格(文本4dp)。說起來容易做起來難,因為有的時候你控制不了內(nèi)容的高度或者寬度(例如:一個屬性設置為wrap_content的TextView,你無法控制其高度),但是你至少要將其padding和margins設置成8dp的倍數(shù)。

想通過一種簡單的方式來查看你的應用是否遵從了網(wǎng)格?從PlayStore下載Paul Danyliuk開發(fā)的神奇應用Material Cue,然后選擇他提供的各種網(wǎng)格中的一種。我通常使用標準網(wǎng)格。它疊加在我的應用Looxie的主界面時看起來是這樣的:

要我自己說的話還不算太破

規(guī)則3:小心使用顏色

你看,每個人都喜歡五顏六色。我喜歡,你也喜歡,甚至連希特勒也有可能喜歡,盡管他喜歡的可能金發(fā)碧眼(譯注:這里的梗是種族主義)。

你知道其他人喜歡什么嗎?就像食物一樣。但是就像你不會用雞湯配巧克力蛋糕油炸面包?。▌e給我說你喜歡?)一樣,有的顏色分開使用最好。

現(xiàn)在,我不會欺騙你:配色理論及其實踐是一個宏大的話題,但是這里有一些可以讓你生活更簡單的捷徑你可以采納,尤其在你沒有已經(jīng)定義好的商標色或者品牌色可遵循時。

  • 1、像coolors.cohttp://www.colourlovers.com/ 這樣的網(wǎng)站會提供一系列制作好的調色板,甚至可以按照心情、季節(jié)等分類。選擇一個你喜歡的來使用。
  • 2、作為替代方案,你知道是誰創(chuàng)建了那些神奇的調色板嗎?對,大自然母親!拍攝一張鼓舞你的照片,然后從中提取出一個調色板。如果你在開發(fā)一款沖浪應用,為什么不去拍攝一張海灘的照片然后從中提取出一個配色方案?

規(guī)則4:明智的選擇字體

啊,排版。喜歡它或者討厭它,你必須喜歡它。

什么?

無論如何。有許多排版相關的網(wǎng)站,但是其中有一個對這幾件事情是非常有幫助的:字體推薦,更重要的是字體搭配。所以請去訪問Typewolf并四處逛逛。。

當為你的應用選擇字體的時候,腦子中請記住以下幾點:

  • 1、確認你你沒有選擇Comic Sans或者Papyrus字體,除非你在開發(fā)地理愛好者(Geocities Lovers)的官方客戶端。即便是這樣,那也很夸張。
  • 2、好吧,如果你是在為史提夫·汪達開發(fā)一款應用,你可以使用Comic Sans或者Papyrus字體。
  • 3、不要指望系統(tǒng)向你的用戶展示優(yōu)雅的字體(因為有的devilspawn為了打擾你可能會在三星設備上選擇Comic Sans或者Papyrus作為系統(tǒng)字體)。取而代之,加載你自己的字體:將你的.otf或者.ttf文件放到你應用的assets/文件夾下(更好的方案是放到fonts子文件夾,這樣可以保持整潔),然后在需要使用的時候通過一個靜態(tài)方法來加載。
Typeface notComicSans = Typeface.createFromAsset(getAssets(), “fonts/notComicSans.otf”);
textView.setTypeface(notComicSans);

好吧,如果你是在為史提夫·汪達開發(fā)一款應用,你可以使用Comic Sans或者Papyrus字體。

另一件需要記住的事情:在選定字體之前,確保它支持所有你的應用可能要本地化的語言。例如,我曾就為了尋找一個支持希臘語的字體而陷入困境,盡管最后我在這里找到了一款非常棒的字體(再次聲明,我不隸屬于它們)。

Google自己的Roboto系列字體(我最喜歡的是Roboto Condensed 和 Roboto Slab )也支持很多語言并且也很棒。

最后,檢查一下你選定的字體是否提供了各種粗細。免費的字體通常都不支持所有粗細,但是Roboto字體系列體支持所有的粗細。

如果一個字體不能提供所有的粗細,但是你仍然很想使用,你可以通過在不同部分使用不同的陰影和字號大小來模仿各種粗細的效果(比如標題使用全黑,副標題使用淺灰色小一點的字號)。

就這么多了,伙計們!去美化你的應用吧,這周我都在!

我值得信任嗎?也許我自己的應用看起來也像屎一樣!也許我就是最高級別的假內(nèi)行!你可以到PlayStore去下載我的應用然后做出你自己的評判!

Looxie

Karkoona

Kairoskopion

Veterondo

YourBook:僅僅是Beta版本

本文譯自Make your Android app look less shitty.

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容