張紹安 作品集 2014-2019

2019

張作 紹品 安集

Chang Shao An Portfolio

本書實體

自我介紹 2014 於諾丁漢特倫特大學平面設計系取得碩 士文憑。 回國後從事平面設計數年，2015 年在視野創 意公司任職時主要負責英文月刊的設計及排 版，此外也需要協助刊物的攝影以及海外展覽 的視覺設計等等。

After obtaining master degree of graphic design from Nottingham Trent University, UK in 2014, I came back to Tawain and dedicated myself to Vision Creative. I was in charge of design of the Travel in Taiwan, an English touring magazine until 2017.

From 2017 to 2018, I left Vision and started to partner with my friend for approach of various design cases, including photography, visual design of exhibition booth or DM, etc.

2017 到 2018 年原本計劃前往上海工作，但因 家庭的因素，決定停留在台灣，期間與朋友合 作接恰設計案，包括包裝 / DM / 賀卡 / 展覽平 面設計等等，以及活動攝影以及服裝攝影。 I entered Taiwan Johnson, a bicycle part trading 2018 進入常昌企業公司擔任視覺設計，接觸陌 生的單車領域 ，並協助公司與外國客戶溝通。

and manufacturing company as a visual designer from 2018 to 2019.

關於本作品集 本作品集使用 Adobe Indesign 完成，內容未按 時間順序排列，而是依照我自己的個人喜好， 以及適讀性這兩項為優先考量製作，僅收錄較 為重要的作品，並不包含全部的設計案及作品。 感謝你閱讀本作品集！

This Portfolio is made with Adobe inDesign by me, and sorted by my own preference. My works are not all included in this portfolio, I've only picked out the ones that's worth sharing. I appreciate your read.

有恆焙茶包裝 / DM

點心原本 CIS

Travel in Taiwan

RE 香水包裝

同異 服裝攝影

碩士學程

單車零件 / 包裝

早期練習

有恆焙茶包裝 / DM

重新設計 有恆焙茶原先配合了其他設計工作室設計 了一套 CIS。但由於所使用的包裝單價需要 200~300 元新台幣，業主在成本考量下，決定 需要重新改變包裝。在多次討論過後決定以 不失原先質感的方式盡量配合壓低成本，挑 選較為低廉的展現方式，包括紙盒及貼紙。 最後經過各項的調整以及報價，由業主從三 項草案中選擇出最適合他們經營的包裝。

The CIS of Yuheng Tea was originally designed by another design studio, with a cost at 200 to 300 NTD each box retailing. Due to this reason, Yuheng Tea decided to redesign the brand with the priority of lower cost. eventually, after several discussions, I designed three types of boxes, and evaluate the product price of each box with mutiple factories for Yuheng to take as reference.

有恆焙茶包裝 / DM

˙ 2017

點心原本 menu / CIS

手繪質感 點心原本原位於石牌捷運站附近，是一間複合 式的咖啡蛋糕店，並且提供場地供人出租，時 常有附近醫學大學的 swing 社團租借做教學使 用。從英國回國後，因緣際會下與店長認識， 並協助設計從 LOGO ，包裝，菜單到後續攝影 以及粉絲專頁，風格從一開始的油畫草稿改向 店長希望的手繪風格，並加入自己的繪畫方式。

點 心 原 本 was a compounded cafe located in Shipai which serves hand baked cake and grind coffee while provides space for people to hold events like gigs or workshops. I drew the elements of menu and package with pencil and scanned them into digital file, refined them with Adobe illustrator. After that I also in charge of photography and facebook fanpage uploading.

將所學實踐

畢業後，身在倫敦的我承接了友人即將開設的糕點店的 CIS 設計。由 於相隔甚遠，我透過網路會議的方式，使用 Hackpad 盡可能即時 跟客戶討論有關標的客群，相關產業等等的資料，並且將發展出的 草稿一併交由客戶選擇，不斷的更新工作進度，保持與客戶的密集聯 繫。透過 30 多次來回不斷的會議後，將所有必須決定的包括行銷 工具，紙袋種類以及 Logo 等等全部定案，回到台灣後繼續擔任輸 出以及攝影方面的工作，讓 CIS 更加完整。

視野創異公司

Travel in Taiwan

Ë™ 2015 - 2016

雜誌排版 視野創異公司提供台灣的旅遊資訊給各國旅客， 形式包括月刊、雙月刊、手冊、摺頁、展覽及網 路等等，語言則含括英文、韓文、日文、泰文、 越南文。設計部門負責與編輯部合作製作內容， 其中由固定式月刊英文刊 Travel in Taiwan、日 文刊以及韓文刊為其中較重要之長期項目。在我 任職的兩年期間，主要負責英文刊物 Travel in Taiwan 之設計及製作，包括攝影、排版，以及 與外國編輯協調。

