Feb 8, 2010
There have been plenty of posts on the number of awesome javascript, Ajax and CSS techniques and where to find them. Today, we will have a look at 10 creative & rich UI in modern day websites and how you can create similar interfaces using the techniques mentioned in this post.
Beside the absolutely incredible design you will find:
- 1.1 A menu with a nice animated effect on hover state
This tutorial explais how to design an high impact elastic effect to make original web menu using some lines of Javascript code and MooTools framework.
Check out the demo
- 1.2 A sliding post panel.
Feb 7, 2010
Adobe Illustrator is a powerful tool for illustrating various elements one can use for web pages and print design. However, it’s important to know what to do in order to powerfully use its tools and achieve certain effects. So, step-by-step tutorials can provide a lot of help, thats why we spent a lot of time searching for Fresh and New high quality tutorials out there and the result was 30 remarkable illustrator tutorials and tips. Let’s take a look at some of the best and Fresh Adobe Illustrator tutorials we’ve found in the Web so far.
A quick tutorial about how to create gradient strokes. This simple technique uses the Appearance panel and effects to create editable gradient strokes in Illustrator.
Visit Tutorial
Feb 6, 2010
As many of you know, I also run Card Observer, which is a site that showcases beautiful business cards. A few weeks ago, I showed you some of the best Letterpress cards that have been featured on the site, but lately I have been noticing more and more cards being submitted that are being produced using uncommon materials, such as plastic, wood, metal, and even some cloth.
Here are some of my favorites. If you want to see more details about the cards, just click on the images.
Popularity: 2% [?]
Permanent link to this post (119 words, 14 images, estimated 29 secs reading time)
Feb 5, 2010
Adding illustrative elements to a web design can take it to a whole new level. Illustrations add a uniqueness and character to a design, giving it the ability to make it truly stand out from the crowd. Designers and artists use them in various parts of a design: as backgrounds, as part of a captivating header, or as an accent within the content area.
In this article, you’ll be able to set your eyes on some of the best examples of websites that have chosen to use illustrated elements as part of the design.
Feb 4, 2010
In this massive collection of resources, you’ll find all sorts of resources including: tutorial sites, Photoshop Brushes, patterns, Photoshop Actions, showcases/collections, and much more.
Photoshop Tutorial Sites
Psdtuts+ is a weblog and Photoshop site that features high-quality Photoshop tutorials. On Psdtuts+, you’ll find tutorials such as “Creating a Touching Story Scene in Photoshop” and tips and tricks like “Using Adobe Kuler to Enhance Your Photoshop Color Workflow“.
Tutorial9 is a website that publishes excellent Photoshop tutorials such as “Draw a Classy 3D Poker Chip in Photoshop” and “Render a Realistic CD in Photoshop“.
PSDFAN publishes high-quality tutorials, Photoshop freebies, and interviews with designers and artists.
Photoshop Ninja is a site dedicated to Photoshop. It shares tutorials and tips such as “Opening Photoshop layered files as merged files“, “Creating overlapping text layers“, and “Why is my Photoshop layer style or effect not working?“.
Feb 3, 2010
Lately, there has been a trend towards incorporating hand drawn elements into web designs, bringing sketches and drawings that we typically see in the paper medium onto the web. Hand drawn elements can be seen in navigation bars, as backgrounds, as accenting elements, or as an entire site theme. They give a design a very unique, out-of-the-box, and organic/realistic look.
In this collection, you will be able to find some of the best designs that have hand drawn, “sketched” elements infused into them for your inspiration.
Feb 2, 2010
An effective logo sets the tone and public perception of your brand, and therefore careful thought and creativity must be put into constructing it.
In this article, you’ll find a large collection of tutorials and resources on the topic of designing logos by some of the most well-respected logo designers in the industry.
Logo Design Tutorials
Designer/Author Chuck Green shows us the general process he takes when designing a logo.
This downloadable tutorial goes through the process of designing an illustrative logo.
Artist Von. R. Glitschka discusses his creative process for designing an illustrative logo.
Take a peak into a real-world project to see an actual logo designer in action.
Feb 1, 2010
Flash is an excellent technology for dealing with data visualization. It being client-side, it can reduce the amount of work your server has to perform in order to generate graphs and charts. Because of its robust ability in dealing with sleek and fluid animation and complex user interactivity, Flash is an excellent web and (and even desktop) application technology for dealing with graphing data.
In this article, you will find ten excellent Flash components that will help you in building stunningly attractive, complex, and interactive data visuals. These components will help you create an assortment of graphs and charts to aid in presenting otherwise boring and stale numerical data.
Open Flash Chart is an open source Flash-based graphing and charting solution developed using ActionScript 3 and compiled using Flex. Open Flash Chart’s features include interactivity of your charts with tooltips, the ability to resize your charts client-side, and being able to save your graphs as images.
Jan 31, 2010
The utilization of paper as a design element in a web design is one of the most popular design trends. By using scraps of paper, cardboard textures, notebooks and notepads, a designer is able to compose an interesting and elaborate design. You’ll see paper used in various kinds of design components - in backgrounds, navigation menus, content areas, and all sorts of other web page parts.
In this showcase, you’ll see some of the best web designs that involve the use of paper elements and textures - for your inspiration.
Jan 30, 2010
Music lovers often are sensitive to design. This probably explains why so many music websites are so wonderfully designed and inspiring.
In this article, you’ll be able to discover 30 beautiful music websites that stand out from the crowd.
