In 2012 we could see the growth of the trend of big images in web design. Throughout the year we could see more and more big and beautiful images appearing in nice and clean designs. If you check out our Best of Web Design in 2012 list you will notice that this trend was quiet strong in 2012. Since we believe that the big images trend will stay strong in 2013, and also because we believe that images can give a lot of personality and style to a design, we decided to gather a list of fresh examples of sites taking advantage of beautiful images. From big thumbnails to huge background photography, you will find a lot of great examples here. Enjoy!
There is nothing more inspiring than a clean and minimal website. A design with few elements representing something. The saying “less is more”, even though somewhat cliche, couldn’t be more true. We already published here a A Showcase of Clean White Web Designs and a list with 60 Minimal and Super Clean Web Designs to Inspire You. Since minimal sites are always around and they are actually pretty trendy right now, we decided to gather a new list. Enjoy.
There are so many techniques when it comes to web design, it’s hard to get a full grasp on all of them. Minimalism is one of the few which stand out from the crowd in a seemingly ubiquitous flow. The trend follows the concept of keeping things simple and easy to work with.
Removing clutter from pages helps users focus their attention on the things that really matter. Page content, images, contact information, and the presentation hierarchy that removes gradients and web 2.0 distractions. Check out a few of the ideas below in regards to minimalistic designs and see how you can incorporate these into your own projects.
How Does Minimalism Work?
The idea of minimalism in designs is not a new one. In fact, it’s been present in the art community for centuries. With the move into digital design we find things to be a bit different as the objects we’re designing are constantly changing.
Minimalism works by playing on your visitors keen attention, or rather lack thereof. Most visitors who visit your blog or website will not spend more than a few seconds on the page, maybe a few minutes if you’re lucky. This isn’t because they truly don’t care or hold apathetic viewpoints towards your content. Rather in our world of fast-paced action users know how easy it is to jump from one website to the next in almost an instant.
Playing on these pieces to your users attention span by placing content is easy to read layouts is the basis behind which minimalistic designs are built. You will frequently see much more typography and white space with fewer images and buttons as distractions.
Although there isn’t any guidebook for running minimalistic designs there are plenty of guidelines to follow. Additional white space is one such idea, along with the removal of unnecessary page elements.
Less is More – Adding Space for Readability… Seguir leyendo “Simple Flow: Minimalism in Web Design”
Every Monday we showcase a collection of inspiring web designs to get your week started on a good note. We normally focus the collections on a particular category, but this week we are doing something a little different. We noticed that you probably were missing out on some great looking sites because they didn’t fit into the categories were were covering. So this week we are showcasing a mixture of designs that don’t necessarily belong in the same niche, but do have something in common…beauty. Enjoy!
We design beautiful interfaces, websites, and print projects for a variety of developers, businesses, and organizations.
In the same way that the 00 visual identity symbolises the duality of collaboration and the act of binding collaborators, ideas, processes and philosophies together, The Collective V are very proud to bring you 00 Volume 01, Black Material Robert Knoke with 3 Deep.
A Couple That Loves to Create. Eight Hour Day is a design boutique, and we love what we do. It’s who we are.
We all know Google and Bing, and probably use one or both of them on more or less a daily basis. Search results are generally the defining factor that makes us have a good experience, and I suspect most of us don’t give too much consideration to the usability of the services.
However, with hundreds of millions of people using both of the services each and every day, even subtle changes in the usability of the two could add or shave off huge amounts of time for the two, and each small change can lead to a more enjoyable, more usable experience.
Today we will take a look at these two leviathans and see how they compare in terms of usability, and explain just what usability should mean to you. Want to learn how to improve conversions, get more subscribers, happier clients and better designs? Read on to find out how:
The testing process:
I have set up a quick test based on screenshots of both Google and Bing. There are just 7 questions in the test, and when you take it you will be directed to either the ‘Google’ channel, or the ‘Bing’ channel. This is a random process, and roughly 50% of people will be directed to each channel – this is to ensure a fair spread of users, habits and behaviours across the test.
To complete the test, you simply click on the location you think you would click to complete the assigned task. For example, if you were asked where do you enter your search term you would probably click in the search box; the testing application will generate a heatmap of where everyone has clicked, and you will have a quick visual guide of where people have been clicking. At the same time it will also record your average time to complete the task – obviously there is a big difference in completing a test in 5 seconds versus 10 seconds, and the results will reflect that. Seguir leyendo “Bing vs Google: A Usability Face-Off”
The list was so inspiring and commented on that we decided to do a new one with another 50 inspiring dark web designs. So here they are, 50 new examples of how some sites are using dark colors as main elements of their design. Enjoy.
Henry Jones | //webdesignledger.com
You don’t always have to use Photoshop to create optical illusions in your photographs. With a technique called forced perspective you can create illusions that make an object appear farther away, closer, larger or smaller than it actually is. It just takes a little creativity with the placement of the subjects in the shot and the camera angle. To give you some inspiration, here are 20 Creative Examples of Forced Perspective Photography.
The .org domain, being short for “organization”, was originally intended for non-profit groups or organizations of a non-commercial character. Since non-profits and big design budgets aren’t normally associated with one another, it’s refreshing to see such great design in these types of websites. So for this post, we’ve put together a list of .org websites that are beautiful and guaranteed to inspire you.
Spring is a funding program of The Sprout Fund. Program support is generously provided by The Pittsburgh Foundation. Complementing Pittsburgh’s status as North American Host City for the United Nations World Environment Day, as well as the International Year of Biodiversity, Spring offers local opportunities for the citizens of Southwestern Pennsylvania to join these global efforts.
A global cause backed by Bob Marley’s vision of hope and unity.
The Participatory Politics Foundation is a 501(c)3 non-profit organization with a mission to increase civic engagement. PPF develops websites that create new opportunities for engagement with government. Voting is important, but we have a chance to go further and create a political process that is meritocratic, creative, and participatory.
The following ten books contain a wide variety of valuable information for web designers, ranging from HTML5 to a guide for managing your time. There’s plenty here to keep you busy reading for a while. Enjoy!
This guide is especially handy if you haven’t done a lot of webdesign yet or if you are involved in webdesign but don’t do any of the real work. I hope to shed some light on some common interface elements and mistakes people often make with them.
If you’ve ever felt the draw to do something creative but just haven’t been able to pull it together, you’ll love this manifesto. Hugh MacLeod, an advertising executive and popular blogger with a flair for the creative, gives his 26 tried-and-true tips for being truly creative. Each point illustrated by a cartoon drawn by the author himself.
What designers offer to clients is a way of thinking. The “Why design?” booklet outlines the role of design in business strategy. It seeks a common framework for why design adds value to clients’ interests. Seguir leyendo “10 Free EBooks for Web Designers”
As freelancers, we all want to make more money. But freelancing doesn’t scale, so there’s always a ceiling. There’s a limit as to how many clients you can take on, right? So how do you make more money, if you can’t or don’t want to take on more clients? Well, if you’re better than average in what you do and can put in just a little bit of extra effort, you can get paid more by clients.
Yep, there are 3 simple ways you can get paid more by clients – the same clients you’re currently contacting. You’ll be expanding vertically rather than horizontally, as they say. No, there’s no scammy tricks, or magic pills, or sleazy sales tactics. There are simple tweaks to what you’re already doing that’ll make your clients want to pay you more – either by you being able to charge more now or raise the price for the next project.
So without further ado, here are 3 simple ways to get paid more by clients:
1. Make Life Easier for Your Clients
If you make life easier for your client, you’ll increase the chances that they’ll pay you more. Because that’s ultimately what they’re paying for – convenience. Making their life easier so they don’t have to do something. Even if they could learn and become proficient in it, they’d rather pay you to do it. The more your client has to do themselves, the less they’ll want to pay you. After all, why should they pay you more, when they’re doing part of the work?
Your mission as a freelancer is to make your client’s life easier.
So the more you focus on your benefits to your client and specifically how it makes their life easier, rather than simply features that you offer, the more likely they’ll want to pay you more. Who cares that you’re able to design technical thing X or implement widget Y? How do those things make life easy?
Focus on that – in your pitches, in your proposals, in your conversations, and in your actual work.
Be willing to do as much as possible to make your client’s life easier. Don’t tell them they have to do something themselves – unless it’s unavoidable, and even then, don’t highlight it but instead word it in a way that it becomes a prerequisite or requirement for a task rather than work for the client.
2. Use More Convincing Wording
The more convincing the wording of your offer, the higher likelihood that you’ll get paid more for it. Yeah yeah, it’s forehead-slapping common sense. No surprises there. But it still bears stating. How can a client want to pay you more if they’re not convinced you’re worth the money?
So, convince them – in your wording, on the phone, in your pitch, your proposal, everywhere:
- Replace “maybe” with “guaranteed or *risk-free deal*”
- Use “I’ll definitely” instead of “I’ll try”
- Focus on benefits over features…
- How you’ll make your client’s life easier…
- And how you’ll increase their chance of their desired result
Use more convincing wording to make your offer seem like a steal.
Now, this isn’t to say that you should lie in your freelancing. No, never. Lying and being fake sucks, so don’t do it. Rather, you’re not deceiving your clients but simply making it more clear why you’re worth the money you’re charging. You’re elegantly reminding them why they’re about to pay you more than a cheaper but lower quality alternative.
If you’re confident in your offer, then show it. Don’t shy away from your self-belief. Don’t be arrogant, but don’t be overly modest and meager either – that’s just sabotaging yourself. Seguir leyendo “Web Design Ledger: 3 Simple Ways to Get Paid More by Clients”
It seems there are so many references and guides out there it’s easy to get lost. Below we’ve compiled 19 unique jQuery tutorials to help develop your skills as a frontend developer.
Develop a simple and powerful jQuery script for common HTML form validation.
Learn how to code a structural jQuery login form with sliding animation. Hide your form out of a visitors view until clicked.
Digg has been an innovator for web apps for years. Learn how to develop a dynamic registration form similar to their signup page.
Here you are taught about using jQuery and the new transformation features brought by CSS3 to create a dynamic slider effect.
Part 1 of a detailed series teaching about events in jQuery. Here you’ll learn the bare-bones of the jQuery library and how to use events to construct your own functions. Seguir leyendo “19 Unique jQuery Tutorials for Web Developers”
Photo manipulation is by far one of the most popular applications of Photoshop. Images can be manipulated in various ways to communicate a message. Sometimes the manipulation is subtle, like adding something to a photo that wasn’t originally there. Then sometimes the message or idea is unrealistic, but executed in a realistic manner to make it appear believable. These types of spectacular manipulations can have a big impact on their audience, and have them asking, “Is that real?”. So for your inspiration, here are 20 Spectacular Photo Manipulations.
Portfolio designs can be a great source of inspiration. After all, a portfolio is not only a place to showcase one’s work, but is also a designer’s home on the web. It’s a portfolio piece in itself that represents what the designer is all about. For this reason, you’ll usually find extra amounts of creativity and attention to detail. A designer will put in this extra effort in order to show off their stuff and to attract new clients. So for this post, we’ve gathered 40 portfolio designs to inspire you.
Portfolio of Wing Cheng, graphic & web designer.
As web designers, it is our job to grow with the trends of the Internet. As new technology emerges, it’s our position to jump on board and see where it can take us. This includes trends all over the web, typography being a major player.
Many designers don’t consider type as a field of interest or focus. Ironically, typography is possibly one of the most important parts of our dynamic web. It helps deliver a website’s content to users from all over the world and it truly is an art to study.
I’ll be getting into a few concepts about typography for the modern web. Things haven’t changed too much since the previous years of web design, however many new techniques are being utilized and shared amongst the design community.
Styling Your Main Document’s Text Elements
Consider from a user experience perspective what your main elements of text may be. Of course you’ll need paragraphs and a few headings (h1-h3 mostly). You’d also want to style your links in a certain way, and maybe even include other elements such as blockquote properties.
All of these tags are useful when structuring your site’s content. These can all be styled through CSS properties in any web document with a large amount of precision. The main priority is to consider what each element represents and piece together a puzzle of how you want them to be displayed to your visitors.
Paragraphs are a good place to start as these will contain the bulk of your content. How do you think it’d be easiest for your readers to follow along? Many corporate and business websites use smaller font in paragraphs for a sophisticated look, but in the modern web things have changed.
Most paragraphs seen in blogs or social media sites today will use much larger font for paragraphs upwards of 16px-18px. This makes sense when you take into account the popularity of mobile users reading content on much smaller screens. Seguir leyendo “Designing Typography for the Modern Web”