Vision Creative is a company that provides various travel informations of Taiwan in the form of both paper and digital media, supporting different languages. While I was responsible for the visual and photography of Travel in Taiwan, a monthly published English magazine, design apartment and Editors work together to create abundant contents.

RE 香水包裝

Re 香水包裝 / 同異服飾拍攝

˙ 2017

接案：RE 香水以及同意服飾攝影 透過當初在國外唸書時認識，在海外從事設計以 及公關公司的人脈，接觸到的中國區域的設計及 攝影案。 Thedesign and photography in this section was made for China clients. I was able to contact them since there are former classmates of Nottingham Trent University who lives in Shanghai .

Workshops / Presentations

lo men Deve p

O

t

ld ite ma S p

me i mprove t he knowledge abou t colors, includin g chroma, value and hue.

It is d ifficult t o define w hich c olor is right for specific audience. Some o f the color pallet s works better w ith certain grou p audience.

Both t he l ogo and This b ook caught m e the texts needs to be at t he f irst s ight o f its cover with s trong style of screenprinting art. the Layout o f this magazine i ntegrate s different themes i n certain paces.

Each p ages contains different t hems and element, y et combined v isually, the texts, i cons a nd images b rings ou t each o ther, make s every page f un t o read.

The design o f th e pages also s imilar to t he m obil e application, showing that a lthough things are different, w he n they a re a ppearin g at t he s ame time , they h ave to b e harmonious.

Home page

Login page

edit

Journal

List

new

News

detail

Comment/pin

reveal

sound FriendF

own

Shared

N

edit

edit

reveal

reveal

orum

Category

new

Topics

Testing with s everal kinds of paper: Watercolor show s enormous different i f put it o n water paper or r egular p aper, The gradient w orks b etter and the color stands out more o n water paper.

n ct eo io nt f whetercolor a a d dir p aint .

Home page

To c ombine w it h the Logo, I trie d different m etho d i ncluding painting and Photoshop. T he idea o f the logo was to s how a clean and secure s pace i n a human's mind. After receiving feedback , the direction that logo faced show d ifferent message, t hat th e right side s hould be the positive side i n general rading.

Map

Community

Friends

Searching for possible methods for raising the awar eness of a n issue, such a s bullying , drought, p overty , smoking, overdose and deformity of limbs, etc. C ampaign can not only involved b y watching visual content in t wo d imensional, but also m akes people interact with the project.

Analysis

Settings

sound

edit Login

Understanding the market : Awareness campaigns

Mental i llness h ad b een a national issue in t he U K, the n umber of them k eep rising . Consequentl y, the number o f people w ho h av e take care o f the p atient a re a lso incr eased. These p eople are called carers.

landing page

h d i n f he l fa e T e chan irect es o the o t ersogo ect c s g ien p p ive of aud ce.

Visually a cceptable is the main t hing a bout typography, t hen it’s the detail. Using the wrong font c ould b e fatal.

59

Settings

ew S ite pma

carefully arrange with typography.

This is a tool book of colour w hich h elps

ommunity

Topic

Every type f orm has been u sed in c urrent market and has given the consumers an impression o f bran d value.

A course in mastering the art of m ixin g colors.

ScheduleC

Secondary Research

How can graphic design support and inform mental illness suffers family and friends?

landing page

News

Watercolor refers to more huma n and brain activity in v isual express.

Howeve r, t he t ypeface is h ard to decide and the relative location with logo has to be reconsidered.

Friend

detail pin new

own

edit

chat

Forum

Category

Carers fact: Over 50 percent of the carers say that they don't receive enough support. (resouce:Carersweek.org)

new

Topics

Campaigns of r aising the awareness ar e actually m akin g general c rowd a s their audience .

For instance, whil e making a n anti bully c ampaign, t he p roject could b a made t o target a t the people who bully, directly telling them or warning t he m the prbolems abou t bullying.

Topic

Otherwise, i t target s at t he o ther p eople. people w ho c an d o

chat

56

6

53

碩士學程 為什麼，如何做，做什麼

˙

2014 在課程進行的同時，我們必須籌備一個為期一年的 Project，在三 個學期中等分成資料搜集，發展以及最終審定，並且在每個階段的 最後向系所全員發表進度。由於我進去學校前只受過技巧與美感方 面的訓練，在學期剛開始時教授要求循序漸進，以搜集的資料為基 礎去做設計。在選這個龐大的題目時並沒有特別設限，我便選擇了與 我當時的生活較為相關的針對心理疾病之看護者的提案，目標在透過 視覺設計改善看護者的現況。 教授要求我們每天記錄自己的反思日誌。對於每天所做的進度，包括 所參加的活動，看到的新作品，以及反映在自己作品上的成長更進一

16

something about it .

When f acing with different subjects, the audience a nd t he benefit side c ould b e total different.

When i t come s to b u llying, t here are three sides of the character: t he assalter, the victi m and the people who are not involved in e i ther of t he relationship.

Thes e three character ca n all be the target o f the campaign o f anti- bullying, a nd the benefit s ide will be the victim i n each

case.

Therefore, raising the awareness is j ust one way to stop b ullying, w hich engage p eopl e who can help f ro m donating or being part of the campaign.

These types of t he campaigns often use realistic images a nd symbolic t erms, se t in w here p eople are , such a s public spaces like metro or s ide of the street, in order to catch people's eye.

畢業專題 在 Nottingham Trent University 就讀期間，有 一項最重要的專題，是貫穿上中下三學期的， 並在入學前一個禮拜便必須決定發展方向，即 為畢業專題。我透過跟專題教授的討論，決 定將當時出國讀書的海外學子心理相關議題 結合，以平面設計協助有心理問題的學生。 經過三學期不斷的修改精進、討論， 創作出 Sharespace， 旨在提供實體與虛擬的空間連繫 不同國家的海外學子。

While Studying in Nottingham Trent University, there was a project that needs to be developed through the whole three semesters, and the title had to be decided within the first week we started the course. After discussing with several professors, I decided to build a series of visual concept to help people who are study abroad.

小型 projects

This brainstorm tree illustration starts with our main product:bitcoin.Through our team work, we came up with the result such as glass wine.bicycle.computer and deliver industry.

This brainstorm tree illustration starts with our main product:bitcoin.Through our team work, we came up with the result such as glass wine.bicycle.computer and deliver industry.

On the other hand, this one begin tiwth our target audience: middle class workers.Since they have something in common with our teacher,we chose to discuss with him and get some of the conclusions finally.The illustration includes,for instance,silver.skyscraper.short hair and flight ticket,etc.

On the other hand, this one begin tiwth our target audience: middle class workers.Since they have something in common with our teacher,we chose to discuss with him and get some of the conclusions finally.The illustration includes,for instance,silver.skyscraper.short hair and flight ticket,etc.

Developing 身為非本地、非本科的學生，我必須花更多的 時間投入各種平面設計相關研究，在台灣研修 時必須學習技術以及技術背後的發想等等，出 國後在學習時除了應用所學，也必須開發新能 力。例如在開發心理健康的相關 app 時，必須 去學校的圖書館借閱色彩學、應用程式地圖等 等的相關知識。

As a azonic and non-major related student, I spent a lot of time and effort to construct both my skill and the sense of knowledge behind every desgin.

I failed my mid-term when I was in NTU, but eventually I passed and graduated.

PANTONE WHITE C

WATER DECAL

HELMET : PANTONE3262C

VISOR/LOGO : PANTONE 387C

VISOR/LOGO : PANTONE 375C

VISOR/LOGO/DECAL: PANTONE BLACKC MATT FINISH

MATT FINISH BLACK

VISOR/LOGO : PANTONE 1797C

腳踏車零件 / 包裝視覺

HELMET : PANTONE265C

VISOR/LOGO : WHITE

˙ 2018

VISOR/LOGO/DECAL: PANTONE BLACKC MATT FINISH

(4174, 4175, 4201, 4202, 4203, 4204)

FOR MORE DETAILS SEE OWNER’S MANUAL

貼標 Fork

上管上方

下管下方

SEAT STAY

HEAD TUBE

TOP TUBE

DOWN TUBE

SEAT STAY

SEAT TUBE

Taiwan Johnson Industries

MCC ELECTRO BIKE EMB

SIZE: 27.5”

PAINT:70% MATT

PANTONE COOL GRAY 8C

PANTONE BLACK C

PANTONE COOL GRAY 4C

CHAIN STAY

賀卡 / 廣告 / 展場視覺

˙ 2018

Center Motor System

We’re doing something different… our president has said he ordered the state department to block an American-born woman who left Alabama to join Islamic State in 2014 from returning to the US. Hoda Muthana, 24, told the Guardian this week that she regretted leaving the US to join the terrorist group and wants to return from Syria with her 18-month-old son.

US secretary of state Mike Pompeo said on Wednesday that the US will refuse to take Muthana back, saying she is “not a US citizen”.

bitcoin is not just simply a inversting product,it is also a currency.We try to remind customers that you can buy things more efficiently through it.

To show this , we think is appropriate that putting this advertisement on a shopping bag.

早期練習

張 紹 安

2014