background preloader

Design trends for 2011

Design trends for 2011
Everything inside the design world is permanently changing, evolving and adapting into new ways of expression and communication looking to satisfy the new consuming needs and set innovative exchanging channels. 2010 made a huge closure for the final year of the first XXI century decade, we witnessed the rising of tablets (iPad, Samsung Galaxy Tablet among others), the demise of Internet Explorer 6 and the absurd fanaticism towards Flash (though it’s losing a lot of fans), which is going to be slowly replaced by HTML5 (we’re not saying that Flash is dead, only that HTML5 will begin to cover many of its current uses). Editorial disclaimer Of course that the common design elements such as typography, navigability, color and more have also changed and as you will see on this article, these changes must be apprehended by every designer that wants to set his mark during 2011. No more clutter, it’s time to clean things up More good examples Don’t be shy, start playing with typefaces

The Design Inspiration - Daily Logo Designs, Illustration Art, Website Showcase, Photos and Patterns 36 Useful jQuery Image And Content Slider Plugins jQuery is a rapid JavaScript library that is CSS3 compliant and supports many cross-browsers features. The jQuery framework is extensible and very nicely handles DOM manipulations, CSS, animations, communications to server requests, document transverse and event handling. Using Sliders are the common ways to display your content attractively and uniquely and in a small pieces of popular content. Its the most effective way you can display what you can do to your readers. Here’s a collection of 36 useful jQuery image and content slider plugins and scripts for web designers and web developers. Don’t forget to subscribe to our RSS-feed and follow us on Twitter and Facebook for recent updates. source / demo Circular Image Galleries With jQuery source / demo Tiny Circle Slider source / demo Awesome Scrolling Navigation using jQuery source / demo Sliderman source / demo jQuery Image Gallery with Play Pause Rotation source / demo jQuery Flipped Image Gallery source / demo Anything Slider source / demo SlideJS

4 Web Design Trends You Should Adopt by 2012 134 Flares Twitter 70 Facebook 31 Google+ 12 StumbleUpon 21 Pin It Share 0 5 134 Flares × It’s an all too familiar pattern – trends come; trends go; and the only constant is change. The online world is defined to quick movements. Understanding what the days will bring is therefore deemed impossible. That fate is already being determined, however. And the consequence is hope for 2012. Consider these design patterns for all pages: 1. It was once a collection of sterile lines, a reliance on Roman lettering. Typography is changing. 2. A messy meet of pages and a clutter of information: Sites were once proof of awkward choices. Tis year seeks to rectify this, though. 3. Photographs are losing their luster. Designers are starting to rely on illustrations. 4. Networking is an all too essential word. This year is proving itself to be the year of modernism. Sonia Mansfield is the content editor for PsPrint and editor of PsPrint Design Blog. About Author Andrew Johnson

Een website maken - Marketingportaal.nl Een mooie website maken is één ding, maar een website goed voorbereiden, zodat het ook een effectief marketinginstrument wordt, is een heel ander verhaal. Daar komt nog wel het nodige bij kijken. In dit artikel wordt er daarom aandacht geschonken aan verschillende stappen die genomen moeten worden, voordat een website fysiek (ontwerp en techniek) ontwikkeld gaat worden. Functioneel ontwerp Een functioneel ontwerp is een document waarin een website wordt beschreven, voordat deze wordt ontworpen en technisch geïmplementeerd. Een functioneel ontwerp bestaat uit verschillende onderdelen. 1. Voordat een website wordt ontwikkeld, is het belangrijk na te gaan wat u met de site wilt gaan doen. Wat de doelstelling ook gaat worden, het is ontzettend belangrijk om hier duidelijkheid over te hebben, voordat u echt aan de slag gaat. 2. Een heldere doelstelling vraagt iets van een site. Een professioneel designAansprekende inhoud gericht op de doelgroepenEen doelgroepgerichte navigatiestructuur 3. 4.

