January 2009 için Arşiv

The Psychology of color in web design

Tarih: 31 January 2009 Kategori web design | 4 Yorum »

Color by virtue of its tremendous expressive qualities is one of the most effective tools in advertisements and presentations. Web design is no exception in this regard. Psychologists have found out that color impression can account for 60% of the acceptance or rejection of that product or service.

Understanding the proper uses, emotional response, and psychological implication of color is crucial to effective communication between you and your target audience through the website. Color has gradually evolved into a discipline which is increasingly being taken quite seriously by web professionals to better influence and illustrates the message, mood, and flavor of web sites and the visitors.

Here’s a brief elucidation on varying dimensions of color.

There is a high degree of universality in the implicit meaning of color across cultures and geographies

Name something Green, people will refer to trees, name something blue, people will mean water. People generally associate colors with where each color is predominantly found, regardless of cultures and regions.

In general terms Red symbolizes energy, strength, passion; Blue stands for wisdom, calm, reassurance; Yellow reflects intelligence, social energy; Green indicates healing, success, fertility; Grey points to security, dignity, amongst other things.

Here’s a description of the symbolic significance and potential uses of common colors.

Red

Symbolizes Passion, fire, love, lust, war, violence, blood, and aggression

Potential Uses Where the aim is to motivate an individual to initiate action, convey a warning, or stop the user.

When using different shades of red on a website, exercise caution Bright red can be quite irritating if used over large areas.

Pink

Symbolizes: Calming, cute, candy, soft romantic, and feminine

Potential Uses: When you want strike on a user’s caring or romantic side.

Orange

Symbolizes Vibrancy and warmth. It is like a less passionate red.

Potential Uses Recommended for food sites, nature sites.

Orange is good in moderation. Over-use should be avoided.

Yellow

Symbolizes Sunshine, caution, happy, cheerful, warmth, hope, light, energy, weakness or illness, or symbolize cowardice.

Potential Uses: To make a webpage brighter and more spring-like.

Like red, it catches attention swiftly, but can be an irritant if over-used.

Green

Symbolizes: Spring, renewal, fertility, wealth, inexperience, health

Potential Uses: Excellent color option for websites about money and growing.

Blue

Symbolizes: Sky, sea, intelligence, reassurance, also depression and sadness.

Potential Uses: To give a website formal look and feel.

Purple

Symbolizes:Creativity, spiritual and mysterious.

Potential Uses: Best for spiritual sites, expressing romantic tenor

Black

Symbolizes: Power, elegance, and sophistication, death (Western context), evil, anger and sadness.

Potential Uses: Be on the safe side, never use over a wide area.

White

Symbolizes: Cleanliness, purity, and spirituality. It symbolizes life and marriage in Western cultures, but it is symptomatic of death in Eastern cultures.

Potential Uses: Great as an accent or background color because it makes other colors seem more vivid and bold

How to make color scheme work for you

Keep it simple . A color palette using three or fewer overall colors contributes to the clarity of a web page.

Use white space . White space does a balancing act for colors, lets the design breathe and makes a large site feel less complex.

Be consistent . Consistency in colors (i.e. links, menu items, instructions etc.) allows your audience to instinctively know where to look for information.

Know your audience. Before you set the ball rolling in design, you should be convinced enough what colors the audience would find compelling and right for your product.

Choose the right temperature of colors . The perception of your site is affected by your choice of warm or cool colors. Cool colors are water and sky colors like blue and purple; warm colors are red, orange and yellow. The temperature of a color affects how your message is likely to be perceived. SALE written in red will be perceived as more vibrant and urgent than soft purple text.

Let color contrast distinguish significant parts of your site.

Contrast between text and its background is essential for legibility. Dark text on a white background, for instance, is more legible than orange text on a red background. Different elements on your web page (i.e. the menu and body of the page) must contrast or they will begin blending together.

Color lesson: A well-considered color scheme can transform an okay website into a great web site

Color is one of the most important yet not-so-thoroughly understood elements of web design today. Whether web designers appreciate it or ignore it, visitors to a site respond to colors and other visual elements on the site on a psychological level, and will continue to do so.

Color affects the emotion of the audience, and emotion, in the process, drives decision-making. An intrigued visitor is more likely to be engaged in your site — whether it is meant to inform, entertain, or to sell products or services or ideas.

But if the colors are unsuitable, or outrageous, or not in line with the underlying symbolism, the visitors can outrightly reject the site–and the products as well–no matter how good they are. So, picking colors on your website carefully can transform your site, and of course, your business too.

