background preloader

Général

Facebook Twitter

Html5

Woman F/W 2011-12 Collection Collection | Versace Collection. Minimalism. Retro. Background. Singlepage. Theme. Couleurs. Inspiration 1. Digital agency & Web design - Melbourne, Sydney, London, Auckland. Ecommerce. 50 Free CSS/(X)HTML Templates - Noupe Design Blog. Oct 18 2010 Design templates help build an identity for any particular website. Since the techniques are changing very rapidly within the industry, one must be updated all the time. Many designers download the pre-built CSS templates to explore more.

At many stages, designers seek help in the form of inspiration that would help them get back to their creativity track. To keep you moving throughout your creative adventure, we have gathered some cool and absolutely Free CSS and XHTML Web Layouts. Free and Useful CSS/(X)HTML Templates HTML5 and CSS3 ( Demo | Download ) JeansWebsite ( Demo | Download ) Lawyer & Attorney ( Demo | Download ) Ornare ( Demo | Download ) iPhone App ( Download ) StudioClick ( Demo | Download ) Darkness ( Demo | Download ) MYportfolio ( Demo | Download ) 2 Breed ( Demo | Download ) WesternShop ( Demo | Download ) CSS Heaven 1 ( Demo | Download ) Zen Design ( Demo | Download ) Shop Around ( Demo | Download ) Ikonik ( Demo | Download ) Nova Studio ( Demo | Download )

Seven Must-See Web Design Videos and Presentations - Smashing Magazine. Advertisement In one of our previous articles, I put together a list of 7 must-see videos related to web design1. Since then, I’ve come across a number of other videos from conferences and events, and I thought I would share some of those here. The list includes a brief description of each video, some notable quotes from the presentations, and related links. So, sit back, take your time and enjoy some great technical insights and design principles from some well-known web designers, developers, and conference speakers. The Influence of Print Design Speaker: Jason Santa Maria Part of the MFA in Interaction Design program, this is a candid and personal discussion of how print design and the technique of “storytelling” have affected the designs of the speaker in his professional career as a web designer.

Notable Quote: “Over time I started looking at the way that publications look, and the way that web designs look, and I didn’t see that same connection, and I wondered why. Related Link: Inspiration: 35 Unique Examples of Vintage Design. In this collection of retro-themed websites, you'll find some excellent designs that will leave you in awe. Vintage websites have been quite popular in the last year, and I hope that these examples will inspire you to create your own! Edgepoint Church Target Scope Visit Cascadia Radio Efinterns Prahba Jeffrey Sarmiento CottonSeedoil Tour SottoCosto Fisticuff Design Dollar Dreadful Level2d AdaptD Basmati Tree Thunderfuel Lana Landis Hebatec No Limit Tnvacation Mediaboom Tennessee Vacation DeVotchKa The Archer Group Macsbeer Singularity Concepts Liga RetrÙ Tricycle Terror Big Rig Design Lanikai Miss Havisham's Attic Casino Lemonade Sensi Soft Custom Design Sourcebits Did we miss any cool vintage web designs?

2010

Tendance du webdesign : modern retro » WebdesignerTrends – Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels. C’est une tendance bien en place qui envahi le monde du design depuis quelques mois. Le style « Vintage, retro » est présent partout. Petit tour d’horizon, de cette tendance qui nous offre de superbes sites retro. Vous n’avez pas pu passer à côté des sites vintages, découvrons ensemble ce qui caractérise ce style en examinant les différents élément graphiques de plusieurs sites d’exemple : 1.

Textures : Les textures omniprésentes sont les fondations du design retro. Utilisées en fond de page, sur les éléments de navigation, dans les titres etc, elles sont le point commun le plus visible entre les différents sites. Ici sur le site Hey Indy, les textures et la superposition d’éléments donne du corps au design. Sur le site Amazee Labs, la texture de fond est légère, et paradoxalement donne tout un style au site : Made My Day utilise le même principe pour mettre en valeur les éléments graphiques constitutifs du site. 2. Les couleurs représentent également beaucoup dans ce style rétro. 3. 4.

Corporate

Showcase of Cartoon Style Web Designs - Noupe Design Blog. Sep 21 2010 By Peteris Kelle Do you remember yourself as a kid watching cartoons all the time — even when parents didn’t allow you to? Most of us have watched cartoons and even now, as we get older, cartoons don’t lose popularity. Basically, cartoons are animated illustrations that are mainly designed for kids but which some adults also enjoy watching.

Web design is a creative art and that’s why cartoon elements can also be used for web design. Showcase of Cartoon Style Web Designs Inspiredology Inspiredology website has a well-made cartoon header background that draws immediate attention to the central point of the site content. Attack Of The Web Attack of the Web is a simple website with a simple layout and the action cartoon illustration in the middle of the page portrays a precise personality description of this website owner. Alan Rickman Traditional black and white color selection never gets old, especially when the main attention is drawn to world renown film characters.

(afb) 60 Excellent Examples of Illustration in Web Design. 946 shares 25 Examples of Illustration and Hand Drawn Elements in Web Design We can say that Illustration is a visual form of presenting something (via Wikipedia). Regarding web design, we can also say that the main goal is to “present something” in a beautiful and interesting form, so we get our user’s attention. Today we decided to gather some examples of websites using illustrations and/or hand drawn… Read More 657 shares 35 Inspiring Examples of Illustration in Web Design Back in May we showcased a list with 60 Excellent Examples of Illustration in Web Design and since illustration is always something inspiring we decided to gather a new list to check out some fresh examples of illustration in web design. Les sites web incontournables. Alors que la France s’enfonce tout doucement dans un hiver glacial impitoyable, je propose de vous réchauffer les mirettes avec de bons designs bien frais.

Voici la sélection mensuelle des webdesign incontournables. N’hésitez-pas à donner votre avis sur cette liste ! Cette entrée a été publiée dans Webdesign, avec comme mot(s)-clef(s) les incontournables, Webdesign. Vous pouvez la mettre en favoris avec ce permalien. How to Turn Anything Into a Website Design. Apr 21 2010 Occasionally, clients might present us with inspiration for a design that doesn’t come in the form of other website or graphic designs. In many cases it’s their product, packaging, or something else closely related to their business. But in other cases, it’s something entirely unrelated that they just like the looks of. In either case, it can often lead us feeling a little puzzled.

How, exactly, do you turn a teacup into an e-commerce site? But if you learn to look at things objectively, you can turn virtually anything into a website design. Look at the Overall Shapes The shape of something can often be adapted to a design. Balance and Symmetry Is the object or image in question balanced? Image Credit: See-ming Lee The image above has asymmetrical balance. Negative Space The negative space within and surrounding an object, either in an image or in physical form can give valuable hints as to what your client considers attractive. Image Credit: Matt McGee Proportion Colors Patterns. A Showcase of Single Page Websites. When designing a website with a minimal number of pages and not a ton of content, a single-page design can be an innovative way to set the site apart.

Single-page websites often utilize JavaScript and Flash, along with HTML and CSS to fit more content on a page without substantially increasing load times. Navigation has to be given some special consideration when it comes to single-page sites, to make sure visitors can get back to the home section of the page without issues, and navigate from any one section to any other section. This is often achieved through sticky headers or repeating navigation in each section. The sites below are all excellent examples of single-page websites. Roaaar The Roaaar website includes a “return to top” link at the bottom of each section, which makes it easy for visitors to get back to the navigation in the header. Duplos by Ricardo Mestre The Duplos site takes a different approach, putting the main content at the bottom of the page. Grzegorz Kozak Kaleidoscope.

Water

Newsletter. 40 Examples of Beautiful Typography in Web Design. Typography is certainly a very important aspect of web design. So choosing the proper typography for your site is for sure a huge step of the design process. You can have a simple and delicate typo, a huge and strong one, you can also go colorful and crazy or light and smooth. From simple headers to whole ‘typed’ layouts, we have selected some good examples of typography to show here. So enjoy the selection and remember to take good care of the typography in your next project. Amazee Labs Fixel Carsonified Tokyo Digital Private Grave Made by Water Rob Edwards LogicSource InfinVision Sikbox Dark Sky Magazine efingo Claire Coullon Javascript für Designer Stella McCartney MumMade TVLcorps Themes Kingdom Simon Foster Design Airside Not Pretty Neue served Eight Hour Day Prince Street Films Made by TJ Mooze Crafty Woodinville Whiskey Co They Creative Republic2 Ryan Scherf damn good OrangeYouGlad Yii Haunted Cathouse iconSweets2 Shelly Cooper So1o Doodle Pad Source: The Best DesignsunmatchedstyleThe CSS Awards About the Author.