20 Unique and Creative Logo Designs Logo is a symbol or emblem commonly used by companies and individuals to aid and promote instant public recognition. This post features our favorite examples of unique, memorable, and creative logos designed by talented artists from all over the world. Killed Productions Logo Clever logo designed by Sean Heisler for Killed Productions. Spartan Logo Brilliant logo by Richard Fonteneau designed for Spartan golf club. Twins Logo Creative logo with “2″ instead of “N” designed by Action Designer. Steps Logo Jason Sanzone managed to incorporate “steps” into the actual logo. Zip Logo Zip logo designed by Mike Erickson features “zipper” instead of “I”. Look Logo Brilliant and memorable logo designed by Zain Zayan from India. Swing Studios Logo Creative literal logo designed by struve for Swing Studios. Pause Logo Logo designed by volkan ek? Foot Logo Perfect example of creative logo design by Dalius Stuoka. B Logo Creative bee inspired logo designed by William Patino. Goodduck Logo Catch 5 Logo Sushi Logo

CSS Colors in Web Design With the exceptions of typography and layout, nothing has a more profound impact on the way we design and craft websites than color — from the visuals we showcase through images and media to the simple choice of whether to use salmon pink or neon green to give a website that ’90s "Help, I’m going blind!" appeal. This simple guide will look into CSS colors. Let’s set our objectives: Examine the variety of options that existAnalyze basic code examples for each color typeExamine opacity, transparency and moreExplore simple color theory and psychology Color Value Notation There are many types of color notation in CSS, and the lesson to take away is that you need to decide for yourself which method is best for you after taking into account cross-browser compatibility and other limitations. In many ways, color is limited only by our imagination. For every color, there’s a hex, RGB and HSL equivalent. Hexadecimal Value Notation RGB Value Notation HSL Value Notation Color Keywords and X11 Fear not.

Icon Archive - Search 273,690 free icons, desktop icons, download icons, social icons, xp icons, vista icons Wireframes, de bouwtekening van een website - Yes2web Geplaatst op 25-11-2009 in Advies Webdeveloppers gebruiken vaak de term "wireframes" (ook wel eens "interactie ontwerp" genoemd). Dit artikel geeft een uitleg wat wireframes zijn, hoe ze kunnen worden ingezet, hoe u zelf wireframes ontwikkelt en waarom wireframes belangrijk zijn in het proces van het ontwikkelen van een website of (web)applicatie. Wat zijn wireframes? Wireframes zijn een visueel hulpmiddel bij het ontwikkelen van een website of -applicatie. In de wireframes worden zaken vastgelegd als navigatie, indeling en inhoud, zonder gebruik te maken van een grafisch ontwerp. Een voorbeeld van Wireframes van een bekende zoekmachine. Wanneer worden wireframes ingezet? Vanaf het eerste moment dat de doelstellingen van de website bekend zijn kunnen de ideeën in wireframes uitgewerkt worden. Communicatie hulpmiddel Met wireframes kunt u helder communiceren met de betrokkenen bij een webproject (klant, projectmanager, front-end developer, programmeur, zoekmachinespecialist). Concept toetsen

Negative space in logo design It’s hard to beat a clever use of negative space. Here are 35 or so logos that use white space well, along with the designers/agencies responsible. A.G. Low Construction logo By Rebecca Low Martin Newcombe Property Maintenance logo By buddy Nexcite logo By AmoreVia Blair Thomson American Institute of Architects Center logo By Pentagram Ogden Plumbing logo By Astuteo WWF By Sir Peter Scott, modified by Landor FreemanWhite logo By Malcolm Grear Designers The Brand Union logo By The Brand Union Egg n Spoon logo (same day couriers) By Thoughtful Human logo By Social UK Dolphin House logo By Ico Design Eaton logo By Lippincott (thanks, Brendan) Elefont logo By Logo Motive Designs USA Network logo By Sean Serio CultureBus logo By Pentagram Carrefour logo Original design examined by Miles Newlyn (thanks Rianna) Henri Ehrhart monogram (shameless) View the design process on David Airey dot com Sinkit logo By smashLAB Guild of Food Writers logo By 300million ED logo By Gianni Bortolotti Conception logo By The Chase

Related: