iT邦幫忙

2024 iThome 鐵人賽

DAY 19
0
Python

使用 Django 框架和 Wagtail,快速打造一個 CMS 網站系列 第 19

D19 - 你可以只做 bright mode 的網站

  • 分享至 

  • xImage
  •  

在昨天的文章,網站的 bright mode or dark mode,是跟著裝置上的 mode 決定。

這是 bright mode

https://ithelp.ithome.com.tw/upload/images/20240930/20140622pp3FEZEvD7.png

這是 dark mode

https://ithelp.ithome.com.tw/upload/images/20240930/20140622uFXcpaLmwX.png

但,這就表示有兩種 UI 要顧,同時,也要去思考 icon 的渲染顏色在兩個 mode 下是不是都有著一樣很好的效果。

如果你的網站才剛起步,你並不需要馬上做出雙色 mode 的 UI,你可以只要讓 UI 有單色即可。

請找到 mysite/mysite/templates/base.html

並把這一行註解掉,那你的網站,就會只有單色。


        {# Add supported color schemes: #}
        <!-- <meta name="color-scheme" content="light dark"> -->

以下是 ChatGPT 對於網站只做單色的看法

ChatGPT 對於只有單一顏色模式的看法

網站並不一定需要一開始就支援 dark mode。特別是如果你初期計畫專注於單一顏色模式,這完全是一個可行的策略。這樣可以幫助你更專注於設計的核心部分,並簡化開發流程。許多成功的網站在初期都只有單一的顏色方案,然後隨著成長逐漸加入其他功能,包括 dark mode

以下是幾個考量:

  1. 用戶習慣:雖然 dark mode 越來越受歡迎,但許多網站並不強制使用它,尤其是在網站的初期階段。取決於你的目標用戶,他們可能對此並不在意。
  2. 簡化設計流程:單色設計可以減少設計的複雜度,幫助你在初期專注於網站的功能性和內容,而不是花時間調整配色方案。
  3. 後期擴展:你可以在未來的版本更新中引入 dark mode,這樣也能作為一個用戶體驗的優化,並且能夠在需求出現時快速加入。
  4. SEO 或用戶體驗不會受損:不支援 dark mode 並不會對 SEO 或基本用戶體驗有負面影響。用戶可以根據自己的設備設置調整亮度。

因此,根據你的資源和開發重點,單色設計是個好主意,等到網站逐步完善時再引入 dark mode 也不遲。


上一篇
D18 - 加上 CSS Style
下一篇
D20 - 在你的 CMS 網站開出 RESTful API 接口
系列文
使用 Django 框架和 Wagtail,快速打造一個 CMS 網站22
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言