Worldy Inspiration from Tourism Websites. The tourism industry can be a major source of revenue for a country and in some cases, it can even be its main source or revenue. That’s one of the main reasons why web design for this field plays such a vital role in promoting and attracting potential tourists from other parts of the world. In this post, we’re showcasing some great official tourism websites from various countries and cities around the world. Most of them feature stunning photography and use typography and color that are reminiscent of the particular city or country. Please let us know which ones are your favorites and feel free to suggest other great tourism websites. Arizona, USA Athens, Greece Argentina Australia Boston, Massachusetts, USA Brazil Britain Copenhagen, Denmark Dubai Egypt Germany Hong Kong, China Iceland India Ireland Jamaica Korea Los Angeles, CA, USA Los Cabos, Mexico Maui, Hawaii, USA New York, USA Paris, France Peru Philadelphia, Pennsylvania, USA Puerto Rico, USA Sacramento, CA, USA South Africa The Bahamas Vancouver, BC Canada.

Infographic

25 Brilliant Uses of Colorful Spectrums in Web Design. I’ve noticed a recent trend in web design that involves the use of colorful spectrums as a main design element. The uses are widely varied but almost always quite beautiful. Today we’ll learn how to build amazing spectrum-based artwork in Photoshop and then take a look at 25 brilliant examples of spectrums being used in real websites. How to Have Fun with Spectrums in Photoshop Before we look at our selection of sites that utilize spectrums as a major design element, let’s take a look at how you can easily build your own awesome spectrum artwork in Photoshop. I’ve gone over a similar technique in a previous tutorial but it’s definitely appropriate for this article as well. Building complex gradients in Photoshop can be time consuming. To start, create a solid black layer.

Select any spectrum that you like and set the direction to whatever you feel is appropriate. The hippiefest below is actually quite easy to turn into something that looks really cool and fits with modern design trends. Multi-Layered Design: Guidelines and Examples. Apr 28 2010 There have been tons of posts about minimalist and simple web design. It’s something every designer should consider and study, as minimalist and simple design principles are important in a lot of website designs.

But there’s been such a focus on clean and minimalist design in recent years that many designers shy away from more visually-complex designs. That’s a mistake. Just as there’s a time and place for minimalist designs, there’s a time and place for more complicated designs, too. Below are some guidelines to help you create more multi-layered website designs. Guidelines for Creating Multi-Layered Designs We’ve already established that multi-layered designs are more visually-complex than minimalist sites.

After all, there seem to be so many places you can go wrong with this kind of design. Use Some Kind of Theme The best designs like this have an overall theme or aesthetic they follow. A site with a very obvious grunge/antique theme throughout. Take Something Away Examples. Showcase Of Hand-Drawn Web Designs - Web Design Blog – DesignM.ag. Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Most designers reveal their creativity on paper in the form of sketches. So why not in web design? Here we showcase web designs that are hand drawn. allthingsoldtimey olympiafilmfestival blogbier mikimottes bootb project365 frankpr jessewillmon chirp.twitter stepanmares narenderrana natrashka mickevans candccoffee projectfedena denisechandler mascaradesign wingcheng greenolivz beavory sebastianmrazek roaaar schlafman robbinwaldemar legworkstudio li.pixelmind bearskinrug fatheads About Brant Wilson Brant Wilson is a staff writer for the DesignMag network.

40 Inspiring Portfolio Designs. Portfolio designs can be a great source of inspiration. After all, a portfolio is not only a place to showcase one’s work, but is also a designer’s home on the web. It’s a portfolio piece in itself that represents what the designer is all about. For this reason, you’ll usually find extra amounts of creativity and attention to detail.

A designer will put in this extra effort in order to show off their stuff and to attract new clients. So for this post, we’ve gathered 40 portfolio designs to inspire you. wingcheng.com Portfolio of Wing Cheng, graphic & web designer. Christopher Meeks Yaron Schoen Hugs for Monsters The work of visual artist Joe Lifrieri Future in Bold Future in Bold is a showcase of graphic design and art direction work by Graeme Stephenson. Sylvain Toulouse Art directing and graphic design by Sylvain Toulouse. Giles Revell kyletezak.com Kyle Tezak is a visual designer living and working in Chicago. Ewen Spencer grid. Grid is the online presence of graphic designer Ashwin Patel. enila.fr.