Wednesday, October 17, 2012

Beautiful Web Week 7



For the background, just a blank background was using on second page, fully width picture on main page . Make reader feel like simple and clean on the background. 

For the font, just lack of font using on this website, and have apply hierarchy on navigation bar. 

For the image, a lot of images was used, and it was clear and big enough for reader to view it . 

For the layout, a bit messy on gallery part, but it was special compare with other website. For the navigation bar, it was keep repeating on left side whenever we scroll down.



For the background, only apply with 1 background color that is grey toning color. And make a focus point on main table. 

For the font, the color for the font is matching with the background. So , the different for the font is not so much on this website. Just using same typeface with different family.

For the image, special arrangement on main page, have a effect when mouse over on main page images.

For the layout, clean arrangement with using grid system on this website. Easily for reader to reading the whole pages content.






For the background, was apply different background on this website. Kindly different compare with other website. And given reader a different feeling on this web. 

For the font, apply different color with different content on top table. Other than that is nothing much special. Just make more clearer on header with bold type. 

For the image, special effect slide with mouse on top table images. And it was given a cleared information for reader to view the images at first attention.

For the layout, the timeline content and event content was apply with grid system to have a  clean arrangement on this webpage. 







For the background, no have any background color . Just using a clip and animation to represented background. It was different compare with other website. 

For the font, was apply a handwriting font on navigation bar with pop out some short animistic . And when click on navigation bar, its will pop the navigation that we clicked with pop out a big font size header. Quite special with it. 

For the layout, quite special arrangement on this website, and this website is more focus on the clip. So. Its no much of content and layout was applied, For the navigation, its was used a bubble to represent their navigation button.

















0 comments:

Wednesday, October 10, 2012

Beautiful Website Week 6


For the background, a futuristic background with texture. Make reader a kind of feeling like enter a future dimension. 
For the text, less of text was using. Cause it was storyboard website to produce their product. Just a gradient treatment font for their title. 
For the images, a lot of illustration images used, because this website is storyboard represented website. 
For the layout, no grid system was used. Fully images and some word only applied on this website . 


For the background, different background with some color and texture was applied on this website. a kind of different feeling for reader.
For the text, clear enough for reader to view it. because the size of font on whole website is big enough, easily for any reader to look on it .
For the images, a fully width images was using . For the bottom part of main page, the images was apply overlay with background, because this website is more focus on read. 
For the layout, just for the gallery following the grid system. Other than that is fully width, but overall look great on arrangement.



For the background, a black and white color with toning was used. Some of background was applying texture on it. Make a contrast and clean feeling for reader at 1st attention. 
For the text, great font system on it. Because its really easy know where is header and where is body text. Easy for reader to read a information that they want look for it. 
For the images, some of images was applied with flash effect. When scroll down , its will have scroll down effect too. 
For the layout, a different arrangement with different background. But the way, its look very confuse at overall. Although confuse , but its was clean with arrangement. 



For the background, colorful theme applied on this website. Its will make reader have a colorful thinking with this website. For the navigation color is contrast enough for reader to know about content inside navigation. 
For the text, apply all font type on it, example bold, italic and regular . Bold on title and header, italic on subtitle and regular on body text. And leading for the font is clean enough to reader look for the text. 
For the images, it was look contrast and clear enough for reader to view it . And some of the images part was applied flash effect. Such as the ipad part images was applied slider. And for the speaker part was applied pop out effect. 
For the layout, it doesn't have much of column on it. So we easy to read all content on this website. 


0 comments:

Design Agencies

Agencies In Malaysia

Agencies In International

0 comments:

Sunday, October 7, 2012

Gantt Chart For Design Method 2



0 comments:

Wednesday, October 3, 2012

Beautiful Website Week 5



For the background, like a metallic style for the color. Just using a single color with the toning.  

For the text, create a hierarchy on the text. Just using 1 typeface on it with applied bold and italic style .

For the images, big and clear images was using on whole website. Reader will easily to understand what was image represented about.

For the layout, using 1 page scroll down with whole website information. It was convenient for reader to view all of content. 






For the background, applied dark color with texture on this website, make the thing pop out and look contrast at all.

For the text, especially for title, was using a proper font matching with the texture background. Look as 3D font. Other than that just a normal font . 

For the images, a lot of film poster was used . It was clear enough for reader to view it. And the arrangement for the images is using a slide bar to scroll it side by side. 

For the layout, it don't have many of column . So reader will easily understand the information on the content. 




For the background, just a simple black color for it. And for the bottom part was using dark grey color. It was simple on background because this website it will more focus on movie scene.

For the text, it was matching with the themes of this website.And font for the bottom part of this website was overlay with the background. And will default when move over on the menu.   

For the images, a lot of movie scene images was using on the website, because this website is about a movie website. And for the top was using a scene part image that can scroll it side by side. 

