Mobile & Screen Greeting Cards. Part III. LAST

Hehe. so long didn't update. LOL. Ok, here it is the mobile screen e-card interface design. It is the Final project for one of my pre-major semester which is Digital Design for Multimedia. Basically, my blog started because of this subject, and so i try to keep blogging because i feel that up coming semester will have some more subject that required us to blog. XD

BTW, im not going to post those "steps" anymore because i did it in previous post. So i will only post my "presentation slides - progress" for the mobile screen e-card interface design. Here it is,








And this is the final outcome for my Mobile screen e-card interface design.

I really enjoy the process for making this project, its my favorite subject among this Semester. Why i said so is because, my Visual communication project is a RUSH, perspective studies bungalow wasnt as good as i expect, Drama was only good at the final @___@... culture n society presentation... HAHA.

Well, expect more fun subject coming soon for next semester. * If i dont get an Option to Progress (OTP) or retake * Probably is a NO, because i have confident that overload. XD

Until next time. =P

Bleeding Heart.

Well, just another artwork using only marker and artline pen. Trying to draw as detail as possible and also as many as i can. Btw, this is A3 size, wanted to try on A2 one day. XD

Okay, so the idea came from... urm. The idea came through my mind when i was emo-ing one quiet night. Start to sketch on it and start the work. This artwork was finished a week ago and i use around total of 12hrs to finish it. At first, was dissapointed with it because the composition and stuff was like shit, felt like wanted to give up but end up keep drawing and drawing. Luckily, result end up satisfied. Even more satisfy for the actual one which u cant see on computer, coz the copy is with me. XD

Haha. So, is your heart bleeding? XD Well, no hard feeling in my heart know dont misunderstanding. =D.


This image i already edited on photoshop. Added texture. The black n white copy, i doesnt scan it becoz i was lazy. =P
*Click to enlarge*









Next post will be the mobile&screen part 3 its the last 1. Stay tune. @____@

Until next time, chao-outside. ( PETER CHAO on youtube ). XD

Mobile & Screen Greeting Cards. Part II.

So, here it is Part 2. XD In this post i will post only the screen interface, from 1st to the last i will also post. So, take a look on how i finalize from my idea to the outcome. :)


Here it is, the very NICE greeting card.




The sketches ive sketch. Can u see it?? haha. i normally use HB to sketch so doesnt need to erase it. XD paiseh. haha lazy to photoshop it to darker so wadeva la XD
Next is the color scheme i choose.

1stchoice

2nd choice

3rd choice.

Above progress are just stage 1. Long long more to go. ( actually not much ) XD

After that, was the progress for creating the e-card in photoshop or illustrator. BTW, those pic shown below is my powerpoint final presentation screenshot, because i dont want to do extra work on saving those progress in Jpeg again. XD

Ive made 2 choices because i feel like doing two. =P. Haha. its because i saw others e-card required to trace character, but mine, only need to do a lantern so i do more work so that my lecturer wouldn't have a chance to SHOOT me XD.

Ya. thats the progress of making an e-card from sketches to finalizing.


And know, i will show you the whole e-card flow from homepage to the last page.

*Be patient it take time to loads because file size was big* O__O

2nd choice
Haha, so how was it? okay what izit. XD For me, at first i think the 2nd choice is better but then the 1st choice came out unexpected and its greater than the 2nd choice. Btw, for me i kinda enjoy doing this project although its a last minute work but it still the outcome i was satisfied enough because i know i cant expect more when i burned midnight oil to finish it.

The next post, i dont really know which 1 i should choose 1st. Confusing XD. either Part III or another Artwork.

Hehe, again, until next time. chao-o-sai. XD


@_____@ i think this is the longest post i've ever post.

Mobile & Screen Greeting Cards. Part I.

In the subject Digital design for Multimedia, we are required to do 2 icon based on the greeting card we choose. That was the previous task. And now, here it is. The final project- Re purposing the greeting cards into mobile & screen which also known as E-cards. So basically my greeting card was those Chinese New Year card. =____=.

My Mobile E-card interface design.

Loading.........

Look so cool in Iphone XD.

My Screen E-card interface.

In MacBook Pro XD.

Haha. Screen doesnt have a loading page because im so rush in time XD. The due date was so near. No time. EXCUSE. By the way, u surely curious about why there is only a few pages?? Haha. Since is part I, So i only upload Loading page and Main page. hehehe. Others i will reveal it as soon as possible XD.


