前往
大廳
主題

【個人筆記】小屋主題設定或素材製作要點

成実歩 | 2024-02-28 16:27:42 | 巴幣 0 | 人氣 58

我相信不是只有我一個常常陷入「這篇文章內容真好啊,就是這個背景好花,看得眼睛痛很困擾」或乾脆都用新版頁面瀏覽之類的對吧?
雖然稱不上專業,甚至也只能做點簡單加工的程度,不過前陣子跟人聊起來時還是覺得寫一篇給自己筆記,如果有哪個想自己設計小屋佈景,或剛開始自己設定這塊的巴友因此受益的話,大概會很不錯吧?
總之要是有興趣的話,歡迎參考看看這邊在下以個人淺見與長年試錯的成果。
雖然親友好像拿去用在哪邊的網頁設計上了,不過我管不著,畢竟這本來就是相關領域的一環。

1主題
雖然很廢話,不過先決定好主題是真的能省事很多。
不過這邊不是單純指想要做哪個ACGN主題,而是你想在佈景呈現的樣子,並藉此蒐集或製作素材。
你想要把重點放在你推,那你可能就要多找幾張你推的高清圖。
你覺得Q版就可以呈現你推的可愛,那你可能就要先來選擇困難症你可能要放哪幾張?
直接放圖太庸俗?那可能你就去找找官方形象設計的符號、圖騰,然後開始考慮想要放哪邊?
我自己是建議先從代表色下手,因為那幾乎會決定整個頁面的整體印象。
雖然有2~3種顏色會比較好做設置,可如果是多人團體之類的,請斟酌如何使用跟主次順序。
還有,挑素材圖的時候建議盡量簡單、線條乾淨,越留白到單調越容易使用。

2背景
這部分有兩塊,一個是頁面的【背景圖片】或是說【背景底圖】,一個你小屋文章內文的【區塊底圖】。
【背景圖片】跟【小屋主圖】我放一起講,說真的就是你爽放什麼圖就什麼圖。
特別是【背景圖片】多花都無所謂,不過【小屋主圖】我建議留空的部分多一點、圖片盡量在邊邊,或是乾脆不放圖比較好。
前者是因為之後上面會覆蓋一層【區塊底圖】,後面則是會因為文字直接呈現在上面,為了避免之後想換設定時的麻煩,個人強烈建議別在這塊花太多心思好。
另外【背景底圖】請務必選擇【不捲動】,這會大大影響你在頁面瀏覽時是否被旁邊搞眼花的問題。

3內文圖片
就上面提到的【區塊底圖】的部分,這會影響到內文是否容易閱讀。
首先我個人建議請選素色,或是只在最邊邊有小圖案的圖案當區域底圖,不然會跟【背景底圖】撞不說,也很容易影響你內文的閱讀觀感,基本有八成的文章閱讀體驗不良都來自這塊。
請用1提到的代表色解決就好,如果沒想法請用萬用的黑色或白色底

解決上訴迷思(?)後,知道大家很喜歡設置成透明或半透明,因為這樣才能讓讀者欣賞到自己挑的美麗【背景底圖】。
不過有時候【背景底圖】是真的很花很花很花,花到會影響內文閱讀。
所以個人推薦用70~90左右的透明度,畫面上就像給【背景底圖】蓋了層薄紗,既可以讓大家欣賞到精心挑選的【背景底圖】,又不影響文章閱讀,實在一舉兩得。
 透明度70
 透明度80
 透明度90

不使用透明度的前提下,不推薦挑太亮的顏色,像藍、紅、黃,還有各種螢光色。
信我,你在設定期間就會把自己給晃到眼睛爆痛。
不信你可以參考《女神異聞錄》系列3、4、5的UI設計,雖然主題色都相當亮眼,可是他們的內文底色都會選黑白灰,而亮眼的主題色當作點綴,或是不是挑正藍、正黃、正紅,而是把彩度調整一下。
 透明度70
 透明度80

4按鍵與內文配色跟一點進階
我個人是採取,底圖顏色深,按鍵與內文顏色就淺,反之亦然的方式在處理,按鍵文字的部分則跟著底圖跑,因為不能讓按鍵文字被按鍵被景吃掉。
原則上會配合底圖顏色,挑出同色系不同深淺的顏色,以防萬一會挑四種顏色(兩深兩淺)。
另外要增加花樣的話,可以考慮用對比色玩撞色,這部分可以多試試。
若是網址連結的部分,就比較沒有上述不要使用太亮眼的顏色,因為占頁面整體比較少,就算你用螢光色也OK,就是你自己看得順眼就好。

當然你今天想配CP樣式也可以,藉由調整深淺來調整比例是個不錯的處理方案。
何況還有框線等小細節給你都偷塞熱愛的CP代表色。
如果有代表圖案圖騰的話,也可以主題色選A角色,小圖案小細節就用B角色。
以前也有做過A色+B色=C色,所以主題色用C色,可是細節圖案就是AB交替使用的做法。
多人團體類也可以在這部分斟酌一下主次順序,比方大主題是團體色或你的主推,其他的團員或副推就往小細節塞,這樣就算箱推也不怕必須忍痛割愛啦~
不過要是你一箱就1、20人以上,或是新手上路,我就還是建議你再多想想你要做甚麼,先從單主題開始練習,之後再一點一點增加比較好。

5留言回應用區塊
一般來說活用上面提過的配色守則就差不多了,稍微變化的話~
我自己是採用跟內文底色相近,但是不同色系的顏色來處理標明這是另外的區塊,或是其他人的發言。
比方主題色用了綠色,區塊就用深藍色,字體用淺黃、淺綠色。

6裝飾
稍微比較習慣之後,可以用簡單的漸層增加質感,不過拜託不要使用彩虹漸層這種長輩圖配置。
請記得開頭就講到的三大守則:簡單乾淨留白
邊邊角角無論怎麼裝飾都無所謂,可是主頁面一定要為內文服務,不然只就是失敗的設置。
因為看著雜亂無章的頁面,大部分都會透著廉價甚至略為低俗的氛圍(請自行回想一些瑟瑟的網站,應該就能懂我在說什麼)。

最後,能多少幫上忙就好了,希望大家都能設置出滿意的小屋佈景♪

創作回應

櫻色戀歌
我使用的小屋布景是找很久才找到的淡紫色漸層
既簡潔也不會影響看文章
2024-02-28 18:51:37
成実歩
恭喜,能挑到喜歡又方便閱讀的佈景^^
2024-02-29 05:34:22

相關創作

更多創作