主題

巴哈小屋設(shè)計(jì)佈景新手入門＆自己製作上的心得（新版）

法蘭克 Wei | 2023-08-08 17:19:24 | 巴幣 1004 | 人氣 471

其實(shí)個(gè)人有想要弄巴哈小屋佈景許久了
但至最近才比較認(rèn)真得弄了一個(gè)大概
前後查了些資料了解過後才著手開工

真的有點(diǎn)回到以前弄網(wǎng)誌那種感覺 XD

雖然巴哈已有些教學(xué)，看過後自己也能用的七七八八

不過個(gè)人製作完成後還是想要來分享一下一些心得
以下皆以個(gè)人自身小屋／巴哈為範(fàn)例

起始改動(dòng)位置要從個(gè)人小屋的位置找（點(diǎn)入巴哈右上角的自己大頭）

點(diǎn)入個(gè)人小屋後會(huì)在首頁，在最右邊的 ? 點(diǎn)下去

接下來點(diǎn)入第三個(gè)選項(xiàng)：更換佈景

點(diǎn)入後會(huì)先到佈景大廳，左邊會(huì)出現(xiàn)各種巴友製作好的佈景，右邊被裁掉的部分是套用後的小屋預(yù)覽畫面

如果沒有想要特別想要將自己小屋置換成特別的圖，那其實(shí)到這階段
選出一個(gè)自己喜歡、巴友設(shè)計(jì)好的主題佈景，最後點(diǎn)右下角的套用就可以了

但如果是要比較深入、想把小屋放些佈景大廳所沒有的圖那可以考慮繼續(xù)看此文

想自行設(shè)計(jì)的話，則是在佈景大廳右邊一格的「設(shè)計(jì)佈景」

到設(shè)計(jì)佈景後，並且個(gè)人點(diǎn)開主題圖片時(shí)的畫面

當(dāng)中的初始模式滿重要的，可視為快取自個(gè)人小屋的預(yù)設(shè)（白底）／闇黑模式（黑底）

跟使用者看巴哈的概念差不多，選擇上看個(gè)人習(xí)慣哪種模式，可以減少一些設(shè)定

設(shè)計(jì)／製作巴哈小屋佈景上，實(shí)際能放三個(gè)圖的區(qū)塊：
其實(shí)巴哈有很貼心的設(shè)計(jì)，當(dāng)游標(biāo)指到該圖一旁的？時(shí)
就會(huì)將該區(qū)域上一層紅來標(biāo)示位置，但為了個(gè)人說明方便還是都在此文列出

1.上方的小屋主圖

主圖是必放、也最自由切換的部分

2.個(gè)人小屋的底圖

篇幅最大、佔(zhàn)滿整個(gè)頁面，但是一定顯示在最底層

3.發(fā)文&主題區(qū)塊的底圖（位於區(qū)塊框線內(nèi)）

在首頁時(shí)中間各區(qū)塊會(huì)有一小格空白切開圖

以下是個(gè)人製作上的一些心得分享：

小屋主圖雖然點(diǎn)入小屋時(shí)置於最上方、也必定看的到

但左下方會(huì)被勇者造型遮掉一部份
且大概率就是看幾秒鐘的事情就往下拉了，因?yàn)槭褂谜咧饕€是看小屋的內(nèi)容
有點(diǎn)浪費(fèi)了它在三者中能以最高畫質(zhì)輸出的特性（雖有 1250*375 pixel 的限制）

巴哈也有方便使用者的設(shè)定，圖丟上去會(huì)讓設(shè)計(jì)者自行選擇該圖要展示的範(fàn)圍

不過如果巴友懂一點(diǎn)平面設(shè)計(jì)軟體的話，個(gè)人還是建議將圖放上時(shí)就用成剛好的大小
直接眼見即所得，不用經(jīng)過巴哈的裁切與縮放，不然可能會(huì)有大小沒算好
導(dǎo)致裁出來的圖被經(jīng)過縮放而糊掉或被擠壓成粗糙的畫質(zhì)

其中有個(gè)特色是，此為最好置換的一張圖

就算套用了其他版面，只要在個(gè)人小屋時(shí)將滑鼠指到主圖上方，右下角就會(huì)出現(xiàn)編輯圖片的按鈕

小屋底圖的話應(yīng)該是最好發(fā)揮的，篇幅大又會(huì)重複出現(xiàn)

但有檔案必須小於 300 KB 的限制（若檔案超過將會(huì)被自動(dòng)壓縮）

以我自己嘗試過程中發(fā)現(xiàn)，我自繪的 1920*1080 的圖為例
輸出成 JPG 大概要降到 8 的品質(zhì)才能低於 300 KB，如此多少會(huì)影響一點(diǎn)畫質(zhì)
建議能自己在外頭用軟體／線上壓縮就將圖的大小至 300 KB 以下比較好

以我製作過程的輸出為例：

當(dāng)然圖的檔案大小成因有很多，這是我能給出的約略值