For the layout, not much of column and layout was using. Arrangement on the image was according to the grid. It was comfortable to reader. 




For the background, was using 3 type of background on this website, 1 is contrast texture, 1 is brightness texture and another 1 is illustration . Make reader get a different feeling on this websites.

For the text, different typeface to represented title, heading, body text. It was easily for reader to grab attention for the text.  

For the images, a lot of images was used using on this website, cause it about the case study of  games. And for the middle part of website, 5 categories images of the progress was applied creativity in this website compared with other website. Why? Because when we mouse over on 1 of categories images, it will automatically shows up the 1 of categories images with more details.  

For the layout, it was follow by the grid system. Did not look too messy at all. 





0 comments:

Wednesday, September 26, 2012

Beautiful website week 4



For the background, it was soft and warm color , give reader an old style color scheme feeling.  

For the font, quite nice for the title, it was overlay with texture. Make the font came out. 

For the images, a animation style images. Because this website is about a story of animation.

For the layout, quite special for loading bar. And other than that is was using simply layout , although it was simply, but still give a reader comfortable feeling.   





For the background, a dark color and with some texture background on it. Make the object contrast with it. Easier for reader read out all the content.  

For the font, a simply font was applied on this website. But for the body text, quite hard to give reader read it, cause of the size of font is a bit small. 

For the images, a lot of images was using, because this website is about a portfolio of design and photography. And for image that on main page, it was big and clear enough for reader to grab attention.

For the layout, was apply a grid system on it . Nice arrangement with overall website. Easy for reader understand which part is which part. 





For the background, 4 different background was applied on this website and give a reader a different feeling with each background. 

For the font, was creating a hierarchy for the font system. Readable for reader to grab attention on it. Easily to know where is heading where is body text . 

For the images, it was big and clear enough for reader understand. Especially 4 different background with 4 different main images.

For the layout, nice arrangement on overall, not confusing while we read all of the content. 




For the background, a old style color with texture background on it. Given reader a kind of feeling like back to vintage generation on this website.   

For the font, whole website was applied with old style font, special with it. And size of the font is big enough for reader to read all of content. 

For the images, 3 different style images was applied on this website, 1 is old style image, 1 is color image and 1 is illustration image on it. Given reader a comfortable feeling on this website.

For the layout, is not too much arrangement applied on this website, because fully of images . Just on gallery and schedule with grid arrangement .





0 comments:

Thursday, September 20, 2012

Some Cool Photoshop Tutorial

Give a Car Photo Super Slick Lighting Effects




Create a Dynamic Particle Explosion 



0 comments:

Beautiful Website Week 3



For the background, a colorful color with texture was used on this website, because this website is about color. So was exploring with a lot of color.

For the font, it was big enough for reader to read it. And was using different font for title, heading and body text. Easily for recognize.

For the images, a lot of images was used on this website and the size of images clear enough to view it. Some of graphic style image was appear on this website to represent graphic with color.

For the layout, just a simple layout was used. Similar as with blog layout, easier for read all content.







For the background, a simple color with romance feeling on this website. It very match to the theme. And some flower texture was used too. Make a different feel for reader.

For the font, it was suitable for this wedding theme website,  and also not using a lot of typeface on this website.While the color of text, just using 2 colors on it.

For the images, the main for the images is big and clear enough for reader to view it.

For the layout,it is a simple arrangement on this website. It doesn't have many of column.So, reader can easy to find out what information that they need. 







For the background, it just a simple color and blank background. Although it was simple, but it was give a reader a clean feeling.

For the text, a special font on title, and other than that is simple font. Even it was simple, but it was giving reader a clean feeling for the font.

For the images, a lot of graphic style images on this website, and for arrangement of images is simple way on it.

For the layout, simple and easier layout for reader, it was easy for reader to find what they want. There also put for information with simple way too.

Overall on it, this website also got applied flash on the top page of website.





For the background, a texture with grey color was applied on this website, and some decorative also was applied on it. So , it won't getting boring with the background.

For the text, a special font applied on navigation bar there. For the other just a simple font with nice arrangement. Even it's was simple , but it was applied hierarchy for font. Easy to find out where is heading where is body type for reader.  

For the images, just a few of images was used on this website. Because it just appear on top page on this website.

For the layout, also similar with blog layout. But the way, below part of website, we can find out a site-map of this website. A way to make reader find out information easier.








0 comments:

Saturday, September 15, 2012

WD1 Final Project : How To??

How to make melt chocolate strawberry ?

Who am I  - Chef
What is it  - New recipe for strawberry
What for   - Strawberry festival
1st task     - Prepare and show the materal
2nd task    -Mix the material (chocolate) = (1-3 steps)
3rd task     - Cover the strawberry with melt chocolate = (4-6 steps)
Outcome   - Many of melt chocolate strawberry in festival
Showcase  - Strawberry Gallery

