Final Project Initial Idea ( Web Design Communication 1)

I was given project title : How to.................. Here is some of my ideas for this subject's project.

1. How to recreate, remake unwanted t-shirt.

- How to D.I.Y

- Tutorial about crop, slash.wave, braid on unwanted t-shirt into an interesting new t-shirt.

- Tutorial Making accessories using unwanted t-shirt

Source : 

http://www.vanessachristenson.com/2011/03/v-and-co-how-to-jersey-knit-bracelet.html

http://www.lovemaegan.com/2009/07/recycle-your-clothes-diy-jersey-tank.html

2. 3R's - Reduce, Reuse, Recycle.

- Simplified and summarize about this habit. (What? How?)

- Importance of 3R's. (Why?)

Source : 

http://www.highcountryconservation.org/reduce_reuse_recycle.htm

http://www.recycling-guide.org.uk/

3. How to fall asleep faster.

- What makes us insomnia

- Ways to sleep faster

Source : 

http://www.to-done.com/2006/01/tips-for-sleeping-better/

http://sleepcottage.com/how-to-fall-asleep-fast/

Screenshots On Beautiful Website With Analysis.

I'm going to do some screenshots on few beautiful websites and with a little bit analysis of the web based on my personal opinion. *No offence*  :D. Actually I'm just doing my Web Design assignment  *teehee*  

No.1

First website named Fitz Fitzpatrick. It is quite nice and its all like hand-draw illustration,hand writing typography as simple explanation, natural art style. I'm loving the art-style of this website and the color used is just nice. When you roll over the icon, they will appear skeleton of the icon (sketch one) and this designer use these specific icons to represent himself and did a lil explanation on it. Fitz Fitzpatrick

The roll over icon.

How the designer describe himself and draw himself. (Below)

No. 2

The second website that I found very cute. I got attracted by the cat logo probably. They let the viewer/readers to choose the style they like before they enter the website. I found this quite interesting. Maybe with your chosen style, you'll be more comfortable and feel warmer/close to the webpage? I think so because I feel this way. And they include some java script inside to make the webpage more alive. Mimai

Vintage

Minimal

Cartoon

Simple, neat and tidy interface with vintage style. 

There is also option for you to change your style at the bottom. 

Simple icon deliver correct information although we don't understand the language.

No.3

3rd website I found was cool! The artstyle make the website look so 3D but not messing up everything. Grey, white, black, red, pink...simple color but it make the website look so personalize, professional designed. Cool vector art of this website is really attractive. Nerisson

When roll over the pictures/photos/icons

No. 4

Last but not least, 4th website - Uniqlo Thailand website. It is quite unique. They mainly use red and white color and add on black and grey for others. 4 simple colors make 1 nice website. The angle of this website is similar like Facebook game. And when you roll over those buses, there are some people's comments popping up (I guess is comment. I don't know how to read Thai.). When I click on their map, it's so lively. Cars moving around, sky train, Uniqlo buses etc. Interesting website. Other than lively map, there is also 3D floor plan! So understanding and user-friendly. Uni Group Thailand

Screenshot on Web Design Photoshop Tutorial Website.

Tutorial website on Photoshop and Illustrator sometimes its helpful when we need some tool to help us continue on our work. Meanwhile, tutorial website interface do attract us to continue reading on the tutorials.

I'm going to screenshot some tutorial website that I think is quite useful and helpful to me. Hope you like it.

No.1

Specky Boy

There is a few web design tutorial in this website and I found it quite nice. The way they teach also quite detail and they wrote what they will be using in the tutorial and attached link to download so you can follow their tutorial nicely. 

Few popular articles stated in this blog.  You can search most clicking articles here.

There is also categories for you to choose in between Web Development & Graphic Categories. Quite thoughtful.

No. 2

Continue sharing another web tutorial using Photoshop. This web design tutorial contain 200 different design and tutorial. I can feel that its like a dictionary that solve your problems. *laugh* Different style of layout contain here. 

Trip Wire Magazine

Omg! Found not only web web design but also navigation bar, search bar tutorial available. So nice. This tutorial website really nice. *nod head*

No. 3

Hong Kiat

Another tutorial website found. Another 40 over web interface design photoshop tutorial found. 

There is a facebook page on his website. And a recent activity side bar available. So you can keep update on what he uploaded!

No. 4

Last but not least.........

Smashing Buzz

This website have different style of layout. Eg from this website : Dark corporate, Cartoon, Business, Software etc...

There is also some links on this website, the owner stated - my friends. All about design. Icon design, iPhone, Tutorials etc etc.