P/S. Ignore the photoshop skills. I thought of posting the actual one, but look so cool with the phone n Macbook. So i simply photoshopped it. Sorry. XD

Next post should be the Part II, If nothing came up to let me post.

Untill Next time. =P

Color Palettes.

Short Post.

Haha. this post actually should be done 1 week before XD. Due to laziness i actually drag it for a week to post 3 color palette. So sorry for my lecturer XD. By the way, here is the color palette.

1)

the picture i took my color palette from.

2)

3)

I took only the background.

Here are some website where you can get real cool color palette:

http://kuler.adobe.com/
http://www.colourlovers.com/palettes

Haha. i dont really know what i gonna post next. XD Photo montage of me?? or another Artwork??

Until next time. chao-o-sai. XD

Risk 4 Love.

I am those kind of person that doesn't really know how to express my feelings and thoughts. For those who knew me well actually knew that i dont really share my feeling nor thoughts. Maybe i just dont know how to express it or i just being selfish or what so ever. Because i post this is because of sharing my thoughts through artwork.

Basically this artwork, i finished it quite a long time ago. I did it during one of my Drama rehearse at the drama studio. That time i doesn't really thought of drawing a piece of artwork or what, just to draw something to pass time. But, ended addicted to it, because i found that the outcome wasnt bad at all compare to my other Maximalism artwork. This artwork is inspired by a couple in AD0901-2. When i was using Han jie's pigment, feel like drawing something about him on his graph paper. Then i ended up drawing a girl =_____=. Unfortunately, the girl looks like jia min, so u know lah....

For information, they are couple. This make me started to think about LOVE. What i thought about is that love is very risky, you need to overcome alot of stuff to be together la... what so ever, because i think everyone should know it la... so, i am not sharing my thoughts for LOVE. It's crap. Just to update my blog. =P


By the way, Han jie and Jia min should say thanks to me because i introduce you two to in 09-1 multimedia class.


Next post should be the Color palette thingy GUA~ haha

Until next time. chao-o-sai.

FLOW CHART~

Question: Why do you want to use flowchart in your mobile interface design & screen interface design? How will it help your users to meet the interactive goals?

Basically, it makes life easier for Multimedia student. What i heard by attending the Starlite talk, those senior said that " If you dont know how to draw a proper flowchart, you wont get to where you want to be. " ( dont know whether true anot XD )

After gone through those 4 videos about flowchart, flowchart consist of the beginning point ( start ) then to the procedure ( steps ) and the conclusion ( end ). This 3 element will not absent at the flowchart.

Actually, i have alot more to write about flowchart. But, after knowing the question well, i decide not to write about the defination of flowchart so much. ( because no one's going to read it ).

Okay... now lets move to the answer. My opinion for this question is that, flowchart is a process that we need to write down all the possibilities of the mobile & screen interface design. Besides, flowchart also make things easier where you would not stuck on what you going to do next. Flowchart will know what will happen next and what you should do next if you plan it nice, clean and tidy. Everything will be shown on the flowchart. Flowchart can actually be a checkpoint also because if your design pass through a certain stage or point, it consider successful and you may move on, but it fail, you gonna try it until its right...

In my opinion, flowchart has alot of definition. It depends on what you are using and when you use it. For designing the mobile & screen interface design, it surely help to know the whole flow of the interface, the possibilities and errors that will be facing and also the next step of what we should design for the interface. For question no.2 How will it help your users to meet the interactive goals?- My opinion is that if the user make a clear and tidy flowchart it will sure make the user meet the goal easily. Just follow those steps, and will definitely meet the interactive goals.

UGH... these question is hard to answer because i personally thinks that this 2 question has so many answer and i couldn't answer all with my broken English... i already squeezing words from my brain now... i have no idea what i should write anymore... i should post a video to let you all know more about flowchart... Here it is~~~



*BE PATIENT IT TAKES TIME TO LOAD*

ICON -> LOGO

After the user testing, my icon were told that it looks like a tiger more than the lion dance. So, i thought of creating a logo using my icon. I used tiger beer to do my recreation of icon~ Well, just a sharing how my icon looks like a tiger~... BTW, thank you those who post a comment on my user testing. I really appreciate it.

To: those who leave a comment for my user testing~ Cheers~~~~~~

* ignore my illustrator skill*

Just to show you my transform from icon to logo~ IGNORE the highlight, structure of glass~ Those are only to match up my Iconic logo. Those bottle and reflection is some 3minutes work. If i do that for my project i may end getting 'shoot' from lecturer.

Anyway, next post will be another assignment post~ LOL. Question again. But only MMstudent can answer it~ Because life is unfair. =P

Evaluate. icon. Ver 2.0

I need your help. Yes, i need your help. Kindly reply all the question im going to ask and leave a comment. Before, lets take a look at my raster/pixel and vector that ive created. Ok, lets move on. 1st question.
1) Did they look like an icon?
a) Yes
b) No
c) what is an icon XD

