Articles tagged as ‘Design’

10 Humorous Infographics Beautifully Designed

Like many web surfers, I could waste a lot of time browsing through infographics, especially if they are insightful or funny. In fact, infographics are becoming a popular way of providing information, creating awareness, or simply attracting attention with some humor. As such, infographics are a design speciality that should be added to any designer’s list of skills. The benefit? You will always find businesses needing an infographic for their blog. The drawback? Infographics can take a long time to create.

However, just as with any other design skill, becoming faster and better at creating infographics is as simple as researching and practicing. And, of course, it doesn’t hurt to have a little fun along the way. So, here for both your entertainment and education are 10 humorous infographics that are quite beautifully designed. Some are thigh-smacking hilarious, a few clever, and others a little odd in a funny way. Take a look, enjoy, and be sure to let us know which of these are your favorite.

Thirteen Reasons Why Your Brain Craves Infographics

This incredible web-based infographic designed by NeoMam Studios presents reasons why infographics are so popular in a brilliant paralax scrolling effect. The team designed the entire infographic using HTML5 and CSS3, and while more informational than humorous, it still includes some funny illustrations that will produce at least a giggle in most viewers.

Read More ».

Free Resources for Creating a Flat Design

Flat designs are taking over quite quickly it seems. I doubt anyone could argue against it being the latest and greatest for (fairly) new trends on the web, in mobile devices, and even in print. The simple description for a flat style of design is one that lacks 3D effects, such as bevels or drop shadows.

The stylistic details of a flat design can vary somewhat, just as with most design styles. Usually, though, a flat design is quite minimalist with primary-ish colors and lots of “white space”. The font is usually thin without too much flare. Boxes and buttons are, of course, without strokes or 3D effects. Some flat designs do contain shadows, but these are usually flat-ish as well.

Whether you are new to flat design or simply need some fresh, new resources for your next project, most should be able to find a few items below to help. The list below is divided into 5 categories: UI kits, icons, templates, WordPress themes, and tutorials. The best part? All are free. The ones that specifically mention “free for commercial use” are noted as well. Have fun browsing and be sure to let us know of any other amazingly free flat resources.

UI Kits

A UI kit is a user interface collection that comes with all the parts and pieces you need to design your own website. Usually they are PSD but sometimes will come with other components as well. While you can use the color scheme in the file, you can create your own color scheme. They also come with patterns, brushes, and much more. Hence, UI kits save a web designer a lot of time, improving workflow and decreasing time spent on projects.

DesignModo Flat UI

Read More ».

Learning Web Design: Self Taught vs. a Formal Education

If you’re looking to get into the web design/development industry there are loads of resources and courses to help with your education, but deciding which route to pursue is not easy. There are two basic approaches: going to a university for a formal education, or taking a self-taught approach and learning on your own. In recent years a growing number of colleges and universities have added degrees specifically for web design and development, and of course a graphic design/arts degree is also an option.

In this article we’ll take a look at the arguments for both approaches, and we’ll also provide information on plenty of resources to help you get started with learning on your own if that is the route that you choose. If you’re considering a career as a web designer/developer, you’ll want to take some time to educate yourself on the options that are available and see what is the best fit for you personally. There is no right or wrong approach, but following a path that isn’t the right fit for you can result in a lot of wasted time and money.

Pros of Being Self Taught

When it comes to web design and development you’ll often read or hear of someone being “self taught”. What this usually means is that this person did not receive a formal education in the field of design or development. In reality, being “self taught” typically involves things like reading books, following online tutorials, watching videos, and plenty of experimentation. The self taught designer still learns from others who are willing to teach, but it’s usually by way of informal articles and tutorials rather than a classroom setting. So don’t be intimidated at the phrase “self taught” as it does not mean that you will need to figure everything out on your own. With that in mind, here are some of the most convincing reasons why you might want to skip the formal education and just learn on your own.

Smashing Book

Read More ».

How to Delete A WordPress Post Using AJAX

AJAX is an extremely powerful tool for bridging the gap between your server side code and your client-side code. It enables you to not only make better interfaces and more useful tools, but to lower your bandwidth usage and optimize your code while you’re at it.

While AJAX can be implemented freely anywhere, WordPress has built-in support for it, and there is a standard way to use it in your themes and plugins. Let’s take a look at the steps necessary to get going with AJAX.

The AJAX Flow

As you may well know, to create something useful using AJAX you’ll need a few things:

  • An action which triggers the call
  • An AJAX call
  • Server side code which is executed
  • Javascript code which processes the result

Not all these steps are required all the time, but in general this is how it goes. Let’s continue by thinking up a scenario where AJAX would be useful.

Read More ».

32 Stunning Creative Commons HDR Photos

One of my favorite photo manipulation effects is High Definition Range, better known as HDR. The colors this effect brings out along with the depth created through unusual lighting tricks adds an almost magical look to any subject. HDR photos work for unique product photos, landscapes, waterscapes, stills, and occasionally portraits.

However, most photographers lock down their HDR photos with a firm copyright, and with good reason. Anyone can create an HDR photo, but not everyone can create one that is truly stunning. Sometimes, though, an artist will provide a few creative commons HDR photographs simply as a way to get noticed. If people can share in the right way (i.e. by attributing the work to the artist with a link to the source), the more willing photographers are to provide photos for us to use.

Mai 2013 - Débordement de la Seine à Marnay sur Seine (Aube)
Mai 2013 – Débordement de la Seine à Marnay sur Seine (Aube) by B@rberousse
Attribution

Read More ».

30 Fresh Websites with Modern, Clean Design

So much is possible these days in web design with CSS3, jQuery 2.0, etc, which is why so many websites include animated imagery. You can design a website with all of the bells and whistles and it can still be mobile-friendly, most of the time.

However, my favorite designs still tend to be the ones that have a clean, modern look to them. Clean design doesn’t necessarily mean minimalist, although many are to a certain degree. A clean website often has simple navigation and well-organized elements on a page. The content is easy to read, find, and browse. Some clean websites include minimal animation. Many have a single page design, while many more include several pages, all with a clean look and feel.

What do I define as both clean and modern? By modern, I included the latest trends of this year. Parallax scrollling, full-page images, retro illustrations, and creative typography are all modern trends you’ll find in the collection below.

Very often, a clean design is used by design agencies, freelancers, photographers, artists, bloggers, and other creatives with limited content. The amazing feat is when a website with tons of content is cleanly designed. The list of modern, clean website designs include those with brief content and a few of the awe-inspiring ones with a plethora of content organized incredibly well. Keep in mind that for many of these, you will need to visit the site to get the full affect.

Playful – New Finnish Design

Read More ».

A Comprehensive Guide to Effective Portfolio Websites

The web/graphic design industry is highly competitive. With so many designers out there competing for clients it can be difficult for freelancers and independent designers to find enough work to stay busy and to pay the bills. The level of design ability and experience doesn’t always correspond with the amount of success in running a freelance business in the industry. There are plenty of talented designers that struggle to find enough clients. Likewise, there are plenty of freelancers with lesser design skills that are more effective at running their business.

One of the keys to success for most freelancers is their portfolio website. Most potential clients will visit the website of a designer before hiring him or her, and often times the portfolio site is actually how the client finds the designer in the first place. Essentially, the online portfolio acts as a salesperson for the freelancer. An effective portfolio site can be invaluable to a freelancer, so it’s important enough to warrant plenty of time and attention for designers who are looking to be able to land more clients.

In this article we’ll take an in-depth look into the topic of portfolio websites. We’ll start by looking at keys to effective portfolio sites. Then we’ll move on to look at the options for creating your own portfolio site. And we’ll finish by providing some tips for getting more exposure to your portfolio site. If you’re interested in getting more out of your own existing portfolio site, or if you’re planning to create your first one, the details covered in this article should be able to help.

Read More ».

45 Photo Editing Tutorials for Photoshop

This post was originally published a few years ago, and since that time many of the tutorials that were featured in the post are no longer online. So we’ve revamped the article with a fresh selection of tutorials, some old and some new, that should prove to be very helpful.

Photoshop allows designers and photographers to improve photos in countless ways. Some photos are edited in a subtle way that the viewer may not even notice unless it is side-by-side with the original photo, and others are edited in more drastic ways. The good news is that there is a tutorial for just about anything you would want to do in Photoshop. Here you’ll find a collection of 45 different tutorials that teach the art of photo editing.

Telling Stories with Shadows

Telling Stories with Shadows

Read More ».

40 Photoshop Tutorials for Lighting and Abstract Effects

This post was originally published a few years ago, and since that time many of the tutorials that were featured in the post are no longer online. So we’ve revamped the article with a fresh selection of tutorials, some old and some new, that should prove to be very helpful.

Photoshop gives designers the ability to create some amazing effects that can accomplish just about anything you can image. Lighting effects and abstract effects can be some of the most engaging and powerful effects created in Photoshop, and they’re also a lot of fun for designers. Fortunately, there are plenty of Photoshop experts who are willing to write detailed tutorials to show off the potential. Here is a look at some of the best tutorials for using various lighting and abstract effects. Follow a few of these tutorials to learn different techniques, and then put your creativity to work and find some ways to use lighting effects on your own.

Add Light Streaks to a Photo with Photoshop

Add Light Streaks to a Photo with Photoshop

Read More ».

Why Pinterest Is Important to Designers and What You Need to Know

It’s been only two and a half years and Pinterest has risen quickly to become one of the most popular social networks. In fact, according to a recent article from Anthony Myers on CMSWiRE, Pinterest is now the fifth most popular social network.

According to a July 2013 study from research firm, Semiocast, Pinterest now has 70 million users… That means that Pinterest is a significant player in social media. Web designers can’t afford to ignore it.
Pinterest-3

For designers, though, there’s more to Pinterest than just networking. The design of Pinterest itself has influenced web design. Pinterest is a source of inspiration for many, and some use Pinterest as a sales tool. Pinterest can even drive search engine traffic.

Pinterest can be a powerful tool for web designers, yet many designers overlook the many of the advantages of having a presence on Pinterest.

In this post, we’ll talk about the various aspects of Pinterest that web designers need to understand. At the end of the post, you’re encouraged to share your favorite Pinterest boards.

Read More ».
Page 5 of 28« First...34567...Last »