kung ch3 project

1.

There is way too much going on and i can't even read Japanese. 

2. 

everything is very calm and monotone but you still know what to look at

3. 

its all images, making it hard to know whats a link or not

4. 

it clearly tells you what to click and makes it a different color 

5. 

everything is laid on top of each other, making it difficult to understand 

6. 

you can obviously tell where this begins and ends and how they split apart

7. 

these images are all very well known and east to figure out 

8. 

you can look down the line and understand whats important 

Don't make me think

1. nothing important should ever be more than two clicks away
2. If something is important, it should be easy or access.
3. question mark
4. unfamiliar names, un-obvious links, search bars, unknown starting point
5. one without boxes, no curser, flat
6. it distracts us from the task at hand, leading us to just give up. people don't enjoy puzzling over how to do things.
7. Where am i? Where should i begin? Where did they put (blank)? What is important on this page? Why did they call it that?
8. understanding the basic principle of eliminating question marks.
9. the competition is always one click away
10. yes, because there a millions of options on the web and plenty of good designers that are more dedicated than you to eliminate questions
11. Although many people tend to blame themselves and not the site, the audience would have a much more positive remembrance of the site and maybe even recommend it to a friend if they had a good experience and enjoyed it.

Index revisions + critiques

This was my original website-

After looking at the critiques, i realized i needed to make my website responsive and work out some issues with the background being seamless. I also had troubles with the link placement, considering they were in divs so i couldn't make them responsive with the rest of the website. 

This is my website now-

I believe i have fixed a majority of my problems, yet my links are still not going to be responsive. Because of this, i know i still have work to do, and I may have to reorganize my placement once more. But the critiques showed me many things and helped me advance my website.

My New Logo

This was my mood board for the project. I definitely wanted to incorporate tea into my logo in some way. I wanted it to show my love for tea and how down to earth it is, showing that its very original and full of love/passion. I'm very much in love with simple yet extravagant things- so the fact that a tea cup can be both of those excites me. it makes me feel all warm and fuzzy inside.

These are the sketches that i originally came up with. My thinking throughout doing this was very chill and original. One of my favorite things is tea, and I'm constantly either drinking that or coffee. My inspiration came from a font i found on a website, showing letters hanging from a string. that kind of gave me the idea of using the letters as tea bags, and making it really clear thats what it was.

This is the first Design i came up with, it started out very simple and not quite drawn out right, but i believe i was on the right path.

After i had created the first one, i made multiple variations of it and tried different colors and textures. I also did many different variations of my name and tried to find the best one i could that would fit onto any business card or banner. 

This is my final logo and the one i have decided to use to represent myself. I ended up with a more tea tag looking feel, rather than a tea bag. i also added some more texture and created liquid inside the cup. Overall, i feel that this logo really represents myself and shows the world not necessarily who i am, but what i enjoy.

Extra Credit

Kerning

In typography, kerning is when you adjust the space between characters in proportional font, usually to receive a visually pleasing result. In a well kerned font, the two dimensional blank spaces between each pair of characters all have a visually similar area. In this game, we were asked to move the letters around blindly, trying to put them in the correctly "kerned" spot. And if we got them in the correct area, it would give us 100%.

I was not able to be at eMagine, but i know how great it truly is. eComm is made of amazing artists that have a passion for what they do, and seeing them be rewarded for that is a wonderful thing. These kids have worked so hard on their work and will someday do amazing things with their talents. I am so proud of every one of them, and i am honored to say that i am in this program. Its a lovely thing that we can all experience and it shows what we love to do most. You could be in video, graphics, web, or animation, but nevertheless, you are still a part of the e-Communications family. 

Responsive Web Design

Responsive Web Design is a Web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.
As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.

This is the smallest profile, showing 

that everything has compressed and 

come together, still showing the basic

 knowledge of the website. 

This view is nice because is shows

 how the words have compressed, 

and the links have changed position,

but it still gives you a basic site of 

the home. 

This view is the basic start and shows where 

everything is originally, giving you extra space 

with the links and things.