Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

頁首標題圖像更新 #580

Open
irvin opened this issue Nov 15, 2017 · 14 comments
Open

頁首標題圖像更新 #580

irvin opened this issue Nov 15, 2017 · 14 comments
Assignees
Labels
Milestone

Comments

@irvin
Copy link
Member

irvin commented Nov 15, 2017

換成高畫質一點的版本

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

@irvin irvin added this to the Quantum milestone Nov 15, 2017
@Akanyan
Copy link
Collaborator

Akanyan commented Nov 19, 2017

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

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

@irvin
Copy link
Member Author

irvin commented Nov 19, 2017

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

@mingtsay
Copy link
Contributor

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

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

2017-11-19 22 15 22

@Akanyan
Copy link
Collaborator

Akanyan commented Nov 20, 2017

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

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

2017-11-21 00 11 29
2017-11-21 01 11 32
2017-11-21 01 14 32

@irvin
Copy link
Member Author

irvin commented Nov 20, 2017

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

@othree
Copy link
Contributor

othree commented Nov 21, 2017 via email

@Akanyan
Copy link
Collaborator

Akanyan commented Nov 23, 2017

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

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

2
1

@irvin
Copy link
Member Author

irvin commented Nov 23, 2017

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

@Akanyan
Copy link
Collaborator

Akanyan commented Nov 25, 2017

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

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

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

4

default

@Akanyan
Copy link
Collaborator

Akanyan commented Nov 28, 2017

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

default

@Akanyan
Copy link
Collaborator

Akanyan commented Dec 7, 2017

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

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

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

6
5

@irvin
Copy link
Member Author

irvin commented Dec 8, 2017

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

我覺得第二版的頭(補陰影)、第一版的字,這樣就沒問題了。

@irvin
Copy link
Member Author

irvin commented Jun 18, 2022

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

@irvin irvin changed the title 首頁標題圖像改版 頁首標題圖像更新 Jun 18, 2022
@irvin
Copy link
Member Author

irvin commented Jun 19, 2022

MozTW LOGO_
MozTW LOGO_.ai.pdf

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants