特別醜陋的 App 圖標和程序界面都有哪些?

歡迎截圖


多圖慎入。

尤記得本題提問者 @肥肥貓 在 就 2015 年初而言,國人的審美大體處於一個什麼樣的水平? 下的的回答,目前國人對於 APP 的審美同樣處於比較尷尬的狀態。

我先舉些例子。後面我再聊下感想。

可以說,現在市面可以下到的 90% 的 APP 都是難看的,而 90% 中,會有 90% 的開發團隊沒有設計師這個角色,這其中可能又有 90% 在開發流程中是根本不存在「交互設計」和「視覺設計」這兩個步驟的。(這段後來坊間傳為【劉飛的 3-90 定律】)

————————————————————————————

我們找到公認的品質在各商店中最好的 App Store,看看中國區排名在前面的有哪些妖魔。

這個是教育類排名的 No.6。

用 Windows 自帶的行楷做 icon 。

界面是這樣的:

我真的是看了好久才明白,上方的「解名」、「起名」那一欄其實是兩個標籤頁。

整個排版和配色真的慘不忍睹,對齊都完全沒有規則啊!顏色也毫無道理啊!

當然,這只是一個開始。

平靜下心情,我們繼續開始我們的探索之旅。

教育排行的 No.22 ,icon 是這樣:

反正有條幅的 icon 見得多了,但 icon 的主元素被條幅擠得這麼憋屈的還是第一次見。

打開首頁,我當場就被鎮住了:

讓我想起這個:

然而,都真的沒有 10 年前的手機 UI 界面好看。

當我隨便選了個題庫開始做題時,眼睛已經開始濕潤了:

如果你實在想用 PowerPoint 來畫界面的話,至少把配色調整一下如何???

一眼看去五顏六色這麼鮮艷,還以為你在支持美國同性戀。

好,我們加快節奏,再多瀏覽一些:

效率 No.5

Icon 是一張巨大的火車票夾在動車窗戶上。

EC53547235 (二維碼自動識別)

隔夜屎色的界面。

效率 No.53

Icon 是書的封面。在手機上看小字感覺很酸爽哦。

界面不是毫無設計感,而是沒有設計

生活 No.2

還算不錯的 Icon,偏偏硬貼上四個大字。

... 排版和配色還不如那個起名的界面。

生活 No.29

醉人的剪影,配上醉人的漸變,還有老版 PPT 里的「藝術字」。

雖然是 iOS 4 時代的風格、文字也被粗暴切掉,但至少看得出來他們是在努力讓界面好看吧 ╮(╯▽╰)╭

生活 No.44

說真的,看到 icon 你敢找他們設計簽名嗎?

「時尚高雅」、「有時代氣息」、「有品位」、「倍感舒暢」,居然膽敢出現在這樣的 APP 歡迎頁面中。

工具 No.15

不負眾望地,純色背景和楷體的 icon 也出現啦。

你永遠猜不到這樣的布局是什麼道理。

醫療 No.14

Icon 是電影截圖,沒錯,還有幾行根本看不清的字,不知是截的時候去不掉,還是特意加上的,完全不懂他們。

圖標全部模糊。整個界面還是二線城市演講 PPT 的水平。只需要花 6 塊錢就能通過催眠提升性能力哦 ^_^

參考 No.25

這是今天我看到的最喜歡的 icon,對 PPT 運用達到了極致,不僅用上了背景色中心漸變,還給 2013 體貼地加上了邊框。

同樣沒有設計,完全復用了 iOS 4 的模板。

美食 No.8

四個大字,是 PPT 里經典的主題字漸變色。

首先映入眼帘的,是左上角箭頭的任性陰影,和乾死強迫症的懸浮大紅點。

新聞 No.15

倒是粗暴有力,在純色背景+標準字體文字的 icon 中算好看的了...

...感覺像是我們公司之前招聘實習生時收到的交互作業。嗯,沒錯,被淘汰了。

商品指南 No.12

這隻傲嬌的羊是哪來的... 然後,字體又為什麼這麼可愛?

雖然同樣很不好看,但能體會到,作者在頁面上加了好多亂七八糟的東西真的在努力讓它好看起來...

————————————————————————————————

看完是不是有些刺激,有種目睹連環車禍的酸爽?

這些都是有大量下載的熱門 APP,更不用提更多排行榜外的 APP 了。

根本原因是什麼?還是大眾審美的問題。

大家對審美沒有要求,APP 開發者也就不怎麼重視了。尤其目標用戶是二三線城市的話,根本就不用設計。

我還想表達的有這麼幾點:

1. 並非大公司才重視設計

很多人會覺得好的視覺設計只屬於大公司,這顯然是不對的。有不少小眾的 APP 既好看又好用。

請到一個好的設計師,或者外包給專業人士,實際上也很便宜。至少相對於昂貴的產品經理和工程師來說。

我見到的 dribbble 上最牛的一些設計師,收入遠低於在各個垂直領域內的技術專家。

只是大家都不會請好的設計師,覺得沒有必要。

另外,大公司的邊緣產品好像也不怎麼重視設計。

比如這幾個:

很古老的界面風格。當然不算難看,只是相對而言應該能更好。

最引人注目的是上面的漸變色橫條,和下面兩個純色按鈕。右邊按鈕的英文已經突破邊緣了喂!

............當然這個照片出現不怪他們,但各處的設計卻特別配得上這個姑娘

你知道這幾個頁面是哪家公司的嗎?

它們分別是 百度文庫、百度翻譯和百度美秀

2. 設計的確不是產品最重要的部分,但是好產品必不可少的部分

現在很多人對設計的看法都有些極端,有些認為視覺設計漂亮就是好產品、用戶體驗流暢就是好產品,但你看我上面的例子,剛需顯然是很多用戶優先考慮的;有些則覺得視覺設計屁用都沒有,所以隨手用 PPT 畫一畫就當設計稿了。

在我的理解里,產品首先當然是要解決用戶真正的需求。比如你是要搜東西的,我就保證你的結果是準的、是好的,而不是搜索框很華麗、等待結果的時候動畫酷炫什麼的,然後搜索框簡潔、結果頁面清晰就好啦。

在完成基本功能後,在呈現效果上用力所能及的方法做得足夠好看,是對用戶的尊重。

現在的 APP 設計風格都在往更輕、更簡潔、更突出信息的方向發展,對色彩、布局和陰影的把控是核心,舉幾個簡單的例子:

1.

2.

3.

你覺得這樣的設計會很費勞力嗎?

好了,我的話說完了。


吐槽知乎的「收起」,真的是太難用,太難用了。如果打開很長的回答,看到中間不想看了,要滾來滾去,不小心還滾過頭。

大家都很贊同,取匿了。


各種圖標一角加個HD、PRO等的應用。


開源解壓縮軟體Keka,丑到極致,看得心裡發毛。。。


不得不提一下這位迷の紅藍哥。

這些個圖標……我用Windows的畫圖應用來畫都比這些好看(?ω?)

不過他開發的APP雖然圖標和界面十分簡陋,功能卻十分強大哦(??????) ?大部分都是Xposed框架(???ω???)



樓上那麼美的圖標也敢發出來,你們都是托兒吧!!

都讓開,讓我來!!!

我以為這種圖標已經夠敷衍的了!!

後來發現……我錯了!!!!不敷衍未必是好事

真正的敷衍是這樣的!沒有最丑,只有更丑!刷新了三觀!!!!!!


沒用蘋果前我一直以為它是指南針!!!


各類銀行App刷新你的產品觀……以交通銀行為例:

仿皮質的頂欄,隱約的高斯模糊圖片,大大的背景LOGO,我的鎚子手機太落後,下面的菜單欄都無法顯示完整……整個產品透露出奢華、大氣……不知該行工作人員是不是有一種濃濃的優越感,坐在頂級辦公樓中,喝著咖啡,耳邊響起:stay hungry stay foolish(保持吃不飽,保持傻缺)

當然,這已經是同業比較好的了,沒有最差只有更差……

當然,也有做的好的,比如招行……


百度瀏覽器,愛奇藝PPS(兩個圖標的強行結合簡直丑的令人髮指)


有點跑題了,不是丑的問題。只是感覺現在的app有點缺乏創新


為了回答這個問題,我就滿手機的找啊找。。最後玩起來忘了這檔子事= =、


6

像這樣的╮(╯▽╰)╭

說實話UC和獵豹不如喜結聯就不科學姻

像這樣,豌豆莢你一定和騰訊有貓膩喵(づ ̄3 ̄)づ

eco和餓了嗎是什麼鬼關係!!!


12306

————

新增圖標


知乎。。


手機淘寶

掌閱iReader/Polaris Office

百詞斬

各種掌上銀行

各種手機/電池管家

滴滴打車

手機360瀏覽器

百度瀏覽器

百度新聞

百度導航

美顏相機

騰訊視頻

大眾點評

攜程旅行

去哪兒網

Uber

生日管家

豌豆莢

1024


這是原來的

我改了之後



放心,我不留種!

這是一個圖標丑的不得了,名字還蛋疼,但是他媽的內容好啊!


kindle無疑


推薦閱讀:

iPhone的圖標里為什麼只有時鐘和日曆是動態的?
常用 App 或軟體都有哪些埋藏的很深的功能是大家不太知道的?
一個以文字為主體的雜誌,其手機版本最吸引人的功能應該是什麼?
Android 上能提高學習、工作效率的應用有哪些?
iPhone 上可以裝多少個 App,極限是多少?

TAG:應用程序Application |