#CodeforGender
Graphic design|平面設計
#CodeforGender 希望透過建立以人為核心、以科技為解方的性別友善生態圈,解決時下的性別問題。截至 2018 年 5 月為止,已累積超過 5,000 人參與 #CodeforGender 駭客松、講座、工作坊等實體活動。
官方網站 → |
女人迷
2017.03 |
視覺識別設計師
負責參與討論 #CodeforGender 品牌命名、發想識別標誌設計與視覺調性,並制定符合視覺系統的設計規範,使品牌視覺保持一致的連貫性。 網頁視覺設計師 負責設計、繪製 #CodeforGender 中、英版本的網頁 UI 稿,作為品牌對外宣傳入口與歷年活動成果集合。 |
使用工具
Illustrator, Sketch, Quip |
品牌命名
由於 #CodeforGender 在 2017 年才正式制定一套視覺識別系統,在此之前僅確定了名稱包含「Code for gender」字眼,沒有正式的文字或圖案標誌,於是我與 PM 根據已確定的字詞發想,延伸出如「CFG」、「code4gender」、「#codeforgender」等方案與 CEO 確認品牌命名。 考慮到這是個全新創立的品牌,使用縮寫或圖案可能增加記憶困難度,加上字母大寫更有利於辨識單字,最終採用「#CodeforGender」作為正式品牌名。其中「#」符號挪用網路語言的 Hashtag,希望透過符號讓人一眼就能了解這是個與科技、網路相關的品牌。 |
標誌設計
為了防止搞混 0 與 O,通常 Coding 用的字體會特別注意這兩個字的設計區隔,#CodeforGender 的文字標誌設計反其道而行,故意融合 0 和 O,暗示電腦資訊的基礎「二進位制」裡的 0 與 1,也比喻在駭客松中要從無到有做出原型的過程。 #CodeforGender 文字造型源自字體 Fira code,這款字體是 Operator 字體的開源版本,後者因為價格昂貴而讓很多工程師卻步,所以才有 Fira code 的誕生。這個免費但實用度又不輸 Operator 的字體得到許多好評,其開源精神也跟 #CodeforGender 遙相呼應。因為要作為品牌標誌,也修改了原本的字型細節,例如字距調整、削除字母豎筆尖角等,讓造型更符合 #CodeforGender 的科技、性別精神。 |
色彩計畫
主要色彩上,因為 #CodeforGender 的核心精神是「科技」與「性別」,設計上使用 Pantone 802C 螢光綠與 Pantone 806C 螢光粉撞色作為對應,也象徵當科技遇上性別撞出的新火花。 延伸色彩的靈感來自 Coding 時為了區別函數,不同函數或功能會有不同顏色,於是擷取這個概念,創造出屬於 #CodeforGender 的彩虹旗幟。之後也可以依據這些配色,搭配其他類型的活動做不同嘗試。 |
Wu
|
Contact
|
Follow
|