Guest Post: Enhance Your Web Designs with Javascript

I just posted a guest post on myinkblog while he’s away you can check it out by clicking the link below.

Enhancing web designs with JavaScript

There is lots of useful Javascript based plugins that I hope you will agree will help produce some great aspects in your designs. Some of htem can be subtle from tabbed based navigation to a step by step wizard.

What Next

Well I’ve not posted a big article in a while on design shard but don’t worry I have a mass of things that I want to do, inspiration posts, tutorials, and competitions, I cant wait so stay tuned for that.

All the information that I gathered from he poll I will use to make the blog a better place and more interesting articles thanks all who have voted. go and see the poll

Poll: Cast your vote : What interests you most in design?

Design shard is getting to have quite a few subscribers and visitors which is great it makes me really excited and happy that people can benefit from the posts that are on the blog and posts that will be posted in the future.

Ive got a poll rigged up to enable me to see what you as readers are interested in and quite possibly see more of on the blog, this will hopefully create some great reading material that every one will benefit from in the future.

Im using a wordpress plugin to generate this poll you can find it here : wp-polls

The Poll Answer Info

The categories in the poll cover basically everything in that category such as digital illustration, includes drawing techniques, tutorials, inspiration etc.

The Poll – You can choose up to 3 options

[poll id=”2″]

Missed Something Your Interested In?

This post is all about what you like and want to see on the blog if its not in the poll let me know in the comments what interests, but make sure its design related :)

Illustration Artists Showcase and Inspiration – Part 1

I have a great interest in illustration and I am always looking for inspiration and new ideas and techniques that I could try and integrate in to my designs, looking at some of these illustrations you can see what makes them, whether it be blurring shapes, adding a light source or using photos in your illustrations it all has an effect on the final piece.

This collection is mixture of more traditional illustration to photography and illustration, when I look at illustrations like this I always think about how there made, such as paint splatters did the designer take a can of spray scan it in and manipulate it, stuff like that can add a whole new dimension to the illustration.

Take a look at this web site to see some beautiful designs Cool Showcase.

I have added some of the more well known illustrators in to the list to show there work with other not so well know illustrators…its all good and there all very talented.

Other Blog illustration collections

So you want to see more illustrations well check out some of the other collections that people have made

Interesting reading material and Tutorials

What to know more or brush up on some skills to help create amazing illustrations check out some of the resources below

Computer arts magazine illustration tutorials

Computer arts magazine is one of the best sources for keeping up to date with skills check out some of there useful tutorials>

  • Anatomy illustrated – The essential concepts of medical illustration. The fundamentals of digital pen and ink techniques in Illustrator
  • Draw a fantasy figure – Melissa Somerville uses drawing and inking techniques in Photoshop to create an enchanting anime-style fairy
  • Colour your fantasy figures – Refine your Photoshop tool skills to colour your characters and situate them in magical fantasy environments
  • Combining photography with hand-rendering – Create richer images by blending drawing, painting and fashion photography. Alexis West describes some invaluable techniques
  • Create Striking Portraits
  • Expressive lighting effects – Lighting effects are an effective way to add a detailed illustrative touch to a photo. Justin Maller demonstrates how to go about combining several lighting techniques
  • Vivid colour effects – Photoshop wizard Jort Braam combines abstract images with black and white photography, using gradients, blurs and Blending Modes to create a stunning composited image that’s bursting with colour and movement
  • The secrets of illustration – This month, 3D World’s panel of experts provides tips to help you produce 3D illustrations quicker and more flexibly: from the use of stock assets to vital Photoshop tricks

Off Topic – Design Competitions and Prizes

There are a few interesting things happening with in the design blogging community so why not show your support by checking some of them out.

  1. Styletime Blog action day contest win some great design prizes by donating at least 1$ that will be given to the charity for poverty.
  2. Myinkblog is holding a great Big Typography poster competition with some great prizes so get your design head on for that one ill see you there.

Blog Action Day – Massive Fund Raiser + Prizes

Ok so blog action day isnt technically yet, but over at styletime hes holding a massive fund raiser for this event, all funds donated will go to the blog action day charity towards poverty.

Paul walsh is taking the donations as he is a familiar face in the community but styletime has made a massive effort to get prizes collected that you will win, all you have to do is donate at least 1$ to this noble cause.

The Prizes

The prize list is massive, just some of the prizes that you can win are…

1. All 84 Gomedia Vector packs from the Ultimate Packs 1 and 2

2. A 1 year PSDTUTS Plus membership AND (YES 2 Prizes!) $250 to spend on FlashDen/AudioJungleThemeForest Mental! Collis (not everyone knows Collis)and Envato!

3. Single License copy of ‘Proudfolio’ from the w00t gent’s at woothemes.

AND MANY MORE …

So What are you waiting for go and donate now at Styletime and check out the prize list and think about poverty as you make your donation

Get web design ideas & inspiration from other designs – Brown

The aim of this post is to gain design inspiration and ideas from what others have already done, some times its best not to reinvent the wheel and see what others are doing to make there designs work.

Sometimes you can take an idea such as how the navigation looks or how the page has been separated in to different sections and build on this to produce your own variation or new concept.

I’ve managed to compile various websites that look particularly interesting and have certain design elements to get designers thinking about what they could include in there next design.

Points to consider:

  1. How the pages are split up, how the content is separated from other content e.g. a dashed line, change of colour
  2. How the navigation is structured and presented in the design.
  3. Colours that have been used in the designs

I’ve created Photoshop colour swatches of all the designs so if you feel that you want to play around with a certain colour you can download them here

I would be interested to know how other people analyse designs to get inspiration and what they look for Inperticular in a design, please leave a comment.

Most of these screens are based on a brown and earthy theme, most of the designs are not live sites and are just concepts, i thought it would be best to categorise any additional posts in this way to see how colours are used and what colours complement the designs.

Im not saying these designs are perfect and every ones a critic, but they have some cool design features that could be useful to any one wanting to get some good ideas.

All That Jazz


Info: View larger image | Designed by: cc-designs

Interesting Design Features:

  1. Dividing content with dashed lines, adding light sources to new sections to emphasise where new content starts
  2. Floral background adds interest as well as fading the background out in to solid colour.
  3. Making objects look like they are stacked on top of each other like paper with a slight dropdown.

Andrew Brown


Info: View larger image | Designed by: nextexile

Interesting Design Features:

  1. Realistic looking dirt with other features such as moss, others i can think of sand with shells.
  2. Leather textures with thread as well as dirt edges where grime collects.
  3. Metal, giving metal a shine makes it look more realistic and enchanting to look at.

Arnette


Info: View larger image | Designed by: cutwater55

Interesting Design Features:

  1. Water marks on paper, and textures on textures, hear a blotched tea bag effect.
  2. Grime on the under and on the edges of images makes them look more 3D and gives depth.
  3. Hand drawn elements add a whole new perspective to a design that is mixed with photographs.

Buzzul


Info: View larger image | Designed by: hyar

Interesting Design Features:

  1. Notice board effect with cork background and torn paper edges.
  2. Cutting out images and placing at random like news paper clippings can add more interest to certain designs, cloud also be used for a fashion site.

Cerro Azul

Info: View larger image | Designed by: timedeiros

Interesting Design Features:

  1. Clear dirt textures and add extra detail to suit the theme in this case tyre marks for the quad bike.
  2. Old metal plaque nailed to wood frame, slightly at an angle, gives the impression its all been held together.
  3. Tattered paper with the logo dropping down from the top of the screen.

Design Studio

Info: View larger image | Designed by: ahmedzahran

Interesting Design Features:

  1. Showing bare brick can help attract more interest.
  2. cello tape making the design look placed on the wall.
  3. Add more colour to the design wit certain logical stains.

Euro Com

Info: View larger image | Designed by: ecp-pro

Interesting Design Features:

  1. Crosshatched and a deep shade around a container can give the appearance of a texture and depth.
  2. Grainy backgrounds give really good interest instead of plain black.

Factory Four


Info: View larger image | Designed by: z1ppy

Interesting Design Features:

  1. Subtle patterned background.
  2. dashed lines, cut here as if it was paper or cardboard with grunge edges.
  3. torn corners and edges to add extra interest to images.

Fear Tox


Info: View larger image | Designed by: feartox

Interesting Design Features:

  1. small details can play a big part, and make a design alot more interestign to explore.
  2. Creating a unique yet easy to use navigation system to fit the design.
  3. Add depth, colour and flow with vector elements.

Junk Design

Info: View larger image | Designed by: amandhingra

Interesting Design Features:

  1. Photographs that compliment the style of the design making it more life like.
  2. Doodles and little pieces of work that is not necessarily the main focus. Get your scanner and your pencil and make your own.
  3. Again an interesting navigation yet simple for the user to follow, tear up some paper or use some ones brush.

The Colour Swatches

All Colour swatches were made with Adobe Kuler and you can download all the colour swatches in this post here [7kb]

Don’t know how to load the swatches in to Photoshop or illustrator learn on veerles blog

How do you analyse designs

I would be interested to know how other people analyse designs to get inspiration and what they look for Inperticular in a design, please leave a comment.

website design