Try Out in InDesign

During the weekend, I try to create some content in InDesign for tryout.

First, I create a document which I choose digital publishing and choose ipad, as the magazine that we going to create will be view in ipad.

Then I start to build in the content.

Then I preview it in content viewer. It can be scroll up and down, but when the mouse release, it will go back to it's same position which is the upper part. So I will have to tryout another ways to make it scrollable.

I also have tried to adjust the margin to see the difference between setting up margin and without setting up margin, but it seems that there's not much difference....

Feedback on Group Leader

During working with our group leader, Jared Yap for 3 weeks, he manage the time quite well and organize the work for us quite well. His work is also good and he provide really good ideas about the assignment and make sure all the group members submit their work on time.

Now it's time to choose a new leader!

Strength and Weakness of Each Group Member

After working with my group member, Jared Yap, Nathania and Spencer Koh for six week, I happy working with the three of them as they are very efficient and submit the work on time, so I don't really worried about the time management. At the same time, I also realize some pros and cons in them.

Jared Yap:
He is a fast thinker and very creative in our group, while we were thinking of an idea, he already come out with an idea, he done his work efficiently and will the first one who upload to Facebook page. And sometimes he is quite blur and not get into the situation, but this not happen often.

Nathania:
She is very hard working and willing to accept any criticism regarding her work, and she have a really good sense of graphic and her work is good. She also will post her work on time on Facebook page. But one weakness about her is she can indecisive regarding her work, when we say something up to you, she will hesitate and don't know what to do for a moment. But she still manage to get her job done.

Spencer Koh:
He is the most quiet person in our group, but he also give some good ideas regarding assignment. Even though his work is not good and not bad, average, but he will post his work on time to Facebook page for us to have a look at it. However, I realize that sometimes he is quite impatient when doing something that is repeating and not getting the result.

Video Reference for Cover and Content Page

To show the example of how our cover page and content page going to looks like when in the form of interactive magazine, we have created a short animation of cover and content page.

The animation for cover page done by Nathania, whereas the content page done by Jared Yap.

This is the animation for cover page. After several of comments and feedback from our group, Nathania manage to create this short animation. I think the timing is good, but there are some pause between the movement. But overall is good.

This is the animation for content page, created by Jared Yap. The picture at the top left will change at some time, and the content which at the top right, will change when the reader click on the content that they wanted to read.

Presentation Slides

Here is our presentation slide which we put only pictures. Basically is about out final mock up and it's own function.

This will be our cover page of the magazine, this will later show in a video on how the images are going to move.

This is our content page, and it will show how it function in video form.

 This will be the page for our lyrics part, there will two songs from a band to let the reader choose.

Once the reader have already pick on which song they are going to learn, there will two instruments for them to choose.

Let's say if the reader choose guitar, the tutorial page of guitar will be shown. The upper part will the song demo just in case the reader not familiar with that particular song, the lower part will be the tutorial of the song of how to chord should sound and the strung.

 This is the final mock up layout of behind the scenes part, the upper part will be the panorama of a studio, to show what is inside the studio.

After swipe the lower part, it will come out these three buttons, which is pre-production (interview), production (recording) and post production (sound mixing).

After the reader tap on interview, it will be the interview of an artist about the studio set up and writing the lyrics. The texts beside the video will a scrollable information, so that the reader can scroll up and down to see the explanation.

When the reader tap on interview button, the picture which place above will be a scrollable left to right frame by frame to show the process of setting up the instrument to the singer start singing. Text below will be the explanation of it.

This is the page where the reader can hear the multitrack of the songs. For example, when the reader tap on the microphone, only the vocal will be played; if tap one more time, it will stop. This apply to the same as other three instruments, keyboard, guitar and drum. Besides than stop and play the song, the reader can also adjust the pitch and volume of each of the instrument.

Presentation

Today is our presentation for final mock up of our design, and our client are suppose to attend to the class and look at our presentation, but because of he is quite busy lately, so he couldn't make it to attend the presentation. So our lecturer decide to use a camera to record our presentation slide, and we explain it. Wanting to save time, we let our leader, Jared to present it.

Picture above is our presentation with our lecturer who is standing at the tripod there, and Jared (sitting) explain it.

Final Mock Up for New Layout of Behind the Scene

During the discussion about the the mock up for the behind the scene part, our group mate Nathania come out with a new layout of behind the scene.

So we sketch it out for the rough idea.

After having a rough idea, we immediately execute it. I have come out with the design for the introduction of behind the scene part.

This will the introduction part of behind the scene, there is an arrow there which will lead it to another page.

This is the page where it will lead to. There are three part of it, which is pre-production (interview), production (recording) and post production (sound mixing).

 This will be the pre production page which design by Spencer, after the reader tap on interview. This will be the interview of an artist about the studio set up and writing the lyrics. The texts beside the video will a scrollable information, so that the reader can scroll up and down to see the explanation.

This will be the production page which design by me, when the reader tap on interview button. The picture which place above will be a scrollable left to right frame by frame to show the process of setting up the instrument to the singer start singing. Text below will be the explanation of it.

This is the post-production part which designed by Jared, this is the page where the reader can hear the multitrack of the songs. For example, when the reader tap on the microphone, only the vocal will be played; if tap one more time, it will stop. This apply to the same as other three instruments, keyboard, guitar and drum. Besides than stop and play the song, the reader can also adjust the pitch and volume of each of the instrument.