24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 服務範圍 
    • 網頁設計 
    • 網絡行銷 
      • SEO搜尋引擎優化 
      • SEM搜尋引擎行銷 
      • 社交網絡推廣策略及推廣 
      • EDM 電郵宣傳策略及設計 
      • 部落格/博客/討論區行銷方案 
    • 網上推廣 
    • 手機程式開發 
    • 互動多媒體設計 
    • 平面設計 
    • 人才外判計劃 
  • 優惠推介 
    • SE0上頭版推廣 
    • SEO教學課程 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » APP UI設計新知:為什麼APP設計要推出Dark Mode
  • 近期文章

    • SEO優化注意事項:如何基於Mobile First Indexing優化網站
    • UI設計基礎知識:Dark Mode的設計要點有哪些
    • SEO新手指南:如何利用頁面內容提高SEO排名
    • SEO優化流行趨勢:預測2021年SEO優化的發展趨勢
    • 網站架設基礎知識:網站架設前需準備什麼資料給網頁設計公司
  • 網上推廣

    • SEO優化注意事項:如何基於Mobile First Indexing優化網站
      SEO優化注意事項:如何基於Mobile First Indexing優化網站
    • SEO新手指南:如何利用頁面內容提高SEO排名
      SEO新手指南:如何利用頁面內容提高SEO排名
    • SEO優化流行趨勢:預測2021年SEO優化的發展趨勢
      SEO優化流行趨勢:預測2021年SEO優化的發展趨勢
    • 數位行銷策略:數位行銷為什麼那麼重要
      數位行銷策略
    • SEO優化基礎知識:網站為何被冠上黑帽SEO
  • 網頁設計

    • UI設計基礎知識:Dark Mode的設計要點有哪些
      UI設計基礎知識:Dark Mode的設計要點有哪些
    • 網站架設基礎知識:網站架設前需準備什麼資料給網頁設計公司
      網站架設基礎知識:網站架設前需準備什麼資料給網頁設計公司
    • UI設計基礎知識:移動端UI設計與PC端有什麼異同點
      UI設計基礎知識:移動端UI設計與PC端有什麼異同點
    • UX設計的基礎知識:移動端UX設計原則有哪些
      UX設計的基礎知識:移動端UX設計原則有哪些
    • 盤點網站設計範例:探討常見的網站類型有哪些
      盤點網站設計範例:探討常見的網站類型有哪些
  • APP開發

    • APP設計新知:左文右圖和右文左圖的差異在哪裡
      APP設計新知:左文右圖和右文左圖的差異在哪裡
    • UI設計教程:關於APP頂部欄的UI設計規則和使用方式
      UI設計教程:關於APP頂部欄的UI設計規則和使用方式
    • APP設計基礎知識:UI設計的五大視覺基本要素
      APP設計基礎知識:UI設計的五大視覺基本要素
    • Facebook改版 網頁設計師和網頁開發需要關注什麼
      Facebook改版 網頁設計師和網頁開發需要關注什麼
    • Android系統最新版本出爐 APP設計師需關注什麼要點
      Android系統最新版本出爐 APP設計師需關注什麼要點

APP UI設計新知:為什麼APP設計要推出Dark Mode

分類: 最新資訊, 網頁設計 Tags: #UI設計新知, UI設計, 網頁設計 日期: 2020-11-18

為什麼APP設計要推出Dark Mode?隨着用戶使用手機的時間愈來愈長,考慮到用戶用眼問題,iOS和Android陸續支持Dark Mode,使得Dark Mode成為這幾年業界最火的話題之一。

APP UI設計新知:為什麼APP設計要推出Dark Mode

APP UI設計新知

什麼是Dark Mode?

Dark Mode就是採用文字前景與深色背景,對文字和系統圖標的顏色做了優化處理,確保在黑色中使用Dark Mode與白天使用普通模式的視覺感受是一致的、舒適的,以及保證了界面的易讀性。

APP UI設計新知:為什麼APP設計要推出Dark Mode

APP UI設計新知

為什麼APP設計要推出Dark Mode?

有研究表明,大多數網民每天使用手機的時間至少在6~8小時,而且主要集中在晚上。因此推出Dark Mode對APP設計而言就顯得非常重要了,除此之外,Dark Mode還有以下優點:

① 讓用戶更專註內容:Dark Mode設計會弱化了手機邊框的存在感,使UI與機身融為一體,讓用戶將注意力更專註於界面內容上。

② 提供滿滿新鮮感:目前很多手機系統和APP都提供換膚功能,但這些皮膚大多帶有很強的個性和主題性,未必所有用戶都喜歡,因此APP設計推出Dark Mode,會增加界面的新鮮感和用戶的接受度。

③ 降低界面刺激:在OLED屏幕下,Dark Mode會使得黑色的像素點完全不發光,只包內容部分,以降低屏幕的亮度和對用戶眼睛的刺激。

④ 持久續航:Dark Mode還會降低每個像素點的發光量,從而達到節約耗能和提升續航的效果。

APP UI設計新知:為什麼APP設計要推出Dark Mode

APP UI設計新知

哪些類型的APP適用Dark Mode?

由於絕大多數的娛樂活動都發生在晚上,並且昏暗環境會讓人放鬆且沉浸的感覺,因此絕大多數涉及娛樂的UI設計都適合使用Dark Mode。

娛樂類APP推出Dark Mode時需注意明確以下目標:

◆  要讓視覺效果明顯且具有戲劇性;

◇  營造出時尚、優雅、奢華和價值感;

◆  製造神秘感和陰謀感;

◇  以最小的干擾來幫助用戶集中注意力;

◆  支持可視化的層次結構和清晰的信息架構。

APP UI設計新知:為什麼APP設計要推出Dark Mode

APP UI設計新知

哪些類型的APP不適用Dark Mode?

一般來說,若界面出現大段文本,Dark Mode的閱讀體驗會比淺色模式要差些,因此為了確保APP的整體用戶體驗,以及確保界面對比度和可讀性,數據量和內容類別太多的UI設計並不適合Dark Mode。而只有最簡單的文本內容,強交互性的信息以及視覺化元素,才是Dark Mode的最佳搭配。

換句話說,Dark Mode與淺色模式相比,可用色彩會相對較少,空間利用率也並不高。

總結:在處理APP設計的Dark Mode時一定要非常小心,要了解清楚哪些情形可以使用Dark Mode,哪些情形不可以使用Dark Mode,別單憑感覺或主觀傾向去設計Dark Mode。

最後,再回顧一下本期內容:

哪些情形可以適用Dark Mode?

▶ 單品牌配色和深色系UI 一致的時候;

▶ 當布局內容稀疏、極簡且元素類型較少的情況下;

▶ 當 UI 的使用環境和需求合適的情況下,比如夜間使用,或者明顯的娛樂向;

▶ 當使用深色主題是為了減少視覺疲勞的時候;

▶ 為了創造引人矚目的戲劇性視覺效果的時候;

▶ 為了營造奢華感和高級感的時候;

哪些情形可以不適用Dark Mode?

▶ 在以下情況下要盡量避免使用深色系 UI:

▶ 當有很多文本內容的時候;

▶ 當屏幕上有很多種不同的 UI控件的時候;

▶ 當界面中包含大量的表單的時候;

▶ 當界面中涉及到大量不同的色彩的時候。

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2017 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理