content 01 Kaiyun Temple Street 02 Rural Education Charitable Event 03 UpQuotation 04 True Reports logo Design 05 Terminology App UI Design 06 iCard.Ai UI design 07 Fictional Scene Design 08 Evoke Animation Storyboard 09 Evoke
Cultural app development 02 Identity design 05 UI/Visual Design 09 Logo design 12 App development 15 UI design 16 3D experiment 17 Storytelling 19 Diploma work 21
10 Hakka Figurine Design
Character design 25
11 Cassette Grandpa
Character design 26
12 Video projects
Film / commercial making 27
Icon Design
A game application that digitalizes Taiwanese tradition - 拜拜 (English translation: praying to god)
Icon Design
APP Description https://bit.ly/3DhyfdQ
筊 (moon blocks) are one of the most crucial aspects in the temple culture. It is also the medium Taiwanese people use to talk to god. Blue color represents auspicious, red color represents luck, and gold represents fortune. App has been launched on iOS App Store in 2021
02
開運廟街 Kaiyun Temple Street
UI Design
03
What is this application about? This application was designed especially for Taiwanese people, through which they can pray to god on their phone - no matter if it is Mazhu, Earth God, God of Marriage or others, it is for all kinds of wishes. People don't even need to leave their homes to buy all genres of offering online, just provide their wishes and information, and it will be taken care of by the temple automatically.
What do you pray for today?
LOVE
Health
Wealth
Career
Random
Discussion
Understanding
Design
Through the app, Taiwanese people can fulfill their praying needs without leaving home.
Understand the purpose of developing the app, which is to take care of praying needs combined with a gaming experience.
Digitalize traditional objects and design graphics that can represent well the culture and also be recognized easily by the audience.
04
Add value UI design A 元寶 (yuanbao) is a small metal ingot that was used in ancient China as money
Digitalize taiwanese culture There are tons of gods in Taiwan, thus more than 12,300 temples are built on this small island. Taoism (Buddhism and folk religion) is the largest religion in Taiwan. The problem I encountered during this projets was "How can I digitalize traditional culture/objects, create simple icons/symbols that well represent gods and will be understood by all ages at the same time?". It was a fun and interesting project to participate in, and I found myself learning a lot about my culture and religion due to the research I did for the development of the app.
Icon design Designed icons represent the specialties of each god and tell what kind of god they are. fortune stick
05
ASE Group Shanlin District Children Summer Learning Camp Rural Education charitable event
Graphic Design Visual Design
Education Environment Science English Introduction
STEAM Education X ASE Group X Wenzao University X Ming Chuan University Scan to see video of activity https://youtu.be/UyOCEK0xsxk
To fulfill the corporate social responsibility of rural education in Taiwan, ASE hosted a charitable camp that consists of various types of courses for kids in Shanlin District, Kaohsiung.
06 Design concept The covers of the teaching materials were designed differently due to the age differences between the two classes. The advanced class's textbook book cover was painted with watercolor, which has a much steadier tone and mature design. On the other hand, the book cover of the textbook for the basic class was painted by a digital painting software using brighter color and irregular style.
Textbook cover Basic class Textbook cover Advanced class
Name tag Design
07 Environment
Education
To deliver the idea of education on environmental care, I designed the visual presentation with endemic species such as Taiwan Blue Magpie, Formosan Black Bear, Formosan sika deer, etc.
08 協辦單位:杉林區新庄國小、杉林國小、集來國小 活動時間:109/08/03~109/08/14 08:30~16:30(不含假日)
活動地點:高雄市杉林區新庄國小 環保永續愛地球 我們的地球 英語讀者劇場 英語劇本創意寫 智慧科技翻轉營 找到孩子的100分 雷切物理敎具 AI影像辨識機器人 主播播報與訪問技巧 梳化與儀態訓練 主播大挑戰 虛擬主播換我做
Animals illustrations The idea of doing illustrations of sea animals is to let the children have an imaginary experience of being under the ocean surrounded by fishes. In that way, we can deliver the thought of protecting the undersea environment by decorating the classroom with these adorable pictures.
Poster Design
09 Visual Design UI Design
About UpQuotation is a manufacturer spare parts platform where buyers and suppliers connect, create relationship, collaborate and get business done. Colors In terms of deciding the color for the logo, the orange color is associated with meanings of creativity, success, encouragement, change, determination, and stimulation. Combining grey color makes the orange color louder, and completes the simple style the enterprise wants to go for as well.
Font
#E94515
Constantia Corbel
#494949 #959595
10 n
sig
ite
bs We
e UI D
11 Visual design
12 Logo Design
True Reports logo Design A news platform that only delivers truth to the audience and society
Icon Design " 實 " character means real and truth in mandarin, which is also the initial belief of developing this news website page. I chose the character as the base of the logo design, took the alphabet T and R from the name True Reports as the representation of the full name, combined them into the character 實 so that the logo can present their names in Chinese and English at the same time. True Reports is an online news website and platform that shares true news to society. I added a wifi symbol on the top of the logo to represent this idea.
Website link https://truereports.com.tw
13
Design process 1st - Ideas
idea of recording
represent microphone
2nd - First logo + thinner line + imagery of sharing/delivering information
3rd - Third logo + change color
Final result
14 True Reports on different display devices
15 LOOKUP
SETTINGS
HERMLE-TECHNISCHES-WÖRTERBUCH ENG
Terminology App UI Design An easily-used terminology management app
0°position 1-axis module 2-axis module
Lookup
2-component adhensive 3-phase spindle
welcome!
3-strand suspension equipment 3D basic rotation 3D contour smoothing
Design concept The chosen UI design colors orange and crimson represent the company's Corporate Identity System (CIS).
3D contour tolerance max. 3D contour tolerance min. 3D rotation 3D rotation 3D rotation 3D rotation 3D roughing 3D roughing Die Qualitätssicherungssoftware für Übersetzungen
3D roughing 3D roughing
LOOKUP
SETTINGS
LOOKUP
SETTINGS
I designed this interface with a clean style, all the functions (page or button) were designed to be found easily. The icons aside also make the interface more understandable and straightforward to use.
DICTIONARY NAME
DICTIONARY NAME ENG
cache Definition
Abbildung
BG
FR
LT
SV
ZH
EL
NL
SR
DA
IT
NO
SK
DE
JA
PL
SL
EN
KO
PT
ES
App was launched on iOS App Store in 2019
USERNAME
Cache bezeichnet in der EDV einen schnellen Puffer-Speicher, der (wiederholte) Zugriffe auf ein langsames Hintergrundmedium oder aufwändige Neuberechnungen zu vermeiden hilft. Daten, die bereits einmal geladen oder generiert wurden, verbleiben im Cache, so dass sie bel späterem Bedarf schneller wieder abgerufen werden können.
PASSWORD
UPDATE
EXIT clear Data
SAMPLE fill from sample
CLEAR HISTORY Delete Cache
D.O.G About us
STATISTICS Overview
TRAGET LANGUAGE 1 - English
UI Design
16
iCard.Ai Website UI design A website page that presents the latest discount/promotion information of credit cards from banks
icard.ai https://icard.ai
UI Design
17 3D Graphic
Fictional Scene Design
Scene Design
18 Magic Village Build in Maya Design concept: On an island situated in a mysterious place, everything looks ordinary till the sun goes down and the moonlight starts to bright up the land. When everything seems to fall asleep, you will see shooting stars falling on the ground and become crystals that shine mysteriously. No one knows where they came from and what they will become in the future...
19
Animation Storyboard
National Art & Design Support Talent Program - Storyboard animation based on the story of the VR game named Evoke
Storytelling
20
Storyboard
Video (Youtube) https://youtu.be/PEoIZsrToQU
21
VR Game - EVOKE ( 喚起 ) By telling a fictional story of selfishness that occurred by the competition for resources (force crystal in the story), we want to raise awareness and reflection on social issues in modern communities.
Project team Thesis advisor: Guo Da Wei, Cai Si Kai Art designer: Wang Yu Jie 3D modeling: Cai Meng Zhu, Wang Yu Jie Programmer: Xu Rong Cheng, Zheng Min Cheng Project planner: Xu Pei Jun
Character Design Game Development
Logo Design
Characters & Scenes Sketch
Game type: Action-adventure, Storytelling Playing Perspective: First-Person Develop software / Engine: Maya, Unreal Initial develop device: HTC VIVE
How to play?
Follow the storyline of the game and defend your character. Use the strategy of three elements, fire, water, and wood, to repel the enemies, experience the story throughout the game playing process, manage to defeat the oncoming dangers, and escape the cellar.
Brief introduction of Evoke
A group of wizards cast their greedy eyes on the powerful crystal of the Fantasy Kingdom that declared war over and over again. One day, a powerful wizard has awakened but lost his memory and forgot the reason for being locked in the cellar. What truth will he learn throughout the process of trying to escape this unknown mysterious place?
Game Scenes
Game Introduction video
Responsible for: Scene design | Character design | Character modeling
https://youtu.be/6d0P9j3ikkc
22
Evoke - VR Game Production
23
The story behind Evoke Once upon a time, there were two kingdoms, one named the Kingdom of Wizard, another named the Fantasy Kingdom. As time went by, the wizards started to cast their greedy eyes on the Force crystal in the Fantasy Kingdom, which was amazingly powerful and rare. To be able to seize the precious crystal, the Wizard's Kingdom united all the best wizards in the nation, preparing for declaring their first war against the Fantasy Kingdom. But as the war began, the wizards were soon defeated by the three formidable divine beasts, Meduse, Lycans, and Murloc. The Wizard's Kingdom lost the war, which caused a tremendous number of injuries and deaths. However, losing the first war did not stop the wizards from being envious of the Force crystal. They trained to fight and become better warriors. Years later, the Wizard's kingdom launched the second war, in which the wizards successfully beat down one of the divine beasts, Murloc. The moment the wizards were about to snatch the crystal, the force inside it released all of a sudden, bringing the giant of iron to life. The giant repelled the attacking wizards and slipped once again into deep oblivion when the force of crystal was gone.
Postcard Design
Poster Design
24 Feature of the game
We developed the enchanting gesture system with controller gesture tracking, in which the players can release a specific spell by drawing a requested form and follow the Wuxing (Chinese philosophy) rule that the element fire prevails over wood, wood prevail over water, and water prevails over fire.
The game is designed to play without any piror knowledge of the story, so the player can have the best experience by the plot twist that happened at the end of the game. We aimed to raise reflection on conflicts because of limited resources through an imaginary interesting and less controversial storyline.
Attending Vision Get Wild Award 2020 Games - VR game creation group
Vision Get Wild https://bit.ly/322oPoP
25 Hakka Figurine Design - 小桐ㄤ姑
Contest host: The Hakka Affairs Council Design Concept: Hakka tradictional fabric pattern
I designed 小桐ㄤ姑 based on a well-known Hakka flower called Vernicia fordii. This character likes to keep her hair up with Hakka printed cloth to show her beauty. The chubby face of the character represents the lovable, mellow, and rich Hakka culture.
Character Design
26 3D Character Desige - Cassette Grandpa
Cassette Grandpa Design Concept: Coming from the 60s, Cassette Grandpa wears like a history, such as the Khakis pants, leather shoes, and heavy round glasses. Combining vintage-like and bright colors' clothes with the cassette player, he is the most fashionable and adorable grandpa.
Scan to see video
https://youtu.be/qasix_Ra9yg
27
Videos
https://youtu.be/otww3vZPc34
Video description Tutorial for Introducing Software An introduction video about common equipment/software of filming a tutorial video Language: English
https://youtu.be/PDejphHf8fo
Video description How to Make Tutorial Video A general introduction about how to plan your tutorial video Language: English
https://youtu.be/wol4Ex0TZ_M
Video description LookUp terminology management: Introduction video A commercial video about terminology management software developed by D.O.G. GmbH Language: English