假如對底圖非常滿意，可以將區(qū)分用色塊的透明度拉高拉滿、不放主區(qū)塊的圖
如此一來可以造成近似簍空的效果、好呈現(xiàn)出整個(gè)底圖
但是此種方式建議底圖顏色不要太花，或是要做些壓暗或打淡，不然會(huì)影響到閱讀

將主區(qū)塊底色的透明度拉滿，會(huì)有簍空的效果、僅留下一點(diǎn)格子的陰影

當(dāng)然怕底圖影響閱讀的話，也是可以不要將透明度拉到底

另一種方式可以走裁切好、銜接後可重複、小張的圖，透過重複的方式
堆疊出整個(gè)背景圖，如此一來篇幅較小但至少可以保持畫質(zhì)
（筆者個(gè)人就採用此種方式）
此方式也是建議要比較輕鬆簡易、不要太花、不然看起來比較容易…煩躁？

簡單的底圖或花紋都行

再透過重複的方式覆蓋滿整個(gè)頁面

而最後發(fā)文主題的底圖就普普，雖與底圖同樣有檔案必須小於 300 KB 的限制
如果檔案大於 300 KB 一樣也會(huì)受到壓縮
但本身佔(zhàn)的位置就小、可以用成不錯(cuò)畫質(zhì)的圖
主要問題是會(huì)與文字互相干擾的這點(diǎn)，造成實(shí)質(zhì)能發(fā)揮的空間不多

大概只有右下的空間方便放圖（紅色是我個(gè)人畫出比較不會(huì)蓋到字的部分，並且往下延伸）

這部分就很看巴友斟酌了，也跟個(gè)人的撰文習(xí)慣也有關(guān)係，開頭字少的話干擾就少

其實(shí)如我個(gè)人所示，我的圖已經(jīng)讓一部份的文字不好閱讀了

也有在考慮要改的話該如何調(diào)整，理想還是讓美觀與閱讀上達(dá)到一個(gè)平衡

個(gè)人實(shí)際測量一篇文章佔(zhàn)的高度（詳細(xì)檢視模式下）

理想是一張圖剛好可以對應(yīng)到一個(gè)文章，但礙於上面的搜尋空間並不實(shí)用

這部分有個(gè)小撇步，就是不需要將圖做滿整個(gè)寬度，圖之下再搭好底色就好
兩者作用起來的效果與實(shí)際範(fàn)圍：

右邊是實(shí)際的圖，左邊是底色範(fàn)圍

實(shí)際的圖是這樣，如此一來可以省掉不少的檔案大小

當(dāng)然此方式就受限於巴哈所能用的顏色當(dāng)?shù)咨?/div>

色碼表左邊點(diǎn)下去就可以自選顏色了，而更多顏色點(diǎn)下去就會(huì)看到此圖右下列出的更多顏色

其他選項(xiàng)就是如文字顏色、篇幅小小格的按鈕顏色、透明度細(xì)部設(shè)定…等

這部分個(gè)人就不特別展開講了
如果圖有搭好預(yù)設(shè)／闇黑模式的顏色配置其實(shí)不改也沒什麼問題
主要概念還是字蓋圖、圖不壓字好避免不好閱讀的問題

以上通通都設(shè)定好後接著從預(yù)覽畫面的下方

可以看電腦、平板、手機(jī)三者上的顯示畫面確認(rèn)一下呈現(xiàn)的效果

確認(rèn)都OK後，最後再點(diǎn)右下角的套用就完成設(shè)計(jì)佈景了
出來看就能看到自己的小屋被更換成自己設(shè)計(jì)好的佈景囉

而如果對於自己設(shè)計(jì)的佈景有自信、想要更加公開、供其他巴友使用

則可以進(jìn)一步用「投稿」至佈景大廳
不過多半要更繁複、完善的設(shè)定，貌似不能跟初始模式的相同
（預(yù)設(shè)模式與闇黑模式，包含文字顏色…等，通通要另外設(shè)定一遍）

PC最後的顯示上當(dāng)然還是與每個(gè)使用者設(shè)定的螢?zāi)唤馕龆扔嘘P(guān)

但這部分就不是從巴哈能夠控制的，就不細(xì)講

不過隨著科技日新月異，大家的解析度普遍都會(huì)往上提升
而然巴哈對小屋圖的限制相對上就更顯卓
以我個(gè)人而言，平常輸出一張高畫質(zhì)的 1920*1080 的 JPG
隨隨便便也有幾 MB，有個(gè) 300 KB 的限制真的是拳腳難伸……
也難怪據(jù)個(gè)人經(jīng)驗(yàn)，時(shí)不時(shí)就會(huì)看到一些…畫質(zhì)不太好的小屋版面圖

其中是知道機(jī)房的儲(chǔ)存空間是有限、圖檔大小也與網(wǎng)頁的讀取速度有關(guān)
可能是巴哈想要兼顧每個(gè)使用者閱覽上的品質(zhì)所做的決策
這點(diǎn)也難說什麼，但願(yuàn)此篇能夠幫助到想要美化、經(jīng)營小屋的各位巴友了