時常都會有人問我:”你的部落格怎麼設計的啊?”之類的,而我又很懶惰一個一個回答,所以很早的時候就已經醞釀了寫教學這個想法.
但是因為我太懶,所以擱置到現在.
其實,對於那些code我也只是半桶水而已,未來跟大家分享的教學會是我在各處蒐集來的資料.如果你們用了發生什麼問題,不要把我鏟上天花板,因為我也不知道為什麼←企圖逃避責任ing.

其實要弄好部落格的版面不是單靠一大堆程式碼就可以的了,你還要有照顧很多方面(例如,顏色,字體大小/間隔,区塊之間的比例...云云),才可以達到整體美化的效果.
所以第一篇先從最基本的配色開始,讓大家有個概念后比較好辦事 |||.
背景顏色和字體顏色
♥淺色背景,深色字
這種配色法是最舒服,最讓人容易閱讀,也最容易達到整體性的做法.不過要注意的是選擇淺色的時候,不要挑選到一些看起來髒髒的顏色,那樣的話會讓你的部落格顯得很沒生氣.

同樣是淺紫色,但是一號卻比二號看起來”乾淨”多了.
不要小看這一點點的差別ㄛ,當你的部落格背景顏色都被它們佔滿后,你就會知道差別在哪裡.
但是,如果帶點灰沉的感覺正是你要呈現的,當然鼓勵使用.
♥深色背景,淺色字
老實說,我不推薦這個.不是因為這樣的配色很醜,而是因為很刺眼.尤其是搭配在一篇幾百字的文章上,看的時候眼睛很不舒服.
但如果你堅持要這樣的配色,夏娃老師(=__=|||)給的建議是避免全黑或全白.因為全黑會讓你整個部落格看起來很沉重.而全白的字體會很刺眼,可以試試看奶白色或灰白色,或其他.
其實,不管怎樣搶救,這種類型的配色都是很刺眼的|||
♥深色背景+深色字/淺色背景+淺色字
兩個字-難看
醜陋的那種難看+很難看到的那種難看.
沒有人喜歡用highlight來閱讀部落格的,除非他變態.
♥顏色的整體性
簡單來說就是不要撞色.如果你對自己的審美觀沒信心怕出錯的話,保險的做法是全部使用同一色系.
最直接簡單的例子,就是我的部落格,全部都是粉紅色系.如果你喜歡藍色就藍色系,黃色就黃色系,青色就青色系...以此類推.
但如果你沒有很迷戀一個顏色,或者你不喜歡同一色系的搭配,當然可以使用不同的色系來設計,不同色系的搭配也可以很漂亮的,就看你的審美可以去到什麼地步.
如果你還是不會,又或者你的眼光太藝術 |||,建議到這個網站.
♥有背景圖片
如果你想用背景圖片的話,記得不要選太複雜的,不要放那些閃閃發亮的東東,也不要亂加一些有的沒的,不然只會讓閱讀你文章的人感到眼睛疲勞.


↑複雜 ↑閃亮
難看到爆啊=___=
建議選擇淡色而且簡單的圖案.
可以參考這個(順便打廣告 |||):❤:❣番茄の屋❣:❤
如果非要用那些複雜到不行的背景的話,建議加多一層半透明的background在你的文章後面.
至於怎麼加,下次再教,因為我打字打到很悶了.

希望可以幫到想改善自己部落格的朋友.而且,我寫這教學最大的願望是大家的部落格都可以漂漂亮亮,造福各位的眼睛,順便幫自己積一點陰德.

小語:原來寫教學這麼累的,雞蛋糕|||











