深色模式設計指南 從官方規范到實戰經驗應有盡有!

3d定独胆百期无错公式 www.qratuj.com.cn 自從蘋果和谷歌發布深色模式以來,國內各個大廠也紛紛跟上,并在此探索過程中總結了許多參考價值極強的寶貴經驗。本專題不僅收錄了蘋果和谷歌的深色模式官方設計規范,更有騰訊阿里等大廠的實...

優設專題 2019-08-12

適配深色模式前,先收下這份簡易版入門指南!

在 Android Q 之后,蘋果也在 iOS13 支持了深色模式,深色模式成了2019下半年的熱門話題,不少產品已經完成了對深色模式的適配,淘寶、微信也先后開始內測,「變黑」似乎已經成為趨勢。而在適配深色模...

優設文章 2020-01-15

你在用深色模式了嗎?需求真的那么大么?

早上看電腦報的時候,看到有這么一個話題,個人確實用的還不多。 主要是界面都黑了,但配圖還是都锃亮的,有些App雖然對配圖加了深色濾鏡,但又對UGC的配圖的深淺是無法控制的,所以展現給用戶的...

設計話題 2020-01-04

「QQ音樂」是如何適配iOS13的深色模式的?

當「QQ音樂」在淺色主題模式下檢測到系統開啟深色模式時,彈窗提示用戶是否要開啟「自動適應系統深淺外觀」。啟用該功能后,界面跟隨系統切換至「玄譚...

細節獵人 2019-12-26

深色模式設計實戰!優酷 App 的“黑”化之路

深色界面的價值與機會 2019 年優酷經歷了一次體驗設計升級,在前期的設計探索中,優酷設計團隊嘗試了各種方向,其中包括全深色的界面。而隨著 Android Q 與...

優設文章 2019-12-24

微信發布內測新版,除了朋友圈發表情包還有深色模式!

在國內各種安卓廠商都已陸續推出了深色模式后,蘋果終于也在萬眾期待中更新了自己的設計規范,從 iOS 13 開始就加入了深色模式,使用 OLED 屏幕的 iPhone Xs ...

優設文章 2019-12-24

如何用 5 個步驟,快速設計出優秀的深色模式?

深色主題是應用界面設計的最新趨勢。MacOS 去年推出了深色主題模式后,Android 和 iOS 也緊隨其后,推出了各自的深色主題模式。 曾經罕見的深色主題現已受到...

優設文章 2019-12-24

想快速適配深色模式?來看釘釘團隊總結的這個實戰方案

隨著 iOS13 和 Android 10 的普及,為應用設計 Dark Mode 也是業內的趨勢之一,及時適配這一特性,遵循平臺的新能力也是大家目前設計工作中紛紛遇到的挑戰。 釘...

優設文章 2019-12-23

如何適配深色模式?用一個 APP 改版案例讓你學會!

以一個 app 改版案例,深入淺出地告訴大家如何適配深色模式,同時給出了正確和錯誤的示范,相信對于目前流行的深色設計趨勢來說,是非常的實用了。 Goog...

優設文章 2019-10-23

緊跟趨勢!深色模式設計的8個小技巧

隨著九月份的臨近,蘋果 iOS 13 正式版也即將推出,隨之而來的還有大家期盼已久的「深色模式」。前幾天,蘋果推送了 iOS 13 的 beta 5 版本。其中,「深色模...

優設文章 2019-08-28

用阿里巴巴APP的案例,教你如何快速適配「深色模式

2019 年的兩場重量級發布會 Google I/O 和 Apple WWDC 終于落下帷幕。在各種新奇科技資訊中大家會有趣地發現兩家公司不約而同的發布了手機系統的 Dark Mode(Theme)...

優設文章 2019-06-30

iOS 13 官方設計指南:深色模式篇中文版

官方的指南雖然篇幅較短,但更側重于細節層面,仍然可以幫助你在真正上手新系統及深色設計之前,對相關設計原則,特別是顏色的適配機制與方法進行了...

優設文章 2019-06-16

WWDC 大會開幕,我們準備了一份「深色模式」設計要點

深色模式最近突然成為了一個時髦的詞匯,蘋果去年在 macOS 10.14 上加入了 Dark Mode,Android 系的廠商近來也紛紛加入支持,Google 在今年的 Android P 當中也正式推出了自己的深色模式。WWDC 大會上 iOS 13 正式引...

優設文章 2019-06-04