45
SHIH PING CHAN / DOES DESIGN WORKS COLLECTION I am a graphic designer, and now living in Taipei. I love design with a big passion. is is my works about web design, graphic design, and illustration design.

Shih Ping Chan Collection

Embed Size (px)

DESCRIPTION

until 2012 design works

Citation preview

Page 1: Shih Ping Chan Collection

SHIH PING CHAN/ D O E S D E S I G N WO R K S

COLLECTION

I am a graphic designer, and now living in Taipei.

I love design with a big passion.�is is my works about

web design, graphic design, and illustration design.

Page 2: Shih Ping Chan Collection

目次� �/ � CONT ENTS

2 個人簡介

個人履歷

自傳

4

6

29 平面設計

Logo設計

廣告設計

視覺設計

30

32

42

9 網站設計

2 Pro�le

Resume

Autobiography4

5

9 Web Design

29 Graphic Design

Logo Design

Advertisement Design

Visual Design

30

32

42

2 | 3 SHIH PING CHAN COLLECTION

Page 3: Shih Ping Chan Collection

SHIH PING CHAN/ D O E S D E S I G N WO R K S

COLLECTION

個人簡介

I am a graphic designer, and now living in Taipei.

I love design with a big passion.�is is my works about

web design, graphic design, and illustration design.

Pro�le

SHIH PING CHAN COLLECTION

Page 4: Shih Ping Chan Collection

4 | 5 SHIH PING CHAN COLLECTION

個人簡介� �/ � P ROFI LE

詹 詩 萍 / 1987/02/24

個人履歷Resume

2009

-

2006

2008

2009

2010

-

2008

2008

2009

畢業於銘傳大學 商業設計系

長榮國際企業文化事業整合部工讀

影城數位印刷中心工讀

英寶科技有限公司 網站視覺設計人員

魁亨科技有限公司 網站視覺設計人員

得獎紀錄:

金犢平面廣告 - 搜狐新聞項 入圍

金犢平面廣告 - 卡尼爾項 入圍

新一代包裝設計類 銅獎

Page 5: Shih Ping Chan Collection

個人專長� �

Personal ProfessionalityPHOTOSHOPILLUSTRATORDREAMWAVERHTMLCSSFLASH

SHIH PING CHAN COLLECTION

Page 6: Shih Ping Chan Collection

個人簡介� �/ � P ROFI LE

“只交出最好的作品,永不姑且一試。”

個人自傳Autobiography

1987年生於彰化,2009年畢業於銘傳大學商業設計系。畢業先後繼任於

英寶科技有限公司視覺設計人員及魁亨科技有限公司網頁設計人員。

在學期間,除了努力吸取學校提供的平面、廣告、網頁、視覺設計等相

關課程之外,也參與一些設計相關的比賽,跟團隊及老師間都有愉快的

合作經驗與討論分享,而有不錯的成績。大二曾在長榮企業整合行銷部

工讀;大四忙於畢業製作之際,也在影城數位印刷中心打工,學習相關

的印刷知識。

4 | 5 SHIH PING CHAN COLLECTION

Page 7: Shih Ping Chan Collection

2009年畢業後,在英寶科技有限公司當任設計人員。工作一開始對於網

頁設計不甚熟悉,求學期間,擅長的是平面廣告設計的部分,但對於網

頁設計這部分有著強烈的好奇與熱情,同時也非常感謝當時的老闆願意

栽培,讓我在這一部分有了很大的努力空間可以好好的探索學習及展現

自己的想法創意。2010年任於魁亨科技有限公司的網頁設計人員。跟上

一份工作非常不一樣的是,從後台的UI設計到前台幫客戶規畫整體的UI

及視覺,對我而言,這是充滿挑戰的工作,一來可以幫客戶設計規畫他

們想要的網站,二來同時也能接觸到不同的產業需求,這一年多來的學

習與同事間的教學相長也讓我受益良多。

曾經,有這麼一段話影響了我,”只交出最好的作品,永不姑且一試”。

此後,不管在作品或是人生的選擇都有著一份強烈的使命感,不到自己

所要求的水準,絕不輕易妥協。

Good experient is good design.

Lunch Meeeeting ><”Bangkok

Cute child take pic with his brother.

Surfing other design works MWR museum. Discover popular monkey in Bankok.

SHIH PING CHAN COLLECTION

Page 8: Shih Ping Chan Collection

7 | 8 SHIH PING CHAN COLLECTION

Page 9: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

網站設計

I did the web design nearly three years.It’s an interesting job for me,

and you never know what’s the next challengefrom your next clients.

I’m very enjoy my jobs with big passion.

Web Design01

Page 10: Shih Ping Chan Collection

網站設計� �/ � WEB DESIGN

亞太種描產業資訊平台 - 世新大學產業服務資訊平台Asia Plant Center / 2012

Home Page世新大學產業服務業資訊平台網頁

設計提版。

網站本身沒有任何logo,於是設計

了一個logo可以代表,畢竟網站是

以查詢內容為主要服務,於是在左

欄上設計了詳盡的查詢細項。

網站主要是資訊查詢平台,因此設

計上面盡量簡化所有不必要的元素

,但同時又能保有綠野平原的印象

,所以選用了比較童趣的手法,以

插畫的方式表現。

10 | 11 SHIH PING CHAN COLLECTION

Client : 世新大學

Layout / Illustrate

Notes: 版面提版

Page 11: Shih Ping Chan Collection

Detail Design頁面的細部畫面。Faceook跟twitter

的連結icon,希望能設計的活潑一

點,讓使用者看到的時候能覺得很

有趣,同時也是一種多多澆花,讓

粉絲成長茁壯的意思。

SHIH PING CHAN COLLECTION

Page 12: Shih Ping Chan Collection

12 | 13 SHIH PING CHAN COLLECTION

網站設計� �/ � WEB DESIGN

威億登彩繪科技有限公司WYD COLOR-PRINTING TECHNOLOGY COMPANY / 2012

Home Page威億登彩繪科技有限公司設計的重

點在於,希望能凸顯該公司的特色

。因此,設計時加入了許多材質的

元素應用在物件裡。

Client : 威億登彩繪科技公司

Layout / Illustrate

Notes: 版面設計

Page 13: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

Page 14: Shih Ping Chan Collection

14 | 15 SHIH PING CHAN COLLECTION

網站設計� �/ � WEB DESIGN

優質評價新興市場推動方案Project To Promote Most-Valued Products In Emerging Markets / 2011

優質平價網是一個完全提資料訊息的平台,設計時最重要的是資訊區塊的規畫。網站內容複雜,如何能讓網站

看起來整潔舒適而不雜亂是主要的設計方向。

home 計畫簡介 最新消息 市場觀測 研究報告 政府資源 會員專區 下載專區市場觀測 會員登入

活動訊息最新消息

焦點新聞

市場觀測

中國大陸� �C�H�I�N�A 印度� �I�N�D�I�A

印尼� �I�N�D�O�N�E�S�I�A 越南� �V�I�E�T�N�A�M

�B�A�N�N�E�R

友站連結

最新研究報告

Client : 財團法人商業發展研究院

Layout / Illustrate / Web

Notes: 版面設計/網站製作

Page 15: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

Page 16: Shih Ping Chan Collection

16 | 17 SHIH PING CHAN COLLECTION

網站設計� �/ � WEB DESIGN

台北女人網Taipei Women’s Center / 2011

Home Page台北女人網是社會局底下的一個案

子,比較特別的是設計的樣式必須

要能套用在他們的網站架構(CSS)

系統。只能依著他們的版型結構去

做畫面上的設計與調整。

Client : 台北市社會局

Layout / Illustrate/ Web

Notes: 版面設計/ 套板應用

Page 17: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

English Page英文網站的部分是完全純�h�t�m�l。因此在設計上,希望沿用中文的色系之

外,以書信的方式表現女人網所提供的服務與相關訊息。

Page 18: Shih Ping Chan Collection

18 | 19 SHIH PING CHAN COLLECTION

網站設計� �/ � WEB DESIGN

感念牆 - 世界宗教博物館GRATITUDE WALL - MUSEUM OF World RELEGIONS / 2011

Home Page感念牆的畫面設計比較特別的是

它是針對觸控式螢幕的畫面設計

,因此在畫面上的處理就會多費

點心思。除了考慮到觸控按鈕的

大小以及畫面的伸縮性,還有畫

面的質感也是非常講究的一個重

點。

畫面上以金色為主色,除了在黑

暗的空間中可以讓畫面更為明亮

清楚之外,同時,也是博物館想

要給人的強烈印象。

Client : 世界宗教博物館

Layout / Illustrate/ Web

Notes: 版面設計/ 網站製作

Page 19: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

查詢結果頁面

座標結果頁面圖

Page 20: Shih Ping Chan Collection

20 | 21 SHIH PING CHAN COLLECTION

網站設計� �/ � WEB DESIGN

聯凱國際生醫資訊網LinkMed Asia Inc / 2011

Home Page聯凱國際生醫是一個提供醫療資訊

與服務的平台,礙於消費者對該公

司所提供的服務不是非常了解,於

是在網站的設計上能傳達醫療服務

的溫暖感覺。所以以企業的橘色為

整體的主色,橘色代表這正面積極

與熱心,也符合該公司想要傳達的

想法。

Client : 聯凱國際生資訊網

Layout / Illustrate/ Web

Notes: 版面設計/ 網站製作

Page 21: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

Page 22: Shih Ping Chan Collection

22 | 23 SHIH PING CHAN COLLECTION

網站設計� �/ � WEB DESIGN

ALEX電光公司官網ALEX TIEN KUANG ENTERPRISE CO., LTD / 2011

Home Page電光衛浴精品官網改版設計。希望

版面能有大BANNER可以輪播廣

告,版面的設計也希望能走生活簡

約的路線,因此畫面的安排,也希

望一切從簡,幾個簡單的大區塊就

能代表站內所有的內容。

About ALEX Technology Products Green Products Contact

search

Sitemap | Contact Us | Link | 繁體中文 | English | Facebook

BANNER

About ALEX Technology Products Green Products Contact

BANNER

search

Sitemap | Contact Us | Link | 繁體中文 | English | Facebook

Client : 電光企業股份有限公司

Layout / Illustrate/ Web

Notes: 版面設計/ 網站製作

Page 23: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

Page 24: Shih Ping Chan Collection

24 | 25 SHIH PING CHAN COLLECTION

網站設計� �/ � WEB DESIGN

2012台灣燈會提版2012Taiwan Lantern Festival / 2011

Home Page台灣燈會的創辦理念就是「民俗文

化根,傳統國際化」,對於這次的

燈會舉辦地方在彰化鹿港,彰化鹿

港是一個富含民俗文化以充滿地方

特色的小鎮,本身擁有濃厚的文化

節慶特點,於是在設計上面能帶有

鹿港的文化特點,結合燈會活動資

訊內容,讓不只是在地人以及外國

朋友能重新認識鹿港的文化特色,

同時也能享受台灣文化節慶熱鬧的

氛圍。

Client : 中華民國交通部觀光局

Layout / Illustrate

Notes: 版面提版

Page 25: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

Page 26: Shih Ping Chan Collection

26 | 27 SHIH PING CHAN COLLECTION

網站設計� �/ � WEB DESIGN

POC匯僑股份有限公司Pan Overseas Corporation / 2011

Client : 匯僑股份有限公司

Layout / Illustrate / Web / Flssh

Notes: 版面設計 / 網站製作

Page 27: Shih Ping Chan Collection

Home Page以往儲槽給人的感覺是生硬的傳統工業,但為了讓公司的形象能跳脫以往傳統工業的感覺,於是在色彩上多下了

一些功夫,所以選用比較明亮色系的色彩,以營造出專業、穩定安全的形象。

SHIH PING CHAN COLLECTION

Page 28: Shih Ping Chan Collection

28 | 29 SHIH PING CHAN COLLECTION

Page 29: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

平面設計

I graduated from Commercial Design of Ming Chuan University.

To be a graphic designer is one of my dream.And I’m so lucky to do it.

�ere are some of my works aboutgraphic design.

And I’m so happy to share it with you.

Graphic Design02

Page 30: Shih Ping Chan Collection

30 | 31 SHIH PING CHAN COLLECTION

平面設計� �/ � GRAP H IC DESIGN

Logo Design 標誌設計英寶科技有限公司 / 2010

YING PAO TECHNOLOGY INC品牌重新規劃。沿用舊有的LOGO元素,顏色從原本的嬰兒藍改成比較

現代的科技藍,原本的顏色會給人過於老舊,加上字體的選擇沒有變化

,不能表現該企業的精神。字型上以VRINDA為架構。

Client : 英寶科技有限公司

Logo design

Notes: 公司部分CI重設規劃

Page 31: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

(1)logo (2)logo+Chinese word

(3)logo=English word (4)logo+chinese word+English word

LOGO 中英文組合

COLOUR 標準色

張 小 旻 /經理

f 886-4-8283800w www.ypro.com.twa 513彰化縣埔心鄉瓦北村瑤鳳路一段52號

統一編號:16968701

886-4-8295552t

0932-542-840 [email protected]

BUSINESS CARDS 名片設計應用

Facility Integration Operation Platform (FIOP)2009/11/24 Chan Shi-Ping

Facility Integration Operation Platform (FIOP)

3

Facility Integration Operation Platform (FIOP)背景與策略

背景:

目前Fab-6 廠務並未將各系統之Utility Matrix整合成統一介面,而是各系統查詢各自的 Excel Table, 也因為

Tool-ID會變動,但廠務無法得知,以致造成下述影響:

1. 緊急應變時, 值班人員跨課支援困難. (需要進行訓練以維持熟練度)

