inspirban.JPG
inspirban.JPG




|| Website


York/SHeridan Design Graduation Show 2011 website is up!

check it out and get inspired!




Some inspiration for website design, just a compilation of nicely designed websites

http://www.beautifully-webdesign.net/
http://www.webcreme.com/





[[#x|| Website]]|| Website



40 Cool Website Design Ideas




[[#x|| Website]]|| Website


Pretty sick & very interactive site.

http://www.matthiasdittrich.com/


[[#x|| Website]] || Website


FFFFOUND!

FFFFOUND! is an image bookmarking sites where members upload cool images they find. Although there is the odd mature image or two, the majority of content is really cool and good inspiration. Because it's run by all its members, the site is constantly updated.
Screen_shot_2011-03-29_at_10.50.38_AM.png
Screen_shot_2011-03-29_at_10.50.38_AM.png






http://www.johnsonbanks.co.uk/

Screen_shot_2011-03-28_at_2.42.22_AM.png
Screen_shot_2011-03-28_at_2.42.22_AM.png



This website uses a really cool way of navigation (mind-map like). It is very interactive and different from the other websites.
Check it out!!




SIXREVISIONS.COM


This website is amazing when it comes to inspiration for web design using a plethora of programs and techniques. Enjoy!
sixrevisions.jpg
sixrevisions.jpg





PROCESSING


_2011-03-27_오후_5.09.10.png
_2011-03-27_오후_5.09.10.png


http://blog.naver.com/controlz?Redirect=Log&logNo=40110079945
This is from korean blog that i found and it shows all the code for this video underneath.




19-top-fonts-in-19-top-combinations-chart-1.jpg
19-top-fonts-in-19-top-combinations-chart-1.jpg

So I got this file from my design and image prof and found this helpful if someone is planning to use one or more fonts for your website!

=


HTML 5 - Web Font Goodness==

Internet Explorer 9 now supports WOFF, and the Friends of Mighty have joined forces to explore typographic possibilities on the web.



Lost World's Fairs



Screen_shot_2011-03-22_at_9.36.56_AM.png
Screen_shot_2011-03-22_at_9.36.56_AM.png



=

=

[[#x|| VIDEO]]|| VIDEO





Brownian Motion






Magnetic Ink, Process video from flight404 on Vimeo.

_

[[#x|| Website]]|| Website

digital_mash.JPG
digital_mash.JPG




"We spent last few weeks to compile this list of highly beautiful, creative and most importantly inspirational portfolio designs over web which might help you to get
inspired with their past work and gives you bright directions for your next project."


Capture1.JPG
Capture1.JPG

different compositions and designs submitted to a website, similar to deviant art.

designblog.JPG
designblog.JPG

a nice collection of work in a design blog.



[[#x|| Website]]|| Website


agencynet.com.jpg
agencynet.com.jpg

Agency Net
This is a flash-based website for a design firm based in New York. I hope that it will widen your perspectives on what's possible for web layouts.
It could prove helpful for Project 3, perhaps?




[[#x|| Website]]|| Website


kennedyshomepagesmall_0.jpg
kennedyshomepagesmall_0.jpg


The Kennedys
This is a site created to recruit young creatives for a new program launched by ad agency Wieden + Kennedy in Amsterdam.
I think the site is really interesting and the concept allows for these awesome rollovers.




[[#x|| Website]]|| Website


Screen_shot_2011-01-27_at_copy.JPG
Screen_shot_2011-01-27_at_copy.JPG
2c.JPG
2c.JPG
3.JPG
3.JPG
KplancheProcessingEX.jpg
KplancheProcessingEX.jpg
ldewar_csszengarden.jpg
ldewar_csszengarden.jpg
KPdigitalMASH.jpg
KPdigitalMASH.jpg
Untitled.png
Untitled.png

Screen_shot_2011-02-28_at_10.53.50_PM.png
Screen_shot_2011-02-28_at_10.53.50_PM.png
http://www.behance.net/Trish
Trish was a student here at york, she was a graphic designer from the ysdn program, I met her last semester and thought her work might be inspiring =)

Screen_shot_2011-03-08_at_11.27.16_AM.png
Screen_shot_2011-03-08_at_11.27.16_AM.png


http://www.1stwebdesigner.com/inspiration/40-web-design-artists-and-102-websites-worth-watching/

For Project 3, here are a list of 120 great websites that have been commemorated for they're layouts, could be some good inspiration for your own!


http://www.bgpatterns.com/

Alos, a site for background patterns!





[[#x|| Website]]|| Website



_2011-03-01_오후_8.30.45.png
_2011-03-01_오후_8.30.45.png



HUGE Inc.
HUGE works with online media outlets to deploy some of the most innovative display advertising solutions online, including rich media advertising,
video interstitials and integrated sponsorships. Our perspective is pretty special: as the design team behind some of the largest
advertising-supported websites online, we uniquely understand what kinds of advertising really works.

I thought this would be a good company to look into for your future if you are really interested in web-design! :)






[[#x|| Website]]|| Website


griplimited.png
griplimited.png



http://www.griplimited.com/
Grip limited is an advertising agency. They do things like TV, digital, radio, strategy, branding, design, and integrated campaigns.





[[#x|| VIDEOS]]|| VIDEOS


Tangible - Experimental User Interface from Georg Reil on Vimeo.



Moullinex - Catalina from Moullinex on Vimeo.



True Fictions: ORGANIZED LIES from THE LIGHT SURGEONS on Vimeo.



This is a cool device I found made by a company called PEGA. It's a portable music player that can play any music through the glass from a USB and is activated when you turn the tap. As the battery or power goes down so does the liquid in the glass.
www.pegadesign.com




[[#x|| INSPIRING DESIGNERS]]|| INSPIRING DESIGNERS



Below is a list of designers and artists who inspire.
[[#x|| INSPIRING DESIGNERS----Jared Tarbell]]Jared Tarbell

peterdejongPRN.jpg
peterdejongPRN.jpg



Jared Tarbell is a computer programmer who specializes in Processing. His work is truly inspiring to those who wants to explore the
breadth and depth of this simple yet complex program.



Good Menu and Navigation design


1. The Menu

The Menu menu
The Menu menu

The Menu menu


This another great CSS menu Stu Nicholls that’s unique – hovering over a menu item reveals a submenu.
If you want get started with this menu just simple view the source code. Demo in page.

2. hover menu


Pure CSS hover menu
Pure CSS hover menu

Pure CSS hover menu


In this CSS technique, you’ll learn to create a vertically-oriented CSS hover menu that reveals a submenu when a menu item is hovered on.


3. Matte CSS Menu


Matte CSS
Matte CSS

Matte CSS

Matte is a simple CSS menu with rounded corners using two small images only from 13styles.
It is maintained by David Appleyard who has lots of simple and advanced CSS-based menus.



4. CSS Blur Menu

CSS Blur Menu
CSS Blur Menu

CSS Blur Menu


This CSS technique shows you a method from creating a menu that blurs sibling menu items when you hover over an item.


5. CSS Navigation with Glowing Icons


CSS Navigation with Glowing Icons
CSS Navigation with Glowing Icons

CSS Navigation with Glowing Icons

This beautiful CSS menu technique can be created by following along this extensive step-by-step tutorial.


6. CSS Sliding Door using only 1 image

CSS Sliding Door using only 1 image
CSS Sliding Door using only 1 image

CSS Sliding Door using only 1 image

This slick CSS menu is based on the Sliding Doors technique but only uses one image.


7. Navigation Matrix Reloaded

Navigation Matrix Reloaded
Navigation Matrix Reloaded

Navigation Matrix Reloaded


This stylish navigation menu technique uses a CSS sprite.


8. CSS Horizontal Menu

CSS Horizontal Menu
CSS Horizontal Menu

CSS Horizontal Menu


Ian Main provides a great set of free CSS menus that are stylish and easy to use.


9. Woody CSS Menu

Woody CSS Menu.
Woody CSS Menu.

Woody CSS Menu.

Woody is a pre-made CSS menu that’s ready to use and has been tested in IE6, IE 7, Firefox, Opera, Safari, Chrome.

10. Advanced CSS Menu
Advanced CSS Menu
Advanced CSS Menu

Advanced CSS Menu

Advanced CSS Menu was created by Nick La and uses an advanced (extraordinary) list menu utilizing the CSS position property.

How To Build a Stylish Portfolio Web Design Concept


Read the article
Read the article

Read the article

Free Website Builder
Free Website Builder

Free Website Builder

This tutorial covers part one of a multi-part series where we’ll go through the process of building a stylish design portfolio website. In this particular article we’ll create the visual concept and overall design concept in Photoshop, using various effects, blending modes and layer styles to create all the detailed elements of the design.
ow To Build a Stylish Portfolio Web Design Concept