Deepak Sharma is a Web Designer at BlueApple, a Web Design and Development Company with a well connected development infrastructure in India having a strong offering superior web services and solutions at competitive costs.

The psychology of color in web design

Color by virtue of its tremendous expressive qualities is one of the most effective tools in advertisements and presentations. Web design is no exception in this regard. Psychologists have found out that color impression can account for 60% of the acceptance or rejection of that product or service.

Understanding the proper uses, emotional response, and psychological implication of color is crucial to effective communication between you and your target audience through the website. Color has gradually evolved into a discipline which is increasingly being taken quite seriously by web professionals to better influence and illustrates the message, mood, and flavor of web sites and the visitors.

Here’s a brief elucidation on varying dimensions of color.

There is a high degree of universality in the implicit meaning of color across cultures and geographies

Name something Green, people will refer to trees, name something blue, people will mean water. People generally associate colors with where each color is predominantly found, regardless of cultures and regions.

In general terms Red symbolizes energy, strength, passion

Blue stands for wisdom, calm, reassurance

Yellow reflects intelligence, social energy

Green indicates healing, success, fertility

Grey points to security, dignity, amongst other things.

Here’s a description of the symbolic significance and potential uses of common colors.

Red

Symbolizes Passion, fire, love, lust, war, violence, blood, and aggression

Potential Uses Where the aim is to motivate an individual to initiate action, convey a warning, or stop the user.

When using different shades of red on a website, exercise caution Bright red can be quite irritating if used over large areas.

Pink

Symbolizes: Calming, cute, candy, soft romantic, and feminine

Potential Uses: When you want strike on a user’s caring or romantic side.

Orange

Symbolizes Vibrancy and warmth. It is like a less passionate red.

Potential Uses Recommended for food sites, nature sites.

Orange is good in moderation. Over-use should be avoided.

Yellow

Symbolizes Sunshine, caution, happy, cheerful, warmth, hope, light, energy, weakness or illness, or symbolize cowardice.

Potential Uses: To make a webpage brighter and more spring-like.

Like red, it catches attention swiftly, but can be an irritant if over-used.

Green

Symbolizes: Spring, renewal, fertility, wealth, inexperience, health

Potential Uses: Excellent color option for websites about money and growing.

Blue

Symbolizes: Sky, sea, intelligence, reassurance, also depression and sadness.

Potential Uses: To give a website formal look and feel.

Purple

Symbolizes:Creativity, spiritual and mysterious.

Potential Uses: Best for spiritual sites, expressing romantic tenor

Black

Symbolizes: Power, elegance, and sophistication, death (Western context), evil, anger and sadness.

Potential Uses: Be on the safe side, never use over a wide area.

White

Symbolizes: Cleanliness, purity, and spirituality. It symbolizes life and marriage in Western cultures, but it is symptomatic of death in Eastern cultures.

Potential Uses: Great as an accent or background color because it makes other colors seem more vivid and bold

How to make color scheme work for you

Keep it simple . A color palette using three or fewer overall colors contributes to the clarity of a web page.

Use white space . White space does a balancing act for colors, lets the design breathe and makes a large site feel less complex.

Be consistent . Consistency in colors (i.e. links, menu items, instructions etc.) allows your audience to instinctively know where to look for information.

Know your audience. Before you set the ball rolling in design, you should be convinced enough what colors the audience would find compelling and right for your product.

Choose the right temperature of colors . The perception of your site is affected by your choice of warm or cool colors. Cool colors are water and sky colors like blue and purple; warm colors are red, orange and yellow. The temperature of a color affects how your message is likely to be perceived. SALE written in red will be perceived as more vibrant and urgent than soft purple text.

Let color contrast distinguish significant parts of your site.

Contrast between text and its background is essential for legibility. Dark text on a white background, for instance, is more legible than orange text on a red background. Different elements on your web page (i.e. the menu and body of the page) must contrast or they will begin blending together.

Color lesson: A well-considered color scheme can transform an okay website into a great web site

Color is one of the most important yet not-so-thoroughly understood elements of web design today. Whether web designers appreciate it or ignore it, visitors to a site respond to colors and other visual elements on the site on a psychological level, and will continue to do so.

Color affects the emotion of the audience, and emotion, in the process, drives decision-making. An intrigued visitor is more likely to be engaged in your site — whether it is meant to inform, entertain, or to sell products or services or ideas.