2. 跟Module 溝通須使用Tool-ID, 但廠務使用Location-ID. (溝通不良)

3. Module人員對機台本身所使用之Utility狀況不清楚, 須以電話詢問廠務人員. (傳統服務方式)

4. 廠務值班中心必須要有緊急應變快速, 資訊查詢充足的能力.

策略:

建立 Utility Matrix 共同介面, 提供Capacity管理及系統分析.

建立Tool-ID/Location-ID 維護介面. (提供正確的溝通語言)

3. 建立 Facility 與 Module 的共同介面. 並提供Tool端之power pattern, Drain pattern,… (服務升級)

4. 建立異常事件生產影響檢查程序, 提升緊急應變之反應速度.

(落實Blue Book功能)

THE END

PPT DESIGN簡報設計應用

Page 32: Shih Ping Chan Collection

32 | 33 SHIH PING CHAN COLLECTION

平面設計� �/ � GRAP H IC DESIGN

Advertisement Design 廣告設計2008 金犢平面廣告 - 搜狐新聞項 入圍 / 2008

【牽手篇】

金犢平面廣告

Advertisement

Creative Team林玠儀、岳瑋庭、詹詩萍曾琬婷

Page 33: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

【鞠躬篇】

Page 34: Shih Ping Chan Collection

34 | 35 SHIH PING CHAN COLLECTION

平面設計� �/ � GRAP H IC DESIGN

Advertisement Design 廣告設計2008 金犢平面廣告 - 卡尼爾項 入圍 / 2008

【暗沉篇】

金犢平面廣告

Advertisement

Creative Team 林玠儀、岳瑋庭、詹詩萍曾琬婷

Page 35: Shih Ping Chan Collection

【皮屑篇】 【斑點篇】

SHIH PING CHAN COLLECTION

Page 36: Shih Ping Chan Collection

36 | 37 SHIH PING CHAN COLLECTION

平面設計� �/ � GRAP H IC DESIGN

Advertisement Design 廣告設計2008 4A YAHOO!創意獎 - 廣告設計 / 2008

【孕】

是一個母親孕育的環境,就像地球孕育的生命。過去,我們享有最純粹、最自然的資源;但現在我們得下一代

卻要面對我們所遺留下來的傷害。寶特瓶已造成環境的污染,於是以保特瓶做為環境孕育的意象。

4A YAHOO!創意獎

Advertisement

Creative Team李鈺琳、施又慈、詹詩萍

Page 37: Shih Ping Chan Collection

【傳家寶】

“我們歌詠著不朽,追求永遠傳頌,那是歷代的傳業,一年兩億六千八百萬的寶特瓶,建構未來的王國。”

【筷子手】

“我貪圖二十克的輕便,成就三十分鐘的便利;一年十億雙竹筷,圖殺生長億億年的巨林。”

SHIH PING CHAN COLLECTION

Page 38: Shih Ping Chan Collection

38 | 39 SHIH PING CHAN COLLECTION

平面設計� �/ � GRAP H IC DESIGN

Advertisement Design 廣告設計BEETLES 廣告設計 / 2008

誰說大女人一定要很成熟,有時候也可以很天真。

Beetles

Advertisement

廣告創意練習

Page 39: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

Page 40: Shih Ping Chan Collection

40 | 41 SHIH PING CHAN COLLECTION

平面設計� �/ � GRAP H IC DESIGN

Advertisement Design 廣告設計阿Q桶麵 - 廣告設計 / 2008

【菜鳥篇】

熬夜加班最好的慰藉就是來一碗

便宜又大碗的泡麵,阿Q就是要

讓你大碗滿意。

阿Q桶麵

Advertisement

廣告創意練習

Page 41: Shih Ping Chan Collection

【腐女篇】 【學生篇】

SHIH PING CHAN COLLECTION

Page 42: Shih Ping Chan Collection

42 | 43 SHIH PING CHAN COLLECTION

平面設計� �/ � GRAP H IC DESIGN

Visual Design 視覺平面設計PILOSOPHER 哲學家 / 2009

Sketch Works

Photoshop

Page 43: Shih Ping Chan Collection

SHIH PING CHAN COLLECTION

著作權海報設計 / 2008

Sketch Works

Photoshop / Illustrator

Page 44: Shih Ping Chan Collection

SHIH PING CHAN/ D O E S D E S I G N WO R K S

COLLECTION

SHIH PING CHAN COLLECTION / DOES DESIGN WORKSby Shih Ping Chan© 2012 Shih Ping Chan All Rights Reserved.�anks for my family and friends.

Page 45: Shih Ping Chan Collection