View:
Sorted by:
Establish Visual Priority on Your Website
If you're designing a new website for a client, this client may be so close to the subject matter that he can't decide which things are the most important on a website. Their inclination is to make everything [more…]
How to Use White Space in Your Web Design
Web pages that have tons of stuff packed into every nook and cranny make the page difficult to read and don’t give the eye a chance to rest. When building a web-page layout, always plan for some open space [more…]
Web Design: How to Establish a Design Style
After the design for a website is approved, it’s a good idea to establish a visual style guide that governs the color palette, font usage, and graphical treatments. Developing a style guide first — or [more…]
Use Legible Text to Design Your Website
Whether a website uses graphic or HTML text, reading text on the computer screen can be uncomfortable on the eye: You squint from the glare while trying to read the small text. You can minimize the torture [more…]
How to Choose Fonts for Your Website
Some fonts don't work well on websites. Unfortunately, too many fonts exist these days for you to find a complete listing of which ones do and which ones don’t. Also, it’s important to understand that [more…]
The Types of Text Display on a Website
The website you’re building may contain two types of text: graphic text (which is really just an image) and HTML text (which is either in the HTML code or coming from a database). HTML text is also called [more…]
Web Design: Using External and Internal Style Sheets in CSS
Cascading Style Sheets (CSS) technology allows you to define a set of font styles, which you can use consistently throughout your website. For example, imagine that you’re designing a large website and [more…]
Using the RGB Color System to Design a Website
When building a website for a client, odds are the client will want you to match, exactly, the colors they use in their logo and other branded material. The secret to all the colors you see on your computer [more…]
Web Design: Reduce Image Size by Limiting Colors
Although a computer’s RGB system is capable of mixing over 16 million different colors, the monitor is not always capable of displaying all these colors. Also, an image that contains all these colors can [more…]
Web Design: Be Mindful of Monitor Color Depth
A computer monitor has to work hard to display all the colors contained in a 24-bit image on a website. Some older or inexpensive monitors, and some devices, simply don’t have enough video memory [more…]
Web Design: Use the Hexadecimal Color Code to Match Colors
When you specify colors in HTML or CSS code in web design, you don’t use their RGB numbers. Instead, you use something called a hexadecimal code. For example, plain old white is 255,255,255 in RGB, but [more…]
Web Design: Why Image and Monitor Resolution Matters
If you’ve ever watched a movie on your computer or on a high-definition TV, you can really notice the difference in detail compared to a standard TV. This is because HDTVs and computer monitors have a [more…]
Web Design: Understanding Bitmaps and Vector Graphics
All the graphics you encounter on the web are either bitmap or vector graphics. The basic difference between the two is how they’re drawn on your screen. This simple detail affects everything from image [more…]
Software Used in Creating Comps and Websites
Before you begin designing a website, you should become familiar with the industry standard web-graphic software tools. While there are a number of tools on the market that may be more suited to the weekend [more…]
Explore Design Resources When Building a Website
When you sit down to explore different web-design directions, you’re not on your own when it comes to tracking down the assets and resources you’ll need to complete your designs. A number of online design [more…]
The Basics of Mobile-Friendly Web Design
When designing or redesigning a website, you must also consider creating alternative, mobile-friendly versions of the site. These versions are not to be confused with native applications that live on your [more…]
Avoid Language Translation Problems When Designing a Website
Although many sites on the web are in one language, a growing number of companies are localizing their sites to cater to the needs of the international marketplace. [more…]
How to Build a Web Page Template from Scratch
The standard tool across digital agencies and in-house departments for building website graphics is Adobe Photoshop. Although Fireworks is optimized and purpose-built to produce web-graphic source files [more…]
Using Background Graphics in a Website
Designing a nice background for your website is an important detail that can add a lot of polish to your design. Considering that you do not know what sort of monitor people will have when viewing your [more…]
Types of Visual and Interaction Design for Websites
One of the best ways to get ideas for the visual appeal and interaction strategy of your website is, well, to peruse the web. There are several websites that aggregate great design examples in various [more…]
Putting Online Presentations onto a Website
The best way to showcase design directions online is to build a special project website just for the client. Ideally, this website is password-protected so no one but you and the client can enter; however [more…]
Making Printed Presentations of a Redesigned Website
These days, printing beautiful photographic-quality prints of your website mock-ups is a simple and affordable process. The price of high-end desktop color printers has come down remarkably in the last [more…]
Presenting a Redesigned Website to the Clients
When presenting your redesigned website to the client, you need to sell the client on your ideas and remain professional, confident, and composed during the feedback. There’s no special sauce to successfully [more…]
HTML Code Structure
Everything that you see on a web page is held in place by a page-layout language called HTML (HyperText Markup Language). Since the time that HTML was first introduced, it has evolved from a simple way [more…]
How to View Source Code on a Web Page
Web browsers let you view the HTML and CSS source code of a web page. Sneaking a peek at the source code of a web page is a great way to see how it’s built — and to see how you can do something similar [more…]
