iOS深色模式帶來的變化

剛剛看到百度網盤又迭代更新了一個版本,這個版本一些板塊的UI風格改動還是挺大的。功能先不說,先看一下UI,最吸引我的是他的會員中心的icon:

iOS深色模式帶來的變化

con風格從“線性圖示”變成了“塊狀圖示”

文字也進行了層級的劃分;

圖示起到引導和幫助使用者的作用,很明顯從百度網盤目前的兩種圖示對比,塊狀圖示的識別引導性更強一些,對幫助使用者做決策方面提高了一定的效率。

說這麼多跟我們今天要討論的深色模式到底有什麼關係,接下來咱們再看一下iOS的深色模式下一些產品在適配中的效果。

iOS深色模式帶來的變化

iOS深色模式帶來的變化

iOS深色模式帶來的變化

從三款產品對比看,iOS和QQ郵箱的淺色模式到深色模式都很和諧,也比較舒服,但是微信的發現頁面從淺色模式變換到深色模式之後給使用者的感覺差別還是挺大的。相比之下淺色模式會比較舒服一些。

到底是什麼原因產生了這種體驗?

iOS深色模式帶來的變化

很明顯大家可以很直觀的看到就是圖示的風格。幾組產品圖對比之下,微信的線形不圖示轉換效果明顯弱於另外兩種產品的塊狀圖示

在深色模式的背景下無論是識別性還是引導性,這種“塊狀圖示”要強於“線性圖示”

還有另外一個有意思的點,大家再來看一下小編螢幕的對比圖

iOS深色模式帶來的變化

由於小編也是做設計,喜歡什麼東西都擺放整齊,對色彩也是如此。側面分析一下其實相同屬性的行業所用的色彩基本都是在一個色系。我們再看iOS設定頁面的icon排列方式。很明顯也是同色系的選項會相鄰,這樣也給人一種秩序感,從色彩上也起到一種整齊的視覺感。

最後我們再返回來看百度網盤的這次圖示風格的改版,個人推測這種改版一個是從淺色模式下加強引導,另一個也可能是為以後的深色模式打基礎(僅代表個人觀點)

總結

在設計方面iOS一直是行業的排頭兵,他們每一次改動都會在設計行業引起一些波動,比如不同螢幕的適配尺寸,一開始的寫實風格到後來的扁平風格不都是在影響著我們的設計行業麼,所以從此次深色模式的推出後,一些app在探索如何融入適配這種深色模式的時候也會有很多思考和嘗試,但從圖示來看,未來塊狀圖示可能跟適合這種深色模式(畫重點哈哈哈)。並且在色彩的排列上也要有一定的秩序感會讓整個頁面看起來比較乾淨整潔。一屏上只有本色系的幾種鄰近色肯定不會顯得花和亂,但是又不缺乏層次感。