background preloader

Web Design Resources

Facebook Twitter

Welcome to Flickr - Photo Sharing. Be inspired.

Discovery

Wda 101's Profile. 25 Examples of Perfect Color Combinations in Web Design. Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create an eye candy result. From delicate and smooth colors to strong duos and super colorful pages, we have several styles to show you. Color is definitely a very important element of web design, and if you are familiar with the Color Theory used in visual arts, you may know that even with a lot of studies, the reaction to colors is pretty subjective and people react differently. Some reactions are based on background, others are based on personal taste and even psychological feelings. The color theory is actually a science that helps us design our projects, and it’s certainly something to consider when creating a website.

In case you are interested, here are some nice color related tools: COLOURLovers, Kuler Adobe, Color Scheme Designer and remember you can sometimes use Firebug to discover which colors people are using in a design. Decode Gimme Delivery. Illustrator Quick Banners – The Design Playbook. Need to create a really flexible vector banner for use on all sorts of projects? Follow this tutorial for a quick, bullet-proof technique for great banners.

Video included! Tutorial Details Software: Adobe Illustrator CS5Difficulty: BeginnerTopics: Strokes, Transform Palette, MoveEstimated Completion Time: 15 minutesProject Files: quickbannersart.ai (Downloaded 5,638 times) Step 1 Create a new Illustrator document 460 px wide by 230 px high. Step 2 Create a new rectangle by selecting the Rectangle Tool (M) and clicking anywhere on the artboard. Step 3 Set the fill color of your new rectangle to white and add a 2 pt black stroke with rounded corners. Step 4 Cut off the Scale Strokes & Effects setting in the Transform Palette. Step 5 Select your new rectangle and copy it. Step 6 Pull up the Transform Palette and set the transfer reference point to middle-left. Step 7 Select the top rectangle and set its width to 80 px with the Transform Palette. Step 8 Step 9 Step 10 Step 11 Step 12 Step 13 Step 14 Step 15.

30 Creative Illustrative Website Headers. Using illustration in a web design can give it a captivating and impressive look. When used in a manner that compliments the theme, topic, and message of the site – it can be an effective way of creating a memorable impression upon users. When used in a prominent location – such as the website’s header – the designer ensures that his or her visitors will see the work of art right away. In this showcase, you’ll see 30 beautiful website headers that use illustration for your design inspiration. Visit Cascadia Webdesigner Depot web.burza Mplusz Marchand de Trucs pallygiraffe.com FashionJunkie.com Brandi Bakes! Brad Colbow Miki Mottes Go Glamping Boompa 20onepixels ten24 Adit Shukla the Octonauts Komodo Media Themartist Phizz 20 jours Cheesetique Rock en Seine Unga Toys Neweracaptalk Blog What?

Springtime in Tennessee Blog.SpoonGraphics One-Button Mouse Your Thoughts? What do you think about using illustration in website headers? Related content. Illustrator Tutorial – Create a Gang of Vector Ninjas. This post was originally published in 2009 The tips and techniques explained may be outdated. It can be quite tricky getting the hang of Adobe Illustrator, but if you take a step back and concentrate on the basics there's a range of options for creating great looking images.

In this tutorial, we'll take a look at constructing a group of cool vector ninja characters using just the basic shapes and a variety of simple tools, making it a good start for Illustrator beginners. After opening up Adobe Illustrator, create a new document. For a fun project the size of the document doesn't matter, Illustrator has a vast area of artboard beyond the document edges that can be used.

Depending whether your Illustrator software has the default settings, you might want to check the options for the scaling of strokes and effects, this little option could save you a headache layer down the line. Grab the Circle Tool and draw a shape on the artboard, hold the SHIFT key to create a perfectly equal object. How to Draw Cartoon Ninja Boy East Step by Step Drawing Tutorial.

Web Domain Names