In our previous article we took a look at what is HTML and how hypertext transfer protocol allowed us to see pages. In this chapter I am going to explain, in a simple way, how the browser finds and displays your html, xhtml or xml pages. Read the rest of this entry »
Four Huge Web Design Errors That Are Costing You Business Online is an article that I ran across this morning. And I believe it to be excellent in determining four of the most common pitfalls that web designers make in designing. Now, I wanted to extend the list to 8 common website mistakes: So the first four covered by the article are: Read the rest of this entry »
It has been a while since I wrote my last post and so with the latest news I thought I would take a second to write a bit.
The new website of the city of Raleigh is, in my humble opinion, a waste of tax payer dollars. As a professional website developer and strategist and having developed hundreds of websites myself, I can tell you that this website is overpriced and under-designed. Read the rest of this entry »
Hi everybody. I hope you guys are having a blast. One thing that I’ve been aware lately is the desire to quickly deploy a WordPress installation. Now, I understand that for advanced developers you can have WordPress multisites and deploy them extremely fast and with less restrictions than what I am going to explain here. This post is for beginners. Read the rest of this entry »
Hi everybody! I hope you guys are getting ready for Christmas. This is certainly my favorite season and today we had some snow that made me realize that good things have time tables. Opportunities come and go, and for a small business owner, making the best out of those opportunities is crucial. Many fail to inactivity, many fail to over activity without results. I myself feel like I work a lot and get very little in exchange. Read the rest of this entry »
Ok let’s talk about the future of competitive website design for a second: it is just that: competitive. By looking at the Google Insights graph at the top you can clearly see that the trend of search for web design in the North Carolina area has dropped almost by half! You could probably attribute some of that to the specificity of search, however in my opinion it also highlights that web design is being searched less. Read the rest of this entry »
These days I have seen lots of people writing about tips on how-tos. Now there are great tutorials out there for web designers trying to improve their design techniques. Unfortunately what I have found is that most of them start from scratch and explain the techniques from a building perspective. Not that there is anything wrong with that approach. Simply put, I am writing this post but instead of building the techniques I will be analyzing three excellent examples.
TIP 1. Use Color, Position, Distance and Alignment to portrait importance. In figure number one, you can see how the designer decided to use 3 different colors in one paragraph of text! The white color automatically gets less importance, the yellow text gets a nice accent and then finally the call to action is found in red (which is an excellent color for action).
Use of Color to denote difference.
TIP 2. Mantain your number of hues to a minimum. The more color that you use the more time a common user would take to decipher what is important. In order to improve usability you want to color code your actions in a way that becomes automatically intuitive to do something. For the most I would say use 3 hues, then you can add another 3 shades or 3 lights to those shades. My favorite is to keep websites to almost a monochromatic scheme and then create accents with a split complementary or even a complementary hue. Unfortunately as I progress towards finishing the design, I end up adding other hues; I have to force myself to change extra hues for shades of the same hue.
Example of a website using a limited amount of hues.
TIP 3. If you decide to go with sharp angles then go with sharp angles. If you go with rounded corners then be consistent as well. As part of the WEB 2.0 trends we have seen lots and lots of design that use rounded corners. If used properly, rounded corners look really good and make design look softer and more inviting. Unfortunately the entire experience can be thrown to the trash can with just one thing: inconsistency. The secret really is not so much having rounded corners, the secret is to maintain those treatments across the different sections of the design. As a counter-example check out image number 3. This designer decided to only use sharp angles (including the pictures). That makes the design so powerful that it immediately makes a positive impression.
Example of designer using sharp angles with consistency
That is it! I hope you guys enjoy this tutorial and really hope that it helps improve your design and gives you at least another point of view.
Until next time,
Alex A. Centeno MBA.
Digital Media Director
Merkados™