But if the colors are unsuitable, or outrageous, or not in line with the underlying symbolism, the visitors can outrightly reject the site–and the products as well–no matter how good they are. So, picking colors on your website carefully can transform your site, and of course, your business too.

How do you export a web design created in adobe illustrator to dreamweaver or online?

Tarih: 30 January 2009 Kategori web design | 1 Yorum »

I want to make a web design in adobe illustrator but I don’t know how to get it to dreamweaver.

Do I save it as an image and then plot the links out?

Yes. Do you have photoshop? Just move the illustrator image to photoshop and use the slice tool on the sides where the body of your site is going to be. Save for web, then right click the file to open with dreamweaver. There is a really great tutorial on youtube that helped me a lot, here is the link.

http://www.youtube.com/watch?v=rIyNbzxFpuU&feature=related

That is the part 2 of his tutorial, when he already had the image saved as an html file.

Hope I helped!

Web Design in 2 Minutes

Tarih: 29 January 2009 Etiketler: , , , , , , , ,
Kategori web design | 25 Yorum »

http://www.wevio.com

This is a time-lapse video of what was originally about 2 hours.

This video doesn’t portray how a website is really made. It takes hours upon hours of researching, designing, developing and testing in different browsers as well as platforms.

More videos coming soon!

Duration : 0:2:16

Yazının tamamını okuyun »

Technorati Tags: , , , , , , , ,

Web design ecommerce question. How do I set up individual accounts for each customer?

Tarih: 28 January 2009 Kategori web design | 2 Yorum »

I am a web design student and I have to set up an ecommerce site. I have the shopping cart thing down, but I would like to set it up so each person can create there own login/account. I really have no idea how to do this. Can someone help me out please?

wow, that’s incredibly vague. You should include things like what language you’re programming in, ideally post some code along with the question. I’m not trying to chew you out or anything, just trying to help you ask future questions a little more clearly. That being said…

Basically you’re going to need to make an HTML form with some inputs so the user can input whatever data you need for a user. Also, you need to set the action attribute on the form to the name of the file that will process the information (php, python, jsp, etc file).

clicking the submit button will push the input’s data to file.php. Depending on what language you’re using, you will use different syntax to get those parameters and enter them into the database. I’d at least need to know what language you’re programming in to help you out anymore. good luck, hope that was some help ;)

Sacramento Web Design Providers: Guess Which Way the Wheel is Turning!

Tarih: 28 January 2009 Kategori web design | Yorum Yok »

With the advent of the Internet and rapid increase in the number of online business firms and viewer response to web advertising, it comes as no surprise that more and more website owners are looking to re-vamp their online appeal. In Sacramento, Web design providers like Wheel Medica.com are increasing finding their customer base growing with repeat business pouring in from satisfied clients having increased and targeted visitor response after signing them on for giving their old website a make-over or simply getting a creatively designed, strategically marketed one made by these leaders in Sacramento Web Design providing services.

What the company discloses about the secret behind its success in achieving mass appeal is that it is their ability to take time out to understand the minutest needs of a client and then offer effective, aesthetically appealing and marketable solutions in Sacramento Web Design that holds them in good stead with the most discerning of clients. It is the most effective and ancient of all marketing and customer service etiquette: to lend a friendly ear to the customer looking for quality solutions and provide him with more than one attractive option, which shows wider range of thinking and also paves the way for building upon the enthusiasm of the design firm towards being the best that Sacramento Web Design has to offer.

The idea behind any great Sacramento Web Design firm that is consistently in profit, in terms of providing both ROI (Return on Investment) and garnering extremely satisfying customer reviews and testimonials is to show steady, dedicated and updated results when providing appealing web site design to energize customers and grow revenues. For any online business solutions support firm today to stay in the running and be a leader in the field of Sacramento Web Design providers, it is necessary to understand that it is not only the experience, caliber, team spirit and technical expertise of a creative web design team that is important, but also have the combined efforts of professionals in the field of web site search engine marketing. This is the further back-up team for any online business owner looking to generate the right leads and get favorable results from targeted visitor traffic to a website since these experts supported the Sacramento Web Design professionals are the ones that can help drive prospects to the client’s web site.

To learn more about Sacramento Web Design firms and the services they offer; mission statement, get a free quote and the success stories from former, totally satisfied clients who are real people-like you and me- you do not have to look very far. Wheel Media and others specialists in Sacramento Web Design are just a click away. So, there is something to be said about the power of the Internet after all, isn’t it?