寫教學的確很累人滴~
說實在的,有些部落格的版面真的是亂到……= =
雖然有美美的版面不一定會讓一個部落格人氣急升,
但起碼也要方便讀者閱讀,
而不是要讓讀者highlight才讀得到@@
謝謝分享哦~
謝謝夏娃,謝謝夏娃老師。
同意妳的說法,尤其是背景跟文字的配搭。所有博客的部落格漂漂亮亮,當我們瀏覽的時候,眼睛就沒有那麼辛苦了。
妳現在可以明瞭為何我的部落格用那麼就更新了嗎?就是因為這樣的文章很難寫。
教学最难了,因为要让别人明白你在说什么。写user manual时最jialat~
哈哈哈。看了这一篇我要为我的博客来个大装潢啦。哈哈哈。
绝对赞成阿娃说的。
谢谢你的教学,看来我会去尝试装修我的blog
噢卖吉!
我的背景是黑色的。。。
老师,得空帮我弄弄 XD
老师,我也要你帮我~XD
那一些”5里妈X”的code,阿妖edit到就来骂粗口了~youtube有教打关于blogspot的有
关的名字
哈哈
这篇写得蛮可爱的
不错不错
谢谢夏娃~
不像教学啦……
倒是比较像设计观点。
那个……全白,奶白,灰白,天啊我居然看不到分别!死咯……荧幕有问题了。
有时候,设计者的性格也要计算在内,就好象有些人偏好单色设计,爱向高难度挑战,为了众人,就会牺牲了自己的颜色搭配。
但是,花花绿绿的配色肯定是糟透了的。
哇..你妹的部落设计也不错呢!
天行者莉璐金
對阿
美美的版面不一定會讓一個部落格人氣急升
可是醜醜的版面肯定會讓部落格人氣下滑XD~~~
墮天使-祥
這就是我希望達到的目的-讓大家都有美美的部落格A_A
Invisible
對阿
超難寫
跟平時的自爽文章差別很大= =
小丑
贊成哪一個啊?@@
hudxuan
不客氣
希望你能成功^^
我還會繼續寫的
胡狼 ,均均
不要這麼懶惰
自己學=皿=
没人妖部落格格
我都是從很多網站找資料的喔@@
丐帮小狗
有可愛咩= =
不過謝謝^^
khang
接下來會有一系列的教學的
技術永遠都排在概念後面的嘛
所以一開始就要先給大家一個想法
全白,奶白,灰白全部都是很細微的差別而已喔
写教学真得很累。。
跟我上次写煲汤的食谱那个贴一样,
我还是一个一个步骤、材料慢慢想、逐个字打。。。呵呵。。。
你很详细,谢谢啦!!!我下次要转换颜色的时候,也会留意的哦。
我的部落格以前也是黑色背景的,过后自己也觉得很黑底白字刺眼,所以就换了浅色系的~同意你的说法!!谢谢你的教学!!你的用心我们感受到了~^^
呵呵!让我获益良多的~我的部落格相对的就太简单了XD
其实想让你教教怎么在自己的部落格加Creative Commons,可以指导一下么?
我的部落格是白底的。。这样好吗?
期待看到你更多的教学~~
啊~我中招了~
我的就是黑色背景的… 立刻就去換掉!!!!=.=
等我要写blog的时候可以请教你吗?^^
很用心哦~给我都讲不出,毕竟这是很个人的东西,
反而想知道你怎样将华语字体变得有特色的.photoshop里的华语字体很死板没特色不知要怎样弄有特色点。夏娃妹~教教我~~
Danmy丹米
不客氣
呵呵~
miyuki
真的嗎@@?
那就好喔^^
Vincent Cho
其實
只要一點點心思就可以很漂亮的了
沉默的吟游诗人
怎麼說呢@@?
Connie.TheCow
那當然要看你個人覺得了=___=
我只能給意見喔
最重要還是你自己喜歡嘛~
Yenny
哈哈
其實只要你自己覺得順眼的話
就沒關係的
XD~~~
嫚嫚
好啊
不過你幾時才肯寫= =
癫马流星
去google ‘中文字體’
有一大堆喔=___=
我的。。白色背景+淺色字體
OMG
你說呢?
兩個字:
專業! ^^
謝謝老師
(你不必汗的,除非你自稱“教主”):P
想弄美,可是懒惰~简单就好(懒人的借口)
回夏娃
就是那个版权声明…”♀♥♀伊甸園♀♥♀由 夏娃製作,以 創用CC 姓名標示-禁止改作 2.5 馬來西亞 授權條款釋出。
“
上面那个图怎么从原网站Link过来?
老师教学的很认真噢!
学生上了一堂课后,的确获益不少,下次计划布置部落时,还可以refer回来
我在想,我部落的字体颜色,是不是该换了?
我审美观0分,还是不要乱配,用blogspot 提供的template就好 XD
哎呀~~ 有点担心我的部落太花。
可以给予指点?
呵呵呵,也有人问过我怎么弄……我叫他们来这里看吧……哈哈哈
呃……可是他们喜欢我的黑底叻XD
不错~~~~ 谢啦!
yan
其实也要看个人喜好的
麥仔
=_____________=
气泡
AIYO~~~
无论如何
想换的时候可以来参考^^
沉默的吟游诗人
就直接从那边的CODE PASTE过来就可以了啊
EmiLio
如果想换当然换啊
XD~~~
Exdeath
哈哈
keat
比如?
Oracle (欧洛格)
审美是很主观的嘛~
Otaku.Kit
不客气~
美化部落格我可是门外汉。
谢谢你的教学。
期待你的下一个教学!
没反应,怎么办?!
你把你的code paste过来我看看
我的paste时候很慢也
老师。。。
可不可以帮我看看我的?
wenjuin94.spaces.live.com
谢谢哦~
多多指教!
谢谢你!!!
看得出你很用心
也很辛苦
可是我还是不会
TT
如果非要用那些複雜到不行的背景的話,建議加多一層半透明的background在你的文章後面.
至於怎麼加,下次再教,因為我打字打到很悶了.
<<<這個幾時教T^T我很需要
最近很懒惰呢~ XD