防範佈景底圖失效,導致文字被預設底色神隱:
愛好暗底圖與亮文字配色,且能自行設定佈景的使用者,
是否曾遭遇底圖失效,而文字神隱的窘境呢?
其實只要在製作時,先選到「進階設定」後,
再把「整體樣式」的「背景底圖的底色」項目預先調成暗色,
那麼就算突發(fā)圖址失效,也還不至於看不到亮色系的文字。
以上,可算前言吧?!! 總之就是在這彙整篇前,先想到之內文。
接著是關於「{御休み/黒い羊☆角巻わため} orig. HoloLive (綿芽)Watame」此佈景用色用意!
?
依照角卷的所屬顏色,且直接由站內既定色碼為主,選取所需項目;以便這套配色之萬用性,盡可能達到「不須常調配各組選色」其效果。
整體樣式的底色「color HEX: 000000」全黑,除了為上圖緣由之外,另是為了「底圖若突失效……
黑底,可讓其無底圖時,字色不與預設白底衝突得不易辨識」這點。其它黑色系,分別是「color HEX: 111111 & 1E1E1E」兩色,與下方白色系成對。
粉紅,則是「color HEX: F6739A & F6CDD7」這兩項,後項是個人早前某幾款佈景常用之文字選色。
亮黃,也是「color HEX: FFFF9F & FFFFD0」兩項,與粉紅成對。
至於「color HEX: 9761BB」紫色,為的是替代角卷(偏藍)瞳色。原因是個人幾乎不用藍,尤其深藍;粉藍,像是天藍那類倒還算可接受。
而灰色「color HEX: 999999 & CDCDCD」,甚至淺灰「color HEX: E1E1E1」,原本只是為了有項介於黑與白之間的顏色。
然後「color HEX: FF2E0C」這鮮豔紅,也就是領結的暗紅之替代色。
另外「color HEX: EEEEEE & FFFFFF」兩色,是非常趨近白的白灰、羊毛的純白。
最後是關於「color HEX: 3CB773」這綠色,也是為了在上述那些色系群裡,有不同類別而不感到同色系用量太多,類似均衡作用。
以上,就是個人對於調配角卷(甚至是各個不同類的)佈景用色之習慣。
關於「小屋主圖」底的黃色與「主要文字」這顏色,過於接近這點……實為不想放棄那黃色之外,還有另個用意:「刻意讓文字不明顯」為其因。與「創(chuàng)作的喜歡鈕旁的『喜歡總量』數(shù)字」這邊的用色過近,是相同用途;即,隱蔽數(shù)值之用。
文末,附上該佈景之(僅)調色細項(不含圖片網址)設定──
主要頁面
■ 進階設定
整體樣式
背景底圖
網址
pbs.twi.co/mda/HFEDCBA97653210.jpg
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
i.yti.co/v/HDC97653210/mxrsdfut.jpg
{黒い羊☆角巻わため} ft.AZKi/orig. 欅坂46
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.JPG?v=C62100C612
hololive Watame 角卷綿芽 (角巻わため) 黑/白底
hbl91707.cf/i/ml/0123567.jpg
timing-img by hbl917070 - Vtuber.JPG#GIF
i.yti.co/v/01235679CDH/0.jpg
すーぱーぬこになれんかった/まふまふ
重複
垂直重複
捲動
不捲動
位置
? ──置中
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
↑ (未修改)
timing-img by hbl917070 - Vtuber.JPG#GIF
底色
#000000
小屋主圖 690 × 250
網址
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.JPG?v=C62100C612
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/csi/48/baha_0_o.PNG?v=216C0021C6
timing-img by hbl917070 - Vtuber.JPG#GIF
左區(qū)塊底圖
網址
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/csi/06/aeGK0_0_o.PNG?v=0666009990
timing-img by hbl917070 - Vtuber.JPG#GIF
重複
填滿整頁
捲動
隨頁面捲動
位置
↑ (未修改)
底色
transparent
框線顏色
(禁修改)
實線顏色
(禁修改)
虛線顏色
(禁修改)
右區(qū)塊標題
網址
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
i2.bhmt.co.t/loading.gif
timing-img by hbl917070 - Vtuber.JPG#GIF
底色
transparent
文字顏色
#F6739A
右區(qū)塊底圖
網址
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/csi/06/aeGK0_0_o.PNG?v=0666009990
timing-img by hbl917070 - Vtuber.JPG#GIF
重複
填滿整頁
捲動
隨頁面捲動
位置
↑ (未修改)
底色
transparent
框線顏色
(禁修改)
虛線顏色
(禁修改)
導覽路徑
底圖
底色
transparent
文字顏色
一般狀態(tài)
#F6739A
滑鼠經過
#FFFF9F
主選單
底圖
網址
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
i2.bhmt.co.t/hm/msg-sendbtn.gif
timing-img by hbl917070 - Vtuber.JPG#GIF
底色
transparent
框線顏色
transparent
按鈕-一般狀態(tài)
文字顏色
#9761BB
隔線顏色
transparent
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
(禁修改)
timing-img by hbl917070 - Vtuber.JPG#GIF
按鈕-滑鼠經過
底色
transparent
文字顏色
#999999
按鈕-目前所在頁面
底色
transparent
文字顏色
#FF2E0C
頁籤
按鈕-一般狀態(tài)
底色
#FFFFD0
文字顏色
#F6739A
框線顏色
(禁修改)
按鈕-滑鼠經過
底色
#111111
文字顏色
#EEEEEE
按鈕-目前所在頁面
底色
#CDCDCD
文字顏色
#FF2E0C
右方按鈕群
一般狀態(tài)
底圖網址
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/wlppr_nw/3210567_noxandroid5.1line_0_oo.GIF?v=0111005550
timing-img by hbl917070 - Vtuber.JPG#GIF
文字顏色
#FF2E0C
滑鼠經過
底圖網址
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/wlppr_nw/3210567_noxandroid5.1line_0_oo.GIF?v=0111005550
timing-img by hbl917070 - Vtuber.JPG#GIF
文字顏色
#F6CDD7
文字與連結
標題文字顏色
一般狀態(tài)
#FFFFD0
滑鼠經過
#FF2E0C
文字顏色
主要文字
#FFFFD0
次要文字
#FFFF9F
主要連結顏色
一般狀態(tài)
#FFFFD0
滑鼠經過
#3CB773
次要連結 1 顏色
一般狀態(tài)
#FFFF9F
滑鼠經過
#9761BB
次要連結 2 顏色
一般狀態(tài)
(禁修改)
滑鼠經過
#FFA755
特殊連結
文字顏色
#FFFF9F
特殊區(qū)塊
主要色塊
底色
#F6CDD7
框線顏色
#F6739A
其他色塊
次要色塊 1
transparent
次要色塊 2
transparent
文字輸入區(qū)域
底圖網址
p2.bhmt.co.t/HM/csi/06/aeGK0_0_o.PNG?v=0666009990
底色
transparent
框線顏色
#FFFFFF
按鈕
主要按鈕-一般狀態(tài)
底色
#F6CDD7
文字顏色
#3CB773
框線顏色
(禁修改)
主要按鈕-滑鼠經過
底色
#FFFF9F
文字顏色
#9761BB
次要按鈕-一般狀態(tài)
底色
#FFFF9F
文字顏色
#FF2E0C
框線顏色
(禁修改)
次要按鈕-滑鼠經過
底色
#FFFFFF
文字顏色
#000000
強調按鈕-一般狀態(tài)
底圖網址
(禁修改)
無圖
? (禁修改)
底色
(禁修改)
文字顏色
#9761BB
框線顏色
(禁修改)
強調按鈕-滑鼠經過
底圖網址
(禁修改)
無圖
? (禁修改)
底色
(禁修改)
文字顏色
#3CB773
次要頁面
標題與文字
左區(qū)塊標題
巴哈標誌
? 隱藏
底圖網址
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/wlppr_nw/3210567_noxandroid5.1line_0_oo.GIF?v=0111005550
timing-img by hbl917070 - Vtuber.JPG#GIF
底色
transparent
文字顏色
#999999
次要標題
顏色
#FF2E0C
文字顏色
強調文字
#E1E1E1
區(qū)塊與表格
區(qū)隔框線
框線顏色
#F6CDD7
表格
項目底色
#F6739A
內容底色
#1E1E1E
框線顏色
transparent
文字輸入框
底圖網址
p2.bhmt.co.t/HM/csi/06/aeGK0_0_o.PNG?v=0666009990
底色
transparent
框線顏色
(禁修改)
按鈕
特殊按鈕 1
底圖網址
p2.bhmt.co.t/HM/wlppr_nw/3210567_noxandroid5.1line_0_oo.GIF?v=0111005550
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
i2.bhmt.co.t/acg/star_s.png
timing-img by hbl917070 - Vtuber.JPG#GIF
or 無圖
?
{御休み☆角巻わため} orig. HoloLive (綿芽)Watame
底色
transparent
框線顏色
transparent
文字顏色
#FFFFFF
滑鼠經過
#111111
特殊按鈕 2
底圖網址
(禁修改)
無圖
? (禁修改)
底色
(禁修改)
框線顏色
(禁修改)
文字顏色
#E1E1E1
滑鼠經過
#EEEEEE
強調按鈕 1
底圖網址
(禁修改)
無圖
? (禁修改)
底色
(禁修改)
框線顏色
(禁修改)
文字顏色
(禁修改)
滑鼠經過
#3CB773