What kind of job can utilize graphic design and web design skills?

Tarih: 26 January 2009 Kategori web design | 7 Yorum »

Aside from the job of Graphic Designer and Web Designer… What kind of job can utilize graphic design and web design skills?
Yellow- So you are of the impression that only people who are JUST graphic designers do graphic designs? There are no other fields where that skill comes in handy?

Here are the fields listed in the Graphic Artist Guide Handbook:

Corporate Graphic Design
Branding Design
Advertising and Promotion Design
Collateral Design
Publication Design
Book Jacket/Cover Design
Book Design
Lettering and Typeface Design
Retouching & Photo Illustration
Environmental Graphic Design
Exhibit and Display Design
Broadcast Design
Greeting Card & Novelty Design
Chart and Map Design
Advertising Illustration
Preproduction Illustration
Onscreen ARtwork in Motion Pictures, Television, Video
Corporate & Institutional Illustration
Book Publishing
Editorial Illustration
Fashion Illustration
Package Illustration
Greeting CArd Novelty and Retail Goods Illustration
Medical Illustration
Natural Science Illustration
Technical Illustration
Archetectural/Interior Illustration
Dimensional 3D Illustration
Marbling
Postage Stamp Illustration
Magazine Cartooning
Computer Animation

You can repurpose your skills in so many ways. Graphic design is connected to editorial, writing, artwork, programming, technical skills, web development. It's really as far as you want to take it

Make Sure you Understand the Initial Web Design Brief

Tarih: 25 January 2009 Kategori web design | Yorum Yok »

The initial web site design brief is the cornerstone to a sound and profitable web site design project. Get it wrong, miss out on the key elements and you could end up at best losing a lot of time and money over the simplest of web site design jobs. At worst you could end up in a dispute with your web site design customer with a few hassles. While most serious web site design companies will draft and present their customer with a proper quote with all the web site design specs and conditions, many feel it is not necessary to have a similar document for smaller web site design projects. This is a mistake because a badly planned small web site design project could end up being a big headache if things get out of control. So getting the initial web site design brief right from the outset is critical.

So what is this initial web site design brief? It is basically what you and your customer agreed to put in the web site design project before you take his or her good money. Very few customers, especially in the discount web site design market, have a well laid out specs sheet of what they require in a web site. More than likely they have an idea, they have seen a few web site designs and they will try their best to explain to you what they want. So far so good and there is nothing wrong with them explaining their web design requirement verbally. The problem comes up when complications arise. If you have a piece of paper or an email that lists the features of the web design, it is easy to go back to it and have a point of reference for future arguments or additional work.

I’d advise every web design company to draft a quote listing the following:

• The aim of the web site being designed. What is the intended purpose of the web site being designed?

• List all the features and functions of the web site as much as you can.

• Describe the visitor’s experience when he or she is on the web site.

• Describe the webmaster’s experience. What functions and info can the webmaster access on the web site? Put down what is required for you to start the web design project, e.g a deposit, the material, photos, texts etc.

• Make it clear how long the web design project will last.

• Put down the cost involved to complete the web design project and the payment terms.

• Do not forget to mention other costs like domain name and hosting.

• Make your term and conditions clear on the quote. No small prints.

I would recommend you draft your own specs based on the customers web design requirement, even if the latter has provided a well documented specs sheet or rfq. By rewriting the brief with the web design requirement you are making sure that you understand every one of the web design features. The devil is in the details. If you have any doubts at this stage, ask the customer. Do not assume anything because once you submit the quote, the customer will assume that you have understood and hold you to it. If there are web design features you feel you cannot deliver, do not hesitate to make this clear to the customer. Although very often you can come to some arrangements, it is preferable to sometimes lose an order than to promise web design features that you cannot deliver.

Most importantly, do not give your customer high expectations if you are not sure about your ability to deliver. It is much better to be conservative about your capabilities while quoting and over achieving than the other way round. Salesmen are generally very good at over selling and promising the sky. Anybody who has worked in bespoke web design production knows that the time spent on a web design project can quickly snowball unless you have a good brief or quote and the project is tightly managed according to the brief.

———-

What web design platform or software can I use to design websites like iGoogle or My Yahoo?

Tarih: 24 January 2009 Kategori web design | 5 Yorum »

What web design platform or software can I use to design websites like iGoogle or My Yahoo i.e. websites (e.g.homepage) that can be modular in design and blocks can be moved around or replaced by the user? The user has a choice of modules to add to homepage and decides what to add or remove on their web page?

It is a real hard thing to say being those examples are fully developed applications for the most part. To build the base yourself you would have to look into a web development language like Ruby, PHP, ASP, or etc. I would recommend PHP or Ruby for the open source community behind them. Then using a framework and MVC pattern to structure your code and make things easier. (i.e. Rails or Zend)

Now their are a few open source platforms created already you can install, but none offer the complete solution really. If you want basic functionality and something easy to use I would look into the PHP solution of Wordpress, Drupal, or CMS Made Simple. You can customize these to do what you want with less code and maybe some prebuilt plugins but they will not be as clean or nice as building your own.

Then lastly when it comes down to designing your modules and pages you should look at just using your typical design software from Adobe or the open source programs GIMP or so forth. Just plan out what you want your application to do before you being and keep that in mind while actually designing the modules. If you lose sight of the end scope you could box yourself in with a design that does not function modularly.

Sorry for possibly stating things that were not needed but I wanted to cover most bases in case the information was not known.

EDIT: I forgot to add the information about the Front-End Interface. Both those sites use what is called AJAX, which is basically using JavaScript to reload and send data to code in the back end to return results to the front page so that the user never has to leave his current page, if you google this you will find many resources and there are even a couple frameworks for this like JQuery and MooTools.

Training your Workforce to Deliver Top Quality Web Design Assignments

Tarih: 22 January 2009 Kategori web design | Yorum Yok »

They say that the web design industry is a knowledge based business and I could not say it enough times to my team. Quite obviously a business which is knowledge based depends heavily, if not entirely on…yes, what you know. Today, more than ever, knowledge is power and this is particularly true of the web design industry. So what kind of training is required for a sound web design business company?

Start with the beginning. If you’ve decided to offer a comprehensive range of web design services you need web developers and web designers. Web developers are the guys who do the coding…the hard and tedious stuff, if you don’t like this sort of thing. Many web developers have attended web development training courses while many others have taught themselves web design and coding. Personally, I find the self taught web developers more creative and competent. Let’s say that the motivation is there to start with. So, to establish your web design business, you need a few good coders, whether they do php, asp or other web based programming language.

You also need some good web designers. First impressions count and sell products. No matter how good and smart your code, you need a good web design, the right look and feel to attract your customers and get the sales. True, some web designers are more gifted and talented than others. But do take time to review and share good web designs with your team. What better way to improve your in house web design skills than to go over some well designed web sites and learn by observing. Study each line, each shape and colour of the web design. Web design is about details. Train your guys to look for details in a web design. The thickness of a border, the right icons in the right place can make all the difference.

Quality training is another vital element of the training programme. Train your web designers to understand your web design customers expectations. Develop an eye for details. Customers get very nervous when their web site is going live. They believe that the minute the web design is published online the whole world is scrutinising it. So web design customers are very intolerant to quality flaws in a web design. Training is vital. Have a quality checklist and train your web designer to spot the obvious mistakes like broken links, misspelling, misalignment in the web design. Once a web design is complete, the web designer must go over the web site with the checklist and tick each item on the web site. While this sounds obvious and simple, you cannot underestimate training.

All this training takes time and if your web design production is busy and deadlines are tight, it will not get done. Yet, training is vital to your web design business. I recommend setting a date each month when training is done. You know which date it is each month so you can plan your production accordingly. Make time for your web designers to get together once a month and share their web design knowledge and tips to the team. Web design techniques are progressing constantly and web designers can find whole online libraries full of the latest resources. Encourage your web design team to go online, learn the latest web design trends and provide a set up with a date, time and place for a regular training to take place.

———-

What's the best web-design program that I can use to design a website?

Tarih: 22 January 2009 Kategori web design | 4 Yorum »

I need to learn how to design a web-site. I am planning to start this as a hobby and if all goes well, maybe even start a side job as a web-designer. What type of program should I learn? Is Microsoft FrontPage still good to use or is it no longer up-to-speed with other leading web-designing programs.

What other types of programs are out there that will help me with website design. Do you think Macromedia is a good choice? I know it's a bit steep in price but I figure if I am to invest the time to learn the ‘difficult’ program, time is money, why be shy on one and not the other.

What about Adobe? Do they have a web-designing software?

Please share your thoughts. I really need the help.

Adobe (previously Macromedia) Flash, Dreamweaver if you don't like writing html, and Photoshop

Önerdiklerim

Kısayollar