Shimin's portfolio

An ot her begins

10﹣1 4

S h i m i n ’ s

P o r t f o l i o

王 思

敏

作

品

集

National Cheng Kung University Industrial Design Department

About me 王思敏

Wong Shi Min 1991. 9. 8

國立成功大學 工業設計學系

National Cheng Kung University Department of Industrial Design

（HP）+886 978959972 andreashimin@gmail.com

Work Experience 智慧種子聯盟攝影團隊

Smartseed Union Video Team Member

電機系分子生醫實驗室平面設計

Molecular Biomedical Informatics Graphic Design

2011年藝術與設計菁英海外培訓計劃文宣組 2011 MOE Scholarship Program Processing Section

2012年藝術與設計菁英海外培訓計劃文宣組 2012 MOE Scholarship Program Planning Section

Mind The Gap工作營攝影

Mind The Gap Workshop Videographer

技能 Skills

Photoshop

Illustrator

Final Cut Pro

Solidworks

InDesign

Lightroom

About myself

我來自馬來西亞，選擇來台灣完成我的大學學業， 就讀於國立成功大學工業設計學系。 大學四年裡，我感到迷茫， 在接觸工業設計後，我發現那卻不是我最感興趣的事情， 直到大二工業設計營擔任美宣長製作了人生中第一個網站， 忽然發覺在程式中完成一個作品的滿足感， 因此，我開始斷斷續續地學習HTML5與CSS。

Contents Graphic Design 01 2011年工業設計營

10

04 2012年網際網絡程式設計期末聯展

14

02 2012年工業設計營

11

05 2013年網際網絡程式設計期末聯展

16

03 工業設計系DM (練習)

12

Industrial Design Camp 2011 Industrial Design Camp 2012 Department of Industrial Design DM

Web Programming Final Exhibition 2012 Web Programming Final Exhibition 2013

Web Design 06 2012年網際網絡程式設計期末聯展

20

09 工設103級畢業專題

32

07 2013年網際網絡程式設計期末聯展

24

10 日日升科技股份有限公司

36

08 馬克菌

28

Web Programming Final Exhibition 2012

Web Programming Final Exhibition 2013

Markteria

App Design 42

11 即時合購

Photography 12 動物

Animal

13 大自然 Natural

14 城市 City

46 48 50

ID103 Graduation Project

Tracer Technology Corporation

Graphic Design

01 2011年工業設計營

Industrial Design Camp 2011

02 2012年工業設計營

Industrial Design Camp 2012

03 工業設計系DM (練習)

Department of Industrial Design DM

04 2012年網際網絡程式設計期末聯展 Web Programming Final Exhibition 2012

05 2013年網際網絡程式設計期末聯展 Web Programming Final Exhibition 2013

Industrial Design Camp 2011 Poster design

01

2011年工業設計營海報設計

10

Industrial Design Camp 2012 Poster design

02

2012年工業設計營海報設計

11

Department of Industrial Design DMďźˆpractice DM design

03

12

Graphic design

工業設計系DM設計 (練習)

13

Web Programming Final Exhibition 2012 Poster design

04

2013年1月21日 14:00pm-17:30pm 電機系館一樓藹雲廳 1400-1530 1530-1600 1600-1700 1700-1730

團隊作品簡介 自由參觀攤位 企業專題演講 頒獎

本課程從理論，技術及實作三方面協助學生學習製作網際網路平台的能力。 期末展由7組學生團隊展示網路服務以及痞客邦應用市集，涵蓋遊戲、社群、 夢想、美食、購物、旅遊、搜尋等主題，並頒發痞客邦首獎。

2012網際網路程式設計 期末成果展 地點\ 國立成功大學 電機系館一樓藹雲廳 時間\ 2013年1月21日 14:00pm-17:30pm 活動網站\ http://zoro.ee.ncku.edu.tw/wp2012/final/ 主辦單位\ 特別感謝\

M BI

授課老師\ 張天豪老師 第十屆 10th Y.S. AWARD

育秀盃 創意獎

千齊設計

2012年網際網路程式設計期末聯展海報設計

14

FINGERS

十指產品設計室

Graphic design

展覽手冊設計

15

Web Programming Final Exhibition 2013 Poster design

05

2013年網際網路程式設計期末聯展海報設計

16

Graphic design

展覽手冊設計

17

Web Design

06 2012年網際網絡程式設計期末聯展 Web Programming Final Exhibition 2012

07 2013年網際網絡程式設計期末聯展 Web Programming Final Exhibition 2013

08 馬克菌

Markteria

09 工設103級畢業專題 ID103 Graduation Project

10 日日升科技股份有限公司 Tracer Technology Corporation

