Industrial Training
06/01/2020 - 28/02/2020 (Week 01 - Week 07)
Isaac Lee Zahradnik
0330747
Industrial Training - GAMEKA
INSTRUCTIONS
TASKS
Task 1 - Combat Wombat Tournament wireframe
This was the first task that was assigned to me, and it was to create a wireframe for their up-and-coming Combat Wombat Tournament.
Action
After receiving the assignment from my supervisor, I then asked my seniors who are in the Game Designing department about what is included in the 'tournament' and what they wanted to see in the wireframe. They have also provided me with some references that other mobile game company has to give me some inspiration. Every once changes that I made, I will present it to my supervisor and seniors. Other than that, we also had a discussion about some questions and uncertainties that me and my supervisor had for the Game Designers.
Result
I did several wireframes for the tournament. The iterations were mostly minor changes here and there. I did my work in both Powerpoint and Photoshop.
Task 2 - Combat Wombat Inventory wireframe
After handing in my first assignment—which was the tournament wireframe—to my supervisor, she gave me a second task which was to design a wireframe for the 'Inventory' feature that the Game Designers were going to implement in Combat Wombat.
Action
While my supervisor was having a meeting regarding Combat Wombat and presenting my work to them, I then straight away moved on to my next task: inventory wireframe. Before my supervisor left for the meeting, she gave me of things that should be included in the 'Inventory'. Using that, I then did some research and design the wireframe for it.
Result
After some iterations, I showed them all to my supervisor and waited for her response and feedback. After that, we ended up choosing a design and proceeded to create it in Unity.
Task 3 - Combat Wombat Mailbox wireframe
My next task then was to make a wireframe and also a mockup for the 'Mailbox' feature in Combat Wombat.
Action
As per usual, my supervisor assigned me another wireframe task and that is to create a mailbox wireframe and its pop up as well. So, what I did was search up some references so that I could gain inspiration. After doing all that, I then quickly designed the wireframe in PowerPoint along with its UI assets and also made it on Unity as well.
Result
The task was done pretty quickly as there wasn't really much to design or add in.
Task 4 - Combat Wombat UI art assets
Other than just creating wireframes and mockups, the duty of a UI Designer is to also come up some art of the UI; or at least a temporary art for game testing. Below here are some UI Art that I have designed.
Action
For this assignment, I was given several tasks by several seniors. I had to design several UI art assets such as: Materials, Tournament Icon, and Tournament Trophy. I started of by sketching them out in my sketchbook and then presenting them to my supervisor and seniors for feedbacks. Using those feedbacks, I then sketch it out digitally in Photoshop.
Result
After this assignment was done, the UI art assets that I've created was then used as a placeholder in the game.
Task 5 - Announcer SFX sprite sheet
Besides just creating wireframes, mockups, and art for UI. I was also given a task—by my senior—to create an animated GIF as well as a sprite sheet for the ‘Announcer’ feature in the game.
Action
This task wasn't the easiest one for me as I had to sketch out how the animation will look frame by frame, and then export it as a GIF file. This assignment took a while because I was looking for references and was learning from them how the animation starts and ends. After doing my studies on SFX animations, I then opened up Photoshop and started sketching. After sketching it, I then digitally draw it out and started to animate it frame by frame. I then hand in the final Photoshop file to my senior.
Result
After handing it over to my senior, I then exported it as a sprite sheet for the Programming department to use.
REFLECTION
Week 01
At first I wasn't so sure about what exactly does a UI/UX person do. I was confused, I didn't now what my specific role was at that time because there was another UI designer who designs the layouts. I had thought that my job was to make an art for the layout designs. But now I know what my role is in this department, I found out about it from my supervisor.
Week 03
So far so good. I am enjoying my time interning here as I get to learn some things that are out of my specialization. Even though I'm in the UI department, I still have the chance to come up with concepts for the UI art. After all, my job description was UI/Art; a 'hybrid' as they like to call it. So, overall, it's a win-win for me.
Week 05
Throughout my internship, I thought my I would only be stuck to my specialization. As I was put into a different department (UI), I was able to explore other skills and see in which field does my strength lie. So, the overall experience was definitely a good one for me and I enjoy interning here. Everyone here is very cooperative, and they truly hold onto the company's core values.
FEEDBACK
Week 01
As I pursue to learn more about UI/UX design, there are several major tasks that I will be expected to take in:
Isaac Lee Zahradnik
0330747
Industrial Training - GAMEKA
INSTRUCTIONS
TASKS
Task 1 - Combat Wombat Tournament wireframe
This was the first task that was assigned to me, and it was to create a wireframe for their up-and-coming Combat Wombat Tournament.
Action
After receiving the assignment from my supervisor, I then asked my seniors who are in the Game Designing department about what is included in the 'tournament' and what they wanted to see in the wireframe. They have also provided me with some references that other mobile game company has to give me some inspiration. Every once changes that I made, I will present it to my supervisor and seniors. Other than that, we also had a discussion about some questions and uncertainties that me and my supervisor had for the Game Designers.
Result
I did several wireframes for the tournament. The iterations were mostly minor changes here and there. I did my work in both Powerpoint and Photoshop.
Task 2 - Combat Wombat Inventory wireframe
After handing in my first assignment—which was the tournament wireframe—to my supervisor, she gave me a second task which was to design a wireframe for the 'Inventory' feature that the Game Designers were going to implement in Combat Wombat.
Action
While my supervisor was having a meeting regarding Combat Wombat and presenting my work to them, I then straight away moved on to my next task: inventory wireframe. Before my supervisor left for the meeting, she gave me of things that should be included in the 'Inventory'. Using that, I then did some research and design the wireframe for it.
Result
After some iterations, I showed them all to my supervisor and waited for her response and feedback. After that, we ended up choosing a design and proceeded to create it in Unity.
Task 3 - Combat Wombat Mailbox wireframe
My next task then was to make a wireframe and also a mockup for the 'Mailbox' feature in Combat Wombat.
Action
As per usual, my supervisor assigned me another wireframe task and that is to create a mailbox wireframe and its pop up as well. So, what I did was search up some references so that I could gain inspiration. After doing all that, I then quickly designed the wireframe in PowerPoint along with its UI assets and also made it on Unity as well.
Result
The task was done pretty quickly as there wasn't really much to design or add in.
Task 4 - Combat Wombat UI art assets
Other than just creating wireframes and mockups, the duty of a UI Designer is to also come up some art of the UI; or at least a temporary art for game testing. Below here are some UI Art that I have designed.
Action
For this assignment, I was given several tasks by several seniors. I had to design several UI art assets such as: Materials, Tournament Icon, and Tournament Trophy. I started of by sketching them out in my sketchbook and then presenting them to my supervisor and seniors for feedbacks. Using those feedbacks, I then sketch it out digitally in Photoshop.
Result
After this assignment was done, the UI art assets that I've created was then used as a placeholder in the game.
Task 5 - Announcer SFX sprite sheet
Besides just creating wireframes, mockups, and art for UI. I was also given a task—by my senior—to create an animated GIF as well as a sprite sheet for the ‘Announcer’ feature in the game.
Action
This task wasn't the easiest one for me as I had to sketch out how the animation will look frame by frame, and then export it as a GIF file. This assignment took a while because I was looking for references and was learning from them how the animation starts and ends. After doing my studies on SFX animations, I then opened up Photoshop and started sketching. After sketching it, I then digitally draw it out and started to animate it frame by frame. I then hand in the final Photoshop file to my senior.
Result
After handing it over to my senior, I then exported it as a sprite sheet for the Programming department to use.
REFLECTION
Week 01
At first I wasn't so sure about what exactly does a UI/UX person do. I was confused, I didn't now what my specific role was at that time because there was another UI designer who designs the layouts. I had thought that my job was to make an art for the layout designs. But now I know what my role is in this department, I found out about it from my supervisor.
Week 03
So far so good. I am enjoying my time interning here as I get to learn some things that are out of my specialization. Even though I'm in the UI department, I still have the chance to come up with concepts for the UI art. After all, my job description was UI/Art; a 'hybrid' as they like to call it. So, overall, it's a win-win for me.
Week 05
Throughout my internship, I thought my I would only be stuck to my specialization. As I was put into a different department (UI), I was able to explore other skills and see in which field does my strength lie. So, the overall experience was definitely a good one for me and I enjoy interning here. Everyone here is very cooperative, and they truly hold onto the company's core values.
FEEDBACK
Week 01
As I pursue to learn more about UI/UX design, there are several major tasks that I will be expected to take in:
- Creating UI mockups, icons, and UI art assets
- Drafting and planning the UI flows and wireframes
- Creating the UI in Unity
- Communicating with the teams on the progress of the project. And I will also have to show my progress to my supervisor at every end of the working day
Plus, if I ever have any doubts or questions on th egiven task, I am free to ask my supervisor or whomever that are involved in the project.
Week 02
Different UI that has different content and context shouldn't be so close to each other as it will confuse the users.
If a user were to be asked to check their email, be sure to provide a time frame. For example, a prompt message such as 'Check your email within 3 days.'
Lastly, whenever I'm making a wireframe, I can add some notes—different colored ones—onto it if I ever have questions or uncertainties.
Week 03
Always keep 'Call-to-action' in mind when designing a UI, as well as to make sure that it looks and is indicated that the UI is 'interactable '. For example, a button that has the word 'Click Me' written on it.
Week 04
A perfect UI design is where the users immediately understand how the purpose or functions of the UI is at first glance.
Comments
Post a Comment