2) Can you recognize what theme it represent?
a) Lion dance
b) Tiger
c) unknown animal/creature

3) Do they look nice for you?
a) Yup
b) Nope
c) Kinda

4) How was the color combination for the icon?
a) Awesome
b) good
c) can be improve

5) Can you see the home icon and contact icon clearly for both raster and vector?
* look at the smaller version icon*
a) Can
b) Can't
c) not really clear.

-------------------------------------------------------------------------------------------------------------------


DETAILED VECTOR USER TESTING !!!

The Vector contact icon. ( below )

The Vector home icon. ( below )

This is a image to criticize for vector icons~

Ok lets start.

6) Which one you prefer for the home and contact icon?
( answer it from home to contact. etc: 1,1 , 3,2 , 2,4 )

7) Which 2 icon doesnt really show the message- home and icon ?
( answer it from home to contact. etc: 1,1 , 3,2 , 2,4 )

8) How was the design?
a) Well done.
b) Good.
c) Can be improved.

9) What can be improve?
( write your own opinion )

10) Which color combination looks nice?
( answer it from home to contact. etc: 1,1 , 3,2 , 2,4 )


-----------------------------------------------------------------------------------------------------------------

DETAILED PIXEL USER TESTING !!!

This is a image to criticize for on my pixel/raster icons~
p/s this image color wasn't really accurate

Ok lets start.

11) Which one you prefer for the home and contact icon?
( answer it from home to contact. etc: 1,1 , 3,2 , 2,4 )

12) Which 2 icon doesnt really show the message- home and icon ?
( answer it from home to contact. etc: 1,1 , 3,2 , 2,4 )

13) How was the design?
a) Well done.
b) Good.
c) Can be improved.

14) What can be improve?
( write your own opinion )

15) How was the color combination?
a) Well done.
b) Good.
c) Can be improved.

Kindly wrote down your name after you comment because i owe you a thank you.



JUST COPY the question 1 to 5 and paste it.
JUST add an '=' sign below each question and write down your answer.
and finally add your NAME below it so i had a chance to thank YOU.
* I will post an example at the comment list *

The manmade robots~

First of all, here come the ironman pixel icon. A lousy ironman pixel icon made by me. I made this icon because i have extra time after i finish yin ying's buddy icon. Well, that day, yin ying was wearing a mask, thats why i finish her buddy icon so fast, took me only 15-20 mins.

The ironman ( old version XD )

Pua yin ying ( if im not mistaken )

Besides, let me show you what i've saw just now. The super ugly shit PG OO raiser XDOk, i admit, this picture looks attractive to me. (on top )

By the way, it cost 26,250 yen ( inclusice tax ) = RM800++ ( if im not mistaken ). If any1 of you are so rich and want to give me as present, i dont mind. :D

First post that did not involve assignments~ i thought this blog suppose to be a assignment blog XD well, maybe im addicted to blogging... will share my icon next post from sketches to results. :)

ALARM CLOCK wanted~

As promise from the last 2 post, time to revealed the Redmond's mysterious alarm clock that could not wake him up on time~ Crap~ this is an exercise, again to learn more about gradient stuff in illustrator. Mine version of alarm clock doesnt have a very big difference compare to the actual one. Because i dont have a 'BIG' mind to impressed people with my lousy alarm clock XD Well, another thing is that i promise to put up the buddy icon that made by me. Eventually, i lost the 2 file which feature Yinying's icon and my Ironman icon~ But, i manage to find my icon made by Yin ying so i will post it also.

Here it goes~

The Pariah Alarm Clock~

The pixelated redmond~

Just wait, i will find back my buddy icon back!!!

OMG~

Oh My God~ I just found out this mistake that I've made~ As you can see in the last 2 post, it was my PIXEL color analysis~ And if you see the image clearly is actually a VECTOR color analysis... I made this mistake for about a week and i did not realize until i spot out the difference. What a mistake that i made, because i name with almost same name for those file. Now i will post the PIXEL color analysis~ Luckily this wasn't the real submission. wtf.