www.moztw.org
www.moztw.org copied to clipboard
moztw
頁首標題圖像更新
換成高畫質一點的版本
一樣的恐龍頭跟 MozTW 字樣，文字與英文位置調整， 可換字體，可調位置，顏色調整，讓他更協調
舊版原圖： https://github.com/moztw/www.moztw.org/blob/master/images/header_logo3.png 恐龍： https://en.wikipedia.org/wiki/File:Mozilla_Mascot.svg 字體素材： http://design.firefox.com & http://mozilla.ninja
Ver.004_20171119.zip 根據 @mingtsay, @irvin, @robertmodesty 等人的意見做出這個版本：
- 重新設計了文字與恐龍。
- 調整了恐龍與窗戶的位置來讓他看起來像是從窗戶探出頭來。
- 重新挑選了顏色配色。
@irvin 我有說可以丟截圖，她說她不知道要丟什麼截圖，所以就沒有放上來了。 下圖是我用以下的 CSS 塞上去的：
#header h1 a {
background-size: 245px 65px;
background-position: 16px 5px;
background-image: url(data:image/png;base64,…);
}
這次依照原本樣式製作，除此之外只有更改了文字、光線及陰影。 另外我自己做的版本也參照舊的樣式修改，做了兩個版本出來：
- 修改"Mozilla台灣社群"文字大小
- 設計了兩種窗戶顏色
@Akanyan 這次的恐龍跟窗戶部分很不錯，有白邊的字還是塞得太滿了（不是太白對比太高，就是太粗讓字感覺超出窗戶上下緣了） 不過第一件那個古老的文字藝術師風格的反光也不好XD
恐龍的白邊和文字的白邊感覺不同顏色？ 另外確認一下應該會有支援高解析度吧XD
Irvin [email protected] 於 2017年11月21日 上午1:46 寫道：
@Akanyan https://github.com/akanyan 這次的恐龍跟窗戶部分很不錯，有白邊的字還是塞得太滿了（ 不是太白對比太高，就是太粗讓字感覺超出窗戶上下緣了） 不過第一件那個古老的文字藝術師風格的反光也不好XD
— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/moztw/www.moztw.org/issues/580#issuecomment-345773151, or mute the thread https://github.com/notifications/unsubscribe-auth/AABAWlXd6dZ0b45LGm5Q1HL1XoaBL6lXks5s4bsGgaJpZM4Qfamk .
-- OOO
@othree 對，有點不同，恐龍白邊是有點偏綠的白，文字是有點偏橘的白 我是用ai做的，之後的成品是ai檔跟svg(只是因為我不會放svg上去所以只好先放png預覽) @irvin ai沒有古老版本的反光樣式(只有線性跟放射狀)，所以只能自己手動拉相近樣式的QQ"
這次改版了： -更改古老版本反光效果，只能做線性跟放射狀，目前使用線性，如果有更好的建議歡迎提出。 -白邊版本稍微縮小白邊寬度以及文字大小。
上次的意見不多害我不知道怎麼調整比較好了((((( @irvin 好的，我嘗試用我自己風格做反光
古老版本 -重新調正反光與陰影。
新版本 -更改了字體及白邊寬度
最近比較有空一點又微調整了新版跟舊版樣式，如果有其他建議也可以提出來，然後再看看要放什麼版本上去
古老版本： -修改文字反光(大字與小字是分開的)
新版本： -重新調整文字大小 -修改文字粗細 -調整文字白邊寬度