Web Programming Final Exhibition 2012 Website Design

06

20

Web design

2012 網際網絡程式設計 Web Programming 2012 這是我為網際網絡程式設計這門課 程的期末聯展設計的網站。除此之 外，還包括海報，手冊的設計。算 是我第一次包辦整個展覽的文宣， 是一次難忘的經驗。

Coding by

Molecular Biomedical Informatics http://mbi.ee.ncku.edu.tw/wp2012/final/

Click！

21

Web Programming Final Exhibition 2012 Website Design

22

Web design

滾輪動畫 Scroll Animation

當初，是因為網路上流傳的James Bond 007 Car Evolution這個網頁的影響，想 說能來製作滾輪動畫，但與之還是差別 蠻大。

23

Web Programming Final Exhibition 2013 Website Design

07

24

Web design

2013 網際網絡程式設計 Web Programming 2013 第二年為期末聯展設計，採用的是 單頁式互動網頁，呈現了每一組的 簡介與組別網站連結，課程影片等 其他一樣也包括海報與手冊的設 計。

Coding by

Molecular Biomedical Informatics http://mbi.ee.ncku.edu.tw/wp2013/final/

Click！

25

Web Programming Final Exhibition 2013 Website Design

單頁式 One Page

26

簡單的單頁式。頁面涵蓋課程介紹、課程影片、小遊戲、組別 簡介與連結、下載。

Web design

27

Markteria Webgame Design

08

28

Web design

馬克菌 Markteria 這是分子生醫實驗室 (Molecular Biomedical Informatics) 的其中一個專案 的視覺設計，他們需要讓更多的專業 人士去更新自己與學習新知識，例如 蛋白質，病毒或細菌等等。 其實，這世界上的生醫學者們一直在 持續關於生醫的研究，並寫出了不少 論文。每一天的新發現，讓這些細菌 或病毒的名稱可說是迅速得來不及讓 全世界的所有學者們知曉，因此這可 說是一個關於劃重點作記錄的網頁遊 戲，讓這些學名能收入生醫的數據庫 里，幫助這些學者們學習。

Coding by

Molecular Biomedical Informatics

29

Markteria Webgame Design

成就系統 Achieves System

這是裡頭的成就系統，在開始的頁面中，按下Record鍵就能進入 此畫面，其中包含三個頁面，為Total time , Amount和Honour。 在這裏可以看到自己使用這網頁的成就，作為網頁遊戲的一點 小樂趣。Honour的頁面中，我們就能看見裡頭有不同的鑽石，當 你達到一定的水平以後，就會有一顆代表那個榮譽的鑽石，比 如心臟科權威鑽石之類的。

30

Web design

31

ID103 Graduation Project Website Design

09

32

Web design

工設103級畢業專題 ID103 Graduation Project 這算是我第一次真正完全投入網頁 設計與程式撰寫的工作，為自己參 與的畢業專題設計寫官方網站。 主視覺是文宣組所設計，而我則負 責網站的排版與程式。另外，我加 入了一些網頁動態效果，希望網站 不顯得呆板，雖然Responsive部份沒 有寫好，但是很開心得到許多良好 的經驗。

Visualize by

Chye Lin http://nckuid.tw/qtoaplus/

Click！

33

ID103 Graduation Project Website Design

單頁式 One Page

34

簡單的單頁式。頁面涵蓋專題介紹、主題影片、各組介紹、5🈯 支宣傳影片與展覽資訊。

Web design

35

Tracer Technology Co.,Ltd. Website Design

10

36

Web design

日日升科技股份有限公司 Tracer Tecnology Co.,Ltd. 第一次的網頁接案，主頁有照片 Slideshow，因顧客要求簡潔，內容 也蠻少，因此做成簡單式樣。

http://www.tracersound.com/

Click！

37

Tracer Technology Co.,Ltd. Website Design

跳窗式 Pop Up

38

單頁式跳窗設計，內容有公司介紹、歷史沿革、產品介紹、活 動詳情。

Web design

39

App Design

11 即時合購

即時合購 App Concept

11

42

App design

即時合購

2012年第一次設計的 App的界面。

Concept and coding by

Molecular Biomedical Informatics

43

Photography

12 動物

Animal

13 大自然 Natural

14 城市 City

Animal Photography

12

photo taken on September,2010 / Cheng Kung Campus

46

Photography

photo taken on Octorber,2014 / Alishan

47

Natural Photography

13

photo taken on Octorber,2014 / Alishan

48

Photography

photo taken on January,2014 / Plum Ridge

49

City Photography

14

photo taken on November,2014 / Tokyo, Japan

50

Photography

photo taken on September,2013 / Shanghai, China

51

Thanks for reading