Inspiration

=Design Inspiration= Here we can add things that inspire us to be designers. All things wonderful, curious and awe inspiring allowed.

toc

= Inspiring Images & Artwork =

Mondrian
Piet Mondrianwas one of the greatest modernist painters of the 20th century. He was part of the Dutch De Stijl movement and his works used back rectilinear lines on white background and mostly primary colours in a grid-like layout.
 * [[image:http://www.anthroposophie.net/bilder/mondrian_comp_rgb.jpg width="231" height="277"]] || [[image:http://www.artlex.com/ArtLex/d/images/destij_mond_com33_lg.jpg width="217" height="260"]] || [[image:ysdn1006-w12/broadway.jpg width="260" height="264"]] ||  ||

FFFFound
[|FFFFound] is a frequently updated site of odd and inspring images. It is strictly image based so no word juut pictures. Also have a pretty good mobile app for you smartphone users. media type="youtube" key="JdjQbC_gUw4" height="249" width="446"

[|BOOOOOOOM!]
A photoblog for various facets of arts, design, and music.



= **HTML 5/CSS Examples** =

**HTML & CSS Online Course**

Brought to you by tutsplus.com. Learn about HTML and CSS in 30 Days, through training videos.

**[|Text Rotation: CSS tip]** A helpful coding tip for rotating text in CSS.

**[|Best Web Gallery] (Web Design) **
This is a very well organized website you can refer to for web design inspiration! There is a lot of variety of unique web pages to browse from.


 * HTML 5 : Parallax Scrolling **

You guys should check out this website with something called 'Parallax Scrolling'! Pretty interesting stuff. A really cool interactive experience built with HTML 5
 * [|The Wilderness Downtown] **



[|BeerCamp SXSW]
A mindblowing website, featuring scrolling that creates depth in the pages, making a website within a website. //Inception.//



[|Weave Silk] An interactive artwork, built with only HTML5!

= **Processing** = Here's a youtube tutorial on how to code for android devices using processing: media type="youtube" key="ocNwWxpcwE0" height="315" width="420" Music Video :: Catalina by Moullinex

We Feel Fine An interactive database that updates information about what people are feeling at a certain point in time in their blog entries. Part of the software was created using Processing. It is a really interesting software idea and is fun to play with. Great inspiration for interactive strategies and interesting ways to organize information. Click on "Open Applet" to play around with the software. The "Movements" page describes the instructions of how to use the software.

[|DIY Philips Ambilight - Processing and Arduino] media type="custom" key="12756856" A really cool ambient lighting system for your monitor. If you know arduino and processing this is possible to do, and for the fraction of the cost of the real thing. The tutorial provided is the most descriptive I've found as well as the best looking, but here's some other ones. ([|Silicon Republic], [|Instructables])

TheCreators //Crazy interactive, Audio-reactive multitouch installation://



Processing Inspiration
Here's a [|cool video] made using processing, quite advanced for our processing knowledge. Nevertheless, a great example of the potential of processing.




 * Type + Code: Processing For Designers**

[|Type + Code: Processing For Designers]Stumbled upon this awesome book that gives examples and tips for designers using Processing. It features current designers and their processing compositions, which can be inspiration for the current project or even personal assignments. There's also a preview on the link so you can browse through some of the pages on your own time!

= Other =

STUMBLEUPON
StumbleUpon helps you easily discover new and interesting stuff on the Web. StumbleUpon will introduce you to amazing web pages, videos, photos and more that you wouldn’t have found on your own. media type="youtube" key="F8DtI9e4xZ8" height="315" width="560"

50 Awesome Interactive Websites You should see!
Visit this page in 1stwebdesigner to see amazing inspirations for interactivity design that will also provide some ideas for the **final project**

Work by Jonathan Harris
In class, Professor David Gelb shared a link to the class on Jonathan Harris: the Web's secret stories. Here is a [|link] of the video. Here he talks about how he was able to make an info graph of the emotions that people shared throughout the web. I think he is a worth while figure to know about in the design field.

Jonathan Harris also has his own website that you can check out with much more of his inspirational work. Here are some examples:

6 Great Reasons to Make A Mood Board
In class, you have most likely learned about why mood boards are important. Here are the top 6 reasons, for those of you that fell asleep or something, and did not catch why it is great idea. There are also a few examples that you can get inspiration from to create and organize your mood boards. //Note, the examples shown here are not only for creating websites, but for other uses as well.//

Looking for some great inspiration? Check it out!
Fubiz is a great website where you can find a lot of visual inspirations. You can also become a member at the site, I would definitely suggest that you join. Everything from Photography, Graphic Design, Unexpected Inspiratio, Technology and more! You can find here at your fingertips.

www.fubiz.net

10 Excellent Tools for Creating Web Design Wireframes
In class, you have most likely learned about why Wireframes are important. Here are the top 10 excellent tools to create them. Some people have a hard time understanding what they really are, or if they are similar to a Sitemap. This website will solve the solution to your problem and perhaps help you in your future interactivity projects! (Check the link above)

[|Cool Home Pages & Templates to use!]
This is quite an interesting website because if you are having trouble searching for ideas on how to design your home page.. search no more! I think it is a good idea to get some inspiration, considering this is what all designers need! Here is one layout example that features a picture frame template.



=Silly Video On [|"the Internet"]=

Have some extra spare time on your hands? Here is a silly video that talks about the evolution of the internet and how it has been growing over the past while. This video shows drawn-up illustrations which i thought was interesting for those who are interested in motion graphics. (click the link above)

** LEVITATED Design & Code **
Levitated.net contains visual poetry and science fun narrated in an object oriented graphic environment. The sketches and applications generated as a byproduct of research are provided online as [|open source Flash modules].

Totallly reminded me of processing! good for inspiration :)



[|Startups, This is How Design Works]
Not only does this refers to interactivity design, but it talks about all types of design in general. Great source and information for refreshing designer's minds about basic and general design principles and concepts. This is basics that designers constantly need to be reminded of when producing design works.