頁首標題圖像更新

[irvin]

換成高畫質一點的版本

一樣的恐龍頭跟 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

[Akanyan]

Ver.004_20171119.zip
根據 @mingtsay, @irvin, @robertmodesty 等人的意見做出這個版本：

• 重新設計了文字與恐龍。
• 調整了恐龍與窗戶的位置來讓他看起來像是從窗戶探出頭來。
• 重新挑選了顏色配色。

[irvin]

@Akanyan 直接把換上去的示意圖傳上來，方便大家看？

[mingtsay]

@irvin 我有說可以丟截圖，她說她不知道要丟什麼截圖，所以就沒有放上來了。
下圖是我用以下的 CSS 塞上去的：

#header h1 a {
    background-size: 245px 65px;
    background-position: 16px 5px;
    background-image: url(data:image/png;base64,…);
}

[Akanyan]

這次依照原本樣式製作，除此之外只有更改了文字、光線及陰影。
另外我自己做的版本也參照舊的樣式修改，做了兩個版本出來：

• 修改"Mozilla台灣社群"文字大小
• 設計了兩種窗戶顏色

[irvin]

@Akanyan 這次的恐龍跟窗戶部分很不錯，有白邊的字還是塞得太滿了（不是太白對比太高，就是太粗讓字感覺超出窗戶上下緣了）
不過第一件那個古老的文字藝術師風格的反光也不好XD

[othree]

恐龍的白邊和文字的白邊感覺不同顏色？ 另外確認一下應該會有支援高解析度吧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 <#580 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AABAWlXd6dZ0b45LGm5Q1HL1XoaBL6lXks5s4bsGgaJpZM4Qfamk> .

-- OOO

[Akanyan]

@othree 對，有點不同，恐龍白邊是有點偏綠的白，文字是有點偏橘的白
我是用ai做的，之後的成品是ai檔跟svg(只是因為我不會放svg上去所以只好先放png預覽)
@irvin ai沒有古老版本的反光樣式(只有線性跟放射狀)，所以只能自己手動拉相近樣式的QQ"

這次改版了：
-更改古老版本反光效果，只能做線性跟放射狀，目前使用線性，如果有更好的建議歡迎提出。
-白邊版本稍微縮小白邊寬度以及文字大小。

[irvin]

我的意思是現在的那個反光「不好」，不用加回去啦哈哈

[Akanyan]

上次的意見不多害我不知道怎麼調整比較好了(((((
@irvin 好的，我嘗試用我自己風格做反光

古老版本
-重新調正反光與陰影。

新版本
-更改了字體及白邊寬度

[Akanyan]

比照古老版本製作
-修改陰影，讓字比較突出
-修改反光位置

[Akanyan]

最近比較有空一點又微調整了新版跟舊版樣式，如果有其他建議也可以提出來，然後再看看要放什麼版本上去

古老版本：
-修改文字反光(大字與小字是分開的)

新版本：
-重新調整文字大小
-修改文字粗細
-調整文字白邊寬度

[irvin]

第二版的頭沒上立體陰影，故意的嗎？
第一版的字夠好了。

我覺得第二版的頭（補陰影）、第一版的字，這樣就沒問題了。

[irvin]

默默地就 missed 掉這個 issue 了！！！
@Akanyan 可以上傳你手上製作中的原始檔嗎？

[irvin]

MozTW LOGO_.ai.pdf