How to burn calories ?

Who am I  - Body builder
What is it  - Healthy life-stuff
What for   - A person that who want diet
1st task     - Some food that we should stop
2nd task    -Way to burn calories = (1-4 steps)
3rd task     - Way to burn calories = (5-8 steps)
Outcome   - Have a healthy with great look body.
Showcase  - Info-graphic

How to bag-pack packaging ?
Who am I  - Traveller
What is it  - Journey
What for   - Visit for new environment
1st task     - A thing that should be bring
2nd task    -Tick some interesting location on map
3rd task     - Way to go
Outcome   - Capture a new environment and sharing with other
Showcase  -Map/ Photo gallery

0 comments:

Beautiful Website Week 2






















Justdot

For the background, a black background with texture was used. It's represented a blackboard on this website.
For the font, it's was using chalk style font with some treatment on Verdana typeface. It's give some feeling like a scientist website for reader.
For the images, just a few images that was used on this website, cause this website is about study case website .
For the layout, just a simple layout was using on this website.














For the background, it was just a white and blue color, a simple background with readability.
For the font, a bigger and easy recognize typeface for reader to read it . It was using Arial font with some treatment on this website.
For the images, a vector images with clear resolution, easily understand for reader .
For the layout, not much of layout was using on this website, because this website is kindly like mind map website.


  


For the background,  a brightness color background used, its look contrast for reader.
For the font, Helvatica typeface with some treatment was used on this website, this website was using lot of treatment on this website, its look special.
For the images, a lot of images on this website, because this website is selling and promote their product website.
For the layout, left a big layout for a images, easy for reader to get 1st attention .





















Cilantro Cafe

For the background, just a texture background was used on this website, to make a different feeling .
For the font, a retro style font was used. It was special and suitable for the background.
For the images, a cool art style image that was using on this website, like a kind of traditional way .
For the layout, it was interactive grid was used. 

0 comments:

2nd Week Website Tutorial


Create an impressive videographer website portfolio layout in photoshop

 


Colourful, funky web layout tutorial 



Creating a Clean Furniture Website and Gallery Layout in Photoshop




White Note Book style for website design  


0 comments:

Wednesday, September 5, 2012

Website analysis

Some of website analysis 





















http://www.ectomachine.com/

Ectomachine

- For the background.Simple and nice background with black color, and having a paper texture overlay with background color. Make different feeling with overall of background.

- For the text. It's just using 2 different type font on this webpage, because this kind of webpage not really using a lot of type font because overall of website was complicated enough. And the color of text is matching with the background color at all. 

- For the image.A big and clear images was using on this webpage, and it was giving a clear information with each images. Images for the below side of website although it was small, but its enough clear for view it.

- For the layout. It's like a blog layout , arrangement with simple and easy way. To make reader easier to view    information. 

- For overall,this website was giving futuristic feeling to reader when first grab attention.  


















Goodbysilverstein

- For the background.Simple and nice with gradient color for it (blue and dark blue), it was look contrast .

- For the text. A lot of text was using on this webpage,and simple type font for this website. The color for the text is matching with the overall color. It was giving like a night time feeling.

- For the image. A lot of images was using on this webpage too, each images was having their information. The arrangement of images was focus in the center of webpage, it was not confusing reader to view the images.  

- For the layout. Just a simple arrangement and easy layout. Because images was giving their information already, so this webpage not really need to be complicated.

-This website was giving the reader a easy and uncomplicated way to view all of information.  
















Louis Vuitton (LV)

- For the background.High class standard feeling Color mood of this website . It was given reader as precious feeling with this website. 

- For the text. A lot of text font was using on this webpage, but all of the font is representive simple and clean . It was suitable for precious feeling website. 

- For the images. It was a lot of images was using , because this website is about fashion style. And some scenario images was used because to representive a meaning of menu in this website.  

- For the layout.This website doesn't have many column , because this website is about selling product website, we can easy to find out what we need. There also put some information with simple way too.

- The overall of website gives the readers a confortable ,precious and clear feeling.








Envelopments

- For the background. Simple white and grey color with some images was using on this website . It give reader a confortable and a clean feeling.

- For the text. Just using 1 of typeface on it ,a simple typeface with bold. The color of the text is match with the website, it's look naturally color for it.For this website, was using bold and different color font to represented the menu. It's easy for reader grab attention on it.

- For the images. A big and clear enough images was used ,each web direction got each images with different feeling. Because of this website is for selling product website, so it was a lot of product was apply on main page. Giving reader grab first attention on their product .

- For the layout. Just a simple and easy layout on it, a normal column system. Beside that, on the below part of this website, we can find out a social contact or email contact logo on it . To make reader easier to contact them with different way. 

- The overall of website .Its look like naturally feeling website ,because their website production is about paper and envelopment. Kinda of fresh for reader to view this website.  

0 comments: