Upaper redesign guideline Samie Yu
Content
動機
Intention
商標＼色彩系統
Logo & Colour palette
字體
Font
版次＼色彩系統
Section & Colour palette
符號＼色彩系統
Icon & Colour palette
影像處理
Visual storytelling
廣告
Advertisement
Intention
這 陣 子 的 台 灣， 人 們 總 是抱怨政府的文宣廣告 糟 糕， 設 計 師 總 是 得 不 到 該 有 的 待 遇 及 尊 重， 因 此 大 眾 開 始 批 評， 說 台灣是個缺乏美感的國 家。 我 認 為 台 灣 並 不 是 缺 乏 美 感， 而 只 是 美 感 教 育 上 充 滿 斷 層。 當 客 戶不理解設計的重要性， 設 計 師 不 懂 客 戶 需 求， 在 這 樣 的 惡 性 循 環 下， 就容易造成不尊重與低 薪的問題。 我想要打破這樣的惡性 循 環 並 降 低 斷 層。 我 認 為， 美 感 的 進 步 在 於 美 感 體 驗， 因 此 本 計 劃 的 目 標 在 於 美 感 教 育， 希 望透過每日的視覺刺激 來提高大眾對美感的認 知。利用免費的捷運報紙 — upaper ，使人們能在 短 暫 的 上 班 路 程 上， 接 收新聞資訊的同時也增 進美感教育。
In these days, people are complaining about how awful the government’s propaganda are and why designers don't get the equal paid and respect. Thus, people started to say that Taiwan is a country Iacked of aesthetic. I think this country is not lack of aesthetic, but the divide of aesthetic education. When clients don't see the importance of design and designers don't understand what clients' need, the virtuous circle happened. It may lead to the problem that clients don't respect designers' work and don't get fair pay.
I really want to break this virtuous circle and reduce the divide. I believe to improve aesthetic is to have the aesthetic experience. Therefore, the goal of this project is about aesthetic education. By using the aesthetic experience to let people learn and have the ability to judge and criticize. With free paper (a Metro newspaper in Taiwan) every morning, so people can get an education and information at the same time while they on the way to work.
X
6.5X
X
Colour palette
Ø3 3. 5X
Logo
Ø26X X
6.5X
3.5X 6X
Ø3
3.
5X
X
Ø26X
3.5X
0.5X 6X
6X
新直式 New in vertical
新橫式 New in horizonal
0.5X 6X
6% | 93% | 78% | 0% 225 | 56 | 64 #e13840
93% | 88% | 89% | 80% 0|0|0 #000000
舊 logo Old logo
新直式 logo 運用
Using new long in vertical
新橫式 logo 運用
Using new in horizonal
本 logo 使用 Didot 字體 變 形， 此 字 體 表 現 了 襯 線體的現代風格除了承 襲舊 logo 的細緻線條， 加上一些本來沒有的硬 新 聞 後 所 有 的 粗 線 條， 希望能表現出本報紙清 新又不失莊重感。
The logo based on Didot font and distorted it to show the modren style of serif font. In addition to keep the meticulous of old logo, this project used some thick lines to express those hard news, which weren't in previous upaper, to show the fresh but solemn sense.
Font
中文字體 Chinese font
微軟正黑體 Regular 微軟正黑體 Bold 華康新特黑體 Regular
哈哈哈哈哈哈 哈哈哈哈哈哈 哈哈哈哈哈哈
24 pt
18 pt
14 pt
英文字體 English font
Proxima Nova Light Proxima Nova Regular Proxima Nova Semibold Proxima Nova Bold Proxima Nova Black
AaBbCcDdEe 1234567890
24 pt
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
10 pt
Sections
Colour palette
頭版 和 重點新聞 Front page & focus
6% | 93% | 78% | 0%
225 | 56 | 64
#e13840
地方 與 國際新聞 Local & world news
80% | 90% | 0% | 0%
89 | 58 | 151
#593a96
85% | 28% | 82% | 14%
31 | 125 | 82
#e13840
6% | 67% | 93% | 0%
230 | 115 | 48
#e6732f
0% | 0% | 0% | 60%
128 | 130 | 133
#808284
專題報導 與 特刊 Special reporting & supplement
運動 , 娛樂 與 生活 Sport, entertainment & lifestyle
廣告 Advertisement
在 本 計 畫 中， 將 報 紙 由 原本的四個版次轉變成 五 個。 並 利 用 五 個 不 同 的 顏 色 再 報 眉 上， 將 其 版 面 特 色 區 分 出 來， 使 讀者能更輕易區分版面 與找到感興趣的文章。
In this project, it got five sections instead of four. To make readers easier to find the section and articles they interesting in, the newspaper with five different colour lines on the folio to separate the section and show each features.
Icon
81% | 6% | 6% | 0% 231 | 231 | 231 #e7e6e6
61% | 52% | 50% | 21% 99 | 100 | 102 #636466
84% | 49% | 2% | 0% 35 | 119 | 185 #2376b8
0% | 36% | 79% | 0% 251 | 174 | 78 #faae4d
Upaper 有兩個較有特色 的 向 量 符 號， 分 別 是 天 氣預報系統與每日星座 系統的部分。因此 , 本計 畫將這兩個系統重新設 計 , 使其更具識別且符合 版面主題。
Upaper has two more distinctive vector icon system, which are the weather forecast system and daily constellation system. Threrfore, this project redesigned these two systems to make it more recognizable and fit with the section theme.
Visual storytelling
在 此 次 再 造 計 畫 中， 希 望 能 更 落 實 Upaper 本 身的原則—質精、量多、 文 短， 並 加 以 利 用 圖 片 的 力 量， 使 讀 者 在 閱 讀 時透過照片能更快抓住 文章的重點。
This redesign project wants to implement the principles of Upaper itself - high quality, numerous articles, short paragraph. The image should be powerful and selected, so that readers can scan through the photos faster to grasp the point in the article.
Advertisement
1/4 頁面廣告
1/4 page advertisement
1/2 頁面廣告
1/2 page advertisement
全頁面廣告
Full-page advertisement
全幅廣告
Full-spread advertisement
由 於 Upaper 是 免 費 報 紙， 所 以 廣 告 就 是 其 最 大 收 入 來 源。 從 上 一 個 版 本 可 以 觀 察 到， 幾 乎 每 一 頁 都 有 置 入 廣 告， 因 此， 本 計 劃 利 用 廣 告 大 小 的 劃 分， 來 規 劃 版 面設計，分為全幅廣告、 全頁廣告，1/2 頁廣告及 1/4 頁廣告。
Since Upaper is a free newspaper, advertising is the biggest source of revenue. From the previous version, it was observed that almost every page had an ad, so this project used the size of the ad to design the layout, divided into full-spread, full-page, 1/2, and 1 / 4 pages of advertising.