It come to an end of my screenshot on web design Photoshop tutorial website. I also found those tutorial website that contain 30+, 40+, 50+ tutorial on 1 website useful because you'll never know what style or what kind of design you're going to do. So, in this post, I recommend and screenshot on the major tutorial web page instead of one tutorial web page. Hope my readers will like it  :)

Buddy Icon!

Finally I'm done with my buddy icon. 80% done then leave it there continue my other DDMM assignments. Hehe. My buddy icon is one of my classmate, Joyce. Well, quite fail because it doesn't really looks like her. I feel that only the hair part look alike. T.T

Create Web Safe Area

How to create a web safe area?

>> If you're using mac > go apple > system preference > display > choose resolution that you want.
>> If you're using pc > right click on your desktop > screen resolution > choose resolution that you want.


>> Print screen with the browser that you wanted to use.
> Mac user : Command+ Shift +3
> PC user : Ctrl + Alt + Print screen , save it inside paint.


>> Open up the print screen in Photoshop

>> Use Rectangle tool select content area (except scroll bar + tabs above + start bar below)

>> Go Window > Info

>> Change the preference units & ruler from CM to Pixel

>> Then you can found your selected content area pixel at Info channel

>> Unlock background layer, create new layer on top of it

>> Change foreground colour from black to white

>> Edit > Fill foreground colour

>> Then use Text tool to write down selected content area pixel on it.

>> You're done with creating your web safe area.


Here is mine :

Google Chrome with 1280px x 1024px screen resolution.

Firefox with 1600px x 900px screen resolution.

Internet Explorer with 800px x 600px screen resolution.

Have fun!

Oh No!

12:19AM in the morning. Good morning to everyone. It's like few more hours to my bed time. I'm just doing short blog post then gonna start my assignments soon.

What special about today?
- Received lots more assignments. ( T.T Icon design..I'm really bad in developing design..How can I improve? T.T)
- 1st step heading to my freelance job introduced by one of my friend. Although it is quite simple job, but still challenging to me.

I'm gonna prove I can do everything nicely. *Muahahahaha* Try my very best. Now I realize that time management is really important. 1 more minute eating and chatting feeling waste of time. Now, I really miss sem 1 and 2 life. It's much more relaxing. Can even lepak with friends and watching drama every night.

~No pain, no gain.~ *^.^V*

10 Things That Describe About Me (Metaphor)

This is like 3rd or 4th or 5th blogspot I own. Another 4th or 5th or 6th blogspot......................

Welcome! ^^

♥ As skinny as a bamboo, as tall as giraffe that able to reach the highest tree. (Conclusion : I'm like a bamboo giraffe xDDD )

♥ Like a CD player non-stop singing loudly while doing assignments. To me, singing out loudly when I'm doing assignments is releasing stress while gaining. But.....I won't do that in public. People will think I've some mental problem

♥ I'm like a picture that photographer out of focus. I never wanted to be a focus picture as it might be a big burden. Hmmmm....Maybe once a while will do. ;) *teehee*

♥ Trying my best like a grandmother caring, giving out warm to everyone. I used to lost friend easily. So before I lost them, I'll be as wealthy as I can to be their side whenever they need me and 
I love to make people feel warm and cared because I always hope that people do that to me always.


♥ I'm like a 24/7 water boiling kettle. A girl with hot temper which is quite bad. But after I enter T.O.A, I become more and more patient because I know I'm imperfect. Be patient to learn more, receive more critic to gain experience, knowledge.


♥ My brain is like a bottle with hole. Knowledge can fall out easily especially studying books with words, listening lecture.


♥ As perfect as a crystal ball. I wanted everything to be perfectly done. At least 99%. But it is quite hard for me to do it on every assignment. But I achieve on last semester which is silk printing a cropped tee. *Shinggg*.


♥ As clean and tidy like a new born baby. I wanted everything around me to be clean and tidy and neat. Not clean? But at least neat. Can't stand messy people, messy work, messy working tables and especially daily used stuff.

♥ Sometimes I'm as quiet as a non-living object but sometimes I'm like a live radio DJ non-stop talking. My emotion can easily affect by peoples and situation which is quite bad. :( 

♥ Like a photostate machine that reflect your attitude on me. I treat people based on how they treat me. I appreciate based on how much people appreciate me. I ignore people when people treat me like transparent. 

♥ As humble and passionate like a F1 racer. Humble to learn everything as fast as I can. After enter T.O.A, I realize I'm this passionate on something. I'm looking forward for more learning and gaining knowledge.