Following A Web Design Process - Smashing Magazine
Almost every Web designer can attest that much of their work is repetitive. We find ourselves completing the same tasks, even if slightly modified, over and over for every Web project. Following a detailed website design and development process can speed up your work and help your client understand your role in the project. This article tries to show how developing a process for Web design can organize a developer’s thoughts, speed up a project’s timeline and prepare a freelance business for growth. First of all, what exactly is a ‘process’? A Web development process is a documented outline of the steps needed to be taken from start to finish in order to complete a typical Web design project.
10 More Great Google Font Combinations You Can Copy
The last time we wrote about Google Web Fonts, it was a fairly new program with a handful of fonts. Today there are nearly 500 font families ready and waiting to be served up to your website completely free of charge. Google has certainly made its mark on web typography and stands as an excellent alternative to premium subscription services.
7-Step Process All Designers Should Follow To Complete Every Project
As a graphic designer, you know your job entails helping your client sell their service or product. Your ultimate goal is to help viewers understand a message and, in turn, reap benefits for your client. Developing a process to follow each time you take on a new project can help tremendously in achieving results you and your client are happy with. Whether you’re a graphic designer, web designer, programmer or otherwise, having a system set up will help you get the work done faster in addition to keeping things organized and the designer/client relationship a positive one. Project Initiation One of the most important steps in the design process is accumulating the information you’ll need.
Best Practices of Combining Typefaces
Advertisement Creating great typeface combinations is an art, not a science. Indeed, the beauty of typography has no borders. While there are no absolute rules to follow, it is crucial that you understand and apply some best practices when combining fonts in a design.
Backgrounds In Web Design: Examples And Best Practices - Smashing Magazine
Advertisement Web design has come a long way since its beginning, especially in terms of styling. Take a look at a website from 10 years ago and compare it to one from today. The differences are enormous. One of the major changes you will notice is the background.
@font-face Solutions & Suggestions
In the last post I talked about the design aspect of using CSS3 @font-face, today I would like to extend this topic to the technical side on implementing custom web fonts. So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method. 1) CSS3 @font-face
Type is the backbone of good web design
Ever since launching my Information Portfolio, BrianHoff.net, I’ve received many emails with similar variations to the question “How do I become better with typography on the web?” or “Why does your type look nice on your site?” Below are a few techniques I generally go with when styling my type and aspects I considered and incorporated while designing BrianHoff.net.
CSS3 @font-face Design Guide
Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all. When it doesn't, your custom fonts might break the layout or come out with undesired results. In this article, I will explain the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr. Common Mistake
On Web Typography
There are many books and articles on typography, but considerably few explore typeface selection and pairing. With the floodgates poised to open and the promise of many typefaces being freed up for use on websites, choosing the right face to complement a website’s design will need to become another notch in the designer’s belt. But where do we start?
25 Hand Picked Sans-Serif Google Fonts
When creating new website designs I always reach the point where I need an extensive font collection to enable me to experiment with different headline and body combinations. When coding the design into the browser I often use Google Fonts, this gives me a vast array of fonts to choose from, all of which are also free to use and download! Take a look and download some of my recently used sans-serif fonts which are compatible with Google Fonts and let me know some of your favorites.
