移動端設計新趨勢 化繁為簡

2022-08-29 04:36:09 字數 1990 閱讀 7958

我們在這個「極簡主義」的世界生活已經有些時日了,之後又將去向何方?

「化繁為簡」究竟是什麼?

你是不是從沒聽說過「化繁為簡」的趨勢?那是肯定的,因為這只是我創造出來的術語。最近我留意到一種新的趨勢,它超越了扁平化設計,也超越了極簡設計,獨立性在逐漸削弱。有些人會說,這只是極簡設計運用到移動端領域時開啟的新階段,但我認為它截然不同。有一些明確的共性和特徵可以定義這種新趨勢。所以我決定給它起個名字。起個名沒什麼問題吧?

這種橫掃矽谷的熱門新趨勢,有以下這些決定性特徵:

加大加粗的標題

更簡單更普遍的圖示

減少彩色的使用

結果呢?許多我們喜愛的應用介面,開始越來越像是出自同一品牌。

證據早在5月份,instagram發布了新設計的ui時,我第一次注意到這種新趨勢。

他們此次改版的變化,其中包括去除了無處不在的藍色和深灰色,加粗了標題,簡化了底部導航欄和圖示。只留下黑白介面和醒目的標題,突顯內容,功能清晰。我很欣賞這套簡潔有序的介面,並且同時想起我仰慕已久的另乙個平台:medium。medium自從2023年發布以來,黑白介面就用得爐火純青,從那以後每次設計改版,都在去除繁雜;實際上medium正是化繁為簡的開山鼻祖之一,他們自己都不知道這點。真是要恭喜medium!

facebook的同行們更新了instagram的介面之後不久,我開啟了airbnb,它看起來如此熟悉,令我深受震撼。自從他們4月份發布了新設計以來,這是我第一次開啟這個應用,但我感覺這一套介面分外熟悉。

airbnb的ui改版產生的**影響力,並沒有乙個月後instagram的改版那麼大(可能因為它沒有乙個光彩奪目的新圖示),但它也使用了許多相同的化繁為簡技巧。

移動端的改版設計採用了更大更粗的標題,去除了不必要的圖形和色彩,簡化了圖示,使它們更通用、易識別。只留下黑白介面,突顯內容,功能清晰。

所有這些意味著什麼?

我在上文提過,這意味著越來越多你喜愛的應用會變得很相似。為什麼?就像國家橄欖球聯盟(nfl),科技界也是個相互模仿的圈子。這些改版設計都得到了積極正面的反饋(有些人抱怨這些黑白介面「缺乏個性」,但他們很快就適應了。你開啟乙個應用是為了它的功能,並不是個性),所以我**,新老應用都會踏上化繁為簡的浪潮。

這意味著iphone的主屏很快就會變成一塊彩色的馬賽克,這些鮮豔的入口會引領你進入遊樂場。

現在,無論你是否支援這種單色的時尚,它毫無疑問是乙個發展方向。產品設計流程正在發展和進化,不再是從前那種分離式的方式,鼓勵過多的設計。現在的流程更趨於整體,真正關注使用者。在從前的產品設計流程中,ui設計師可能會接過ux或產品給出的原型圖,要求「把它做漂亮點」。然後設計師就會畫上數小時、數天來新增、去除、調整顏色,或許最好的方案可能就一直擺在他們面前……直接用原型圖!由於在如今這個整體的設計流程中,ux和ui設計師的界限正變得模糊,設計師不必過分操心自己的具體職責(例如把它做漂亮點),轉而關注最終目標,為使用者打造最棒的產品。

化繁為簡的終極指南

你是否已經接受了化繁為簡的趨勢,並準備好踏上這波浪潮了?很好,遵循這些指南,你馬上就會創造出優秀的應用。

去除彩色。當然,你可以保留一種顏色,但要極度克制地使用它。其他一切最好是黑白的。讓內容來為應用填充顏色。

加大、加粗、加黑的標題。看到標題了嗎?把它加到20至30畫素,並且加重。

簡潔、纖細、易辨識的圖示。你的圖示最好是通用的,也不能使用彩色。如果想做得更好,應該按這個順序來排列:主介面、搜尋、主操作、次要操作、我。

留白區域變為原來的兩倍……不對,要三倍。甚至可以到四倍。這一點絕不能出錯。

**;郯城生活

2023年移動醫療新趨勢

2012年的移動醫療小小地火了一把。無容置疑的醫療剛需加上移動的想象空間讓很多創業者和投資人趨之若鶩。2013年的移動醫療會有哪些新趨勢?我在這裡做一些大膽的 慢性病的移動管理 慢性病已成為未來20年中國最大的健康挑戰。糖尿病 高血壓 失眠等疾病各自影響了上億的人群,而且其知曉率和控制率都很低。每乙...

企業級移動開發新趨勢

在ibm 2014技術峰會上,幾位移動開發領域的業界領袖接受了infoq等多家 的採訪,就企業級移動開發的新趨勢發表了自己的看法。u0026 xd n u0026 xd n 在介紹移動開發平台的整體戰略時,ibm院士 websphere 戰略副總裁 websphere首席技術官jerry cuomo...

企業級移動開發新趨勢

在ibm 2014技術峰會上,幾位移動開發領域的業界領袖接受了infoq等多家 的採訪,就企業級移動開發的新趨勢發表了自己的看法。在介紹移動開發平台的整體戰略時,ibm院士 websphere 戰略副總裁 websphere首席技術官jerry cuomo表示 首先為開發者提供最優的體驗,另外能夠為...