 |
 |
|
|
| |
| |
| |
|
|
| Articles about Design Tips |
| Web design tips | | 2008-05-07 02:18:00 | | Introduction I assume that you know nothing about the inner workings of the Internet; maybe you're not even sure how people actually get to web sites, where are the web sites actually sitting, what is the web in the first place? In this article I am going to give you the minimum you need to get your 'feet wet' so that we can quickly get into building web sites. I won't go into painful micro-details that would put all but true nerds to sleep, again there is just enough so that you have a basic understanding of what's going on. External data in HTML documents: HTML documents can include graphics or other types of data by referencing an external file (for example, a GIF or JPEG file for a graphic). Not all these external formats are supported by all Web clients. When the document contains such data, the Web client can send a request to the Web server to provide the relevant graphic. If the Web client does not support the format, it does not request the information from the server. | | By: web-designer | | |
| | 50 Web design tips to Speed Up Site | | 2008-05-06 01:32:00 | | There are all sorts of tips and tools included, from reducing the number of HTTP requests to compressing images and playing with caches. Here are six articles that I wrote on the topic some time ago (they were included on the list) :Speed Up Your Site: Optimize ImagesSpeed Up Your Site: Image FormatsSpeed Up Your Site: Optimize your CSSSpeed Up Your Site: Use a slash on your linksSpeed Up Your Site: Use the height and width tagsSpeed Up Your Site: Reduce the HTTP RequestsSource : 50 Tips to Speed Up Your Website | | By: canada web site design | | |
| | 6 Web Design Tips from Leonardo da Vinci | | 2008-04-07 05:53:00 | | Leonardo Da Vinci was one of the greatest artists of the Renaissance, leaving behind a legacy that continues to inspire artists, scientists and others. Here are six things we can learn from him about web design.One of the most remarkable things about Leonardo is his insatiable curiosity. Besides being a master painter, here are some of his other interests… * Botany * Music * Human and animal anatomy * Fluid dynamics (before there was a name for this branch of science) * Writing great poetry * Platonic philosophy * Designing remarkable inventions, including flying machines and a sort of pre-industrial tankMany of these interests show themselves in his artistic work. Anatomy is obvious, but have you ever compared the ringlets of hair in his paintings to his drawings of water flow? Or thought of how rhythm, which is so essential to music and poetry, also shows up in painting and drawing?The point is that being curious and learning about many things that are apparently unrelated t | | By: Cost effective website development | | |
|
|
|
| | |
|
|
| | CSS based Design - Website Design Tips | | 2008-02-13 03:54:00 | | 53 CSS-based techniques you should always have ready to hand if you develop web-sites.1. CSS Based Navigation 2. Navigation Matrix Reloaded 3. CSS Tabs 4. CSS Bar Graphs (CSS For Bar Graphs) 5. Collapsing Tables: An Example 6. Adam’s Radio & Checkbox Customisation Method 7. CSS Image Replacement 8. CSS Shadows (CSS Shadows Roundup) 9. CSS Rounded Corners Roundup (Nifty Corners) 10. Drop Cap - Capital Letters with CSS 11. Define Image Opacity with CSS 12. How to Create a Block Hover Effect for a List of Links 13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS 14. CSS Diagrams 15. CSS Curves 16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest. 17. CSS Image Map 18. CSS Image Pop-Up 19. CSS Image Preloader 20. CSS Image Replacement for Buttons 21. Link Thumbnail 22. CSS Map Pop 23. PHP-based CSS Style Switcher 24. CSS Un | | By: Web site design graphic design | | |
| | Design tips to reduce bouncing rate | | 2008-01-09 01:35:00 | | Everyone need to start measure his/her website Bounce rates. If your website have 80,000 Unique visitor/Month and more then 70% of visitor leave without clicking on any single link within your site.Sometimes, jumping to deep pages can lead to higher bounce rate because visitors realize that new web page isn't exactly what they are looking for and they leave the website.Being designer, you need to develop Bounce rate reduction strategies.slingshotseo give some way to reduce Bounce rate of website1. Make almost everything on the homepage click-able. That includes flash and images. Make sure that the image maps lead to relevant content, not just some random page.2. Make sure that your contact information is on every single page of your website except for the homepage. This forces those would be callers to dig at least one page.3. Come up with catchy tag lines or call to actions. This can be a ribbon, tag, or flash advertisement. Examples would be Free Catalog Download, Competitive Price Matching, Free Shipping, Client Results, Free SEO Tools...etc.4 If you or your client is using Adwords or CPC programs, make sure that your ads directly relate to your website. Google still includes CPC traffic when calculating the bounce rate for each keyword or phrase.Being Internet Marketing Expert, SEO or Designer how you can reduce bounce rate of website ?Source / Read more at Sticky design tricks to keep your visitors from bouncing.What is a Good Bounce Rate For a Blog ? | | By: Cost effective website development | | |
| | Accessible Web Design Tips | | 2007-12-04 01:03:00 | | Here are some simple rules for developing modern accessible web sites. We will just touch on a few of the main rules, as there are too many to cover here, but sticking to these rules will get you off to a good start.The 3 Click RuleUnless you are new to web design, you will likely have heard of the Three Click Rule. This rule is recommended based on the way people use web sites, and it helps web designers create sites with intuitive, logical hierarchical structures. It addresses the important fact that important information on your web site should never be more than 3 clicks away from the index/entrance page. If we consider this web design challenge as one of maintaining the visitors interest, the three click web design rule makes sense. If users can't find what they're looking for within three clicks, they are likely to get frustrated and leave the site. More recent studies by useability experts have taken this further in stating that often when the three click rule is exceeded, the visitor will not manage to complete the task successfully. By sticking to this rule, the web designer can ensure that he/she is always thinking of the website navigation when deciding where is best to place content.Use consistant web site navigation & layoutA key element of your accessible website is a clean, consistant navigation system coupled with a recognised, usable layout. Don't try and re-invent the wheel here. A clean, consistant navigation system allows users to instantly find important information and allows them to quickly find comfort in their surrondings. A traditional layout (2 or 3 columns, with a header and a footer) is excellent for accessible website design, especially for information sites. Remember to use CSS for all elements of style, including layout and navigation.Keep download times to a minimumThe average web user will wait no longer than 8 seconds for a page to download before moving on. Bandwidth or the capacity to send and receive data is an important | | By: All of Web Design | | |
| | Basic Design Tips For Ecommerce Websites | | 2007-12-04 01:02:00 | | The single most important objective of an eCommerce website is making the visitor buy something. And this is what web design for e-commerce applications should aim to achieve. There are many principles to be considered by website designers, all of them relating to online selling techniques.eCommerce website design is different from any other website design. This is mainly because they must be attractive to the visitor, well organized and use the right colors that fit the website spirit. Nevertheless, a closer look at some successful eCommerce websites will allow you to see the conceptual differences that are typical in a successful eCommerce website. Of course the site should adhere to current web standards, with well written code and be accessible, however the focus of this article are those elements which help the web site sell.The key selling principle of an eCommerce website is that of giving the user a pleasant experience during his online shopping. Website designers must also be certain that they provide enough information on who owns the website and provide standard data encryption via SSL. eCommerce websites must be easy to use, otherwise the visitor will simply leave and search for their goods or services on another website, probably that of the competitor!Unlike the supermarket our website has no smell. In an eCommerce website, the distance from one point to the other is pretty much the same, however you can try to order your visual shelf in the way you think will best expose the visitor to key products.A competitive eCommerce website design will lead the visitor to the right page in one or two clicks at most. Sometimes web designers will use techniques that would never be considered for non-eCommerce websites. As you all know, with increasingly popular sales letter websites the only link is to the order form. Nevertheless, these sales letters usually sell only one product and are not the most typical eCommerce websites. The web designer gets the opportuni | | By: All of Web Design | | |
| | Web Design Tips for Web Designers | | 2007-11-18 21:38:00 | | For those who work with web designing, they know a number of different aspects go into creating an effective website. While designing a website, one needs to create a design that is easy for visitors to use, is compatible with different systems, and is search engine friendly. Creating a user friendly website is crucial and should be common sense for those wanting to create a successful site. First off, you want to make the text easy to read and the navigation links easy to find. Another key tip to promote your site is to put your contact information on every page. Make it obvious what you want the user to do after reading a page. Also make it easy for the user to reach your homepage from any other page. Those are a couple of the easy tips one can do but creating a good website is more in depth than that. Keep in mind when you web design to make it cross platform compatible. The main factors you need to consider in platform compatibility are the user's browser, screen resolution, color depth, and plug ins. Browser compatibility is easy - just test your site in various browsers, and fix any incompatibilities. The same goes for screen resolution - just be sure that your site looks good and is easily navigated with any common screen resolution. Color depth is also relatively simple. Try and limit yourself to just using web safe colors. Plug-ins can be somewhat complicated. If at all possible, try to use media that is compatible with most versions of a plug in. For example, try not to use a flash movie that requires the latest version of a flash player. The best thing you can do to make your site friendly to search engines is to give it a good link structure. Be sure that each page on your site is linked to at least two other pages with a plain text link. Image links are OK, but not as good as optimized text links. Javascript and flash links are very bad for search engine usability. After all you want as many visitors as possible. Although web design can get extremely c | | By: All of Web Design | | |
| | Website design tips | | 2007-11-11 04:33:00 | | There is loads of companies who provide you custom web design for your company websites. Web designers create web template designs with their experience and their skills. Most of the web designers like copy the design from other sites with some modifications. And some are really hard working and bring their talent in designing website with a cutting edge styles. I have seen many of the websites are pretty good enough designs for the themes but it takes time to load on the browsers. And as now a days when all designs are converting into XHTML with CSS based, companies want their websites should loads fast on the browsers. So that their customers keep stay with the sites. As an experienced web designer, to load fast the websites on the browser is possible with high complex designs and high quality website designs. All you need to call these images on the web page by external CSS. And divide this CSS files into different segments one for calling images and one for web page layout. The complex designs like we seen website having some sort of graphics coming in the behind on the web page and the site content over that image. Most of the web designers feels free to convert the design into tables. Thats true its easy to manipulate the design into tables. But as per search engine guidelines and fastest growing web industry. Most of the companies prefer the designs into CSS based which we calls also "div based". The conclusion is to try designs should be in low file size and resolutions. And if the design is complex and required to be same as the layout, try to make the website images in a low file size by optimizing and its little tough in the beginning while converting the site layout into div based. Once when its in practice, can do more perfectly.About the Author A Professional Web designer and Search engine optimization seo expert from India. Delivering web services from couple of years. | | By: All of Web Design | | |
| | Important Web Design Tips: SEO Friendly Website | | 2007-10-24 07:10:00 | | A website should firstly be searched out by visitors before talking about attracting or retaining those visitors.Nowadays, a “well designed website” does not only relate to a web site’s visual attractiveness but more importantly, how friendly it is with search engines.Below are 10 SEO friendly website designing tips where web designers should pay attention to during the early stage of their web designing process.1. Avoid creating menu on the left-hand side of a website. If unavoidable, an alternative way is to put some text with rich keywords at the top or above the left-hand menu so that this text will be the first thing to be read by search engines.2. Headlines are rated more important than the rest of the web page by search engines. To take advantage of this, you should have your keywords in the page headline. Since the header tag (h1) is quite large, you should format it to make it smaller.3. Every page should contain the “title” and “description” tags with good keywords to describe the page content. The number of words for the title should not exceed 9 and that for the description should not be more than 20 words in order to keep within the limits of most search engines. 4. Try not to use Flash when possible. Flash cannot be read by the search engines to date and will cause slow page loading time and make people run away. If you really have a reason to use flash, try to make it smaller (e.g. as a flash header) and leave other area of your website for keyword-rich content.5. Think twice on how to use graphics. Make them relevant to your content and use an alt tag with relevant keywords for search engines to read as they cannot read graphics and also for your visitors so that they can have something to read when waiting for the graphics to load.6. Do not only use images to link out. You should always use text links to link out to important content on your web site. Spiders can follow image links, but like text links more though.7. Avoid using frames | | By: Cost effective website development | | |
| | Website Design tips to Plan your website | | 2007-10-11 05:28:00 | | . Define the structureGive the customer the information they will be looking for and help them find it easily and quickly. If you offer a large range of products, use a search facility, if your products carry a detailed specification, add a “click for specification” button. Keep the structure and progression as simple and logical as possible.. Save your CredibilityFew things are more likely to cost you customers which are incorrect information or poorly written or misspelled text on your business website. It will destroy your credibility. Read through all your text carefully and double check all the facts, get someone else to proof read it and run the text through a spell checker after checking your language settings (English – US or UK for example). Then do it all again, twice!. Check Facts, Spelling and GrammarUse HTML correctly. Even if you use a WYSIWYG editor, a core knowledge will help you sort out the unexpected problems that will inevitably arise. Try to hand code your site in Notepad. If you can do this, you will be able to locate errors extremely quickly.. Home PageProvide a way back to your home page on every single page of your site, via a logo, icon or a simple text link.. ConsistentenceIf you're planning a consistent look to your site, do yourself an enormous favour, and build a template. Add temporary 'blah blah' text to cover as many options as possible including, heading(s), paragraphs, text highlights, links etc. Build, then tune your style sheets to display these texts to your satisfaction (or HTML tags if you're not using style sheets). When it's all to your satisfaction, THEN add your content! This will save you a huge amount of time.. Templated SiteYou have built a templated site, added content to 100 pages, and now you want to make a major change. Doh! Don't go through each page finding and changing the offending bit by hand. Search for, and download a 'multifile find and replace utility' from the Net, than make all those change | | By: Web design services | | |
| | Design tips which every website designer should know | | 2007-09-06 00:54:00 | | . Every single feature of your website must either . Help your visitors achieve their goals , or . Support the site's goals without obstructing the visitor's goalsColor is an individual preference but colors have an affect on people's emotions. You need to go with the flow. If you have a financial investment site then conservative colors seem to follow. If you sell beach items then lots of fun colors apply. First think about your audience and you will know the color scheme.website design should have 3 levels of web pages - no more, no less. Any deeper than this, and visitors can very easily become 'lost. If levels of web pages is less than 3 levels then website appears to be too light weight.Avoid use of bright colours, patterned backgrounds in website as much as possible website that uses templates is not very appealing ( most often ) .Website designer have about 5-6 seconds to make first impression of their website . Therefore, the first screen should display useful info in about 5 seconds. | | By: Web design services | | |
| | Brilliant design tips to catch Visitors on Website | | 2007-09-03 02:09:00 | | Browser/platform compatibility + Professional Design + Quick loading + Simple, excellent, Effective navigation + Provide a whole Site Wide Search + New, Fresh content + Use Accurate, Strong Headlines to Tell Readers what the webpage is About + Use informative description of the page= a Professional, Competent, User-friendly website | | By: Web design services | | |
| | News Article Design: 20 Tips For Good Web Copy | | 2007-08-01 02:23:00 | | Submitted by Jason Lee MillerClean is better. Eye-tracking studies say so.Web copy should be bulleted,concise,easy. Photos should be informative, not decorative. White space is good. And guys like looking at George Brett's protective cup.For more Click at News Article Design: 20 Tips For Good Web Copy | | By: Web site design graphic design | | |
| | 10 Quickfire Practical CSS Web Design Tips and Tricks | | 2007-07-19 02:44:00 | | 1 Universal Selector - This sets ALL html tags to have zero border and padding. You then build your css up from there:*{padding:0; margin:0; }2 Image Replacement is the process of using images instead of text yet still using semantic html code. Whilst image replacement is great for static sites, the SiFR method is better for dynamic sites. Sifr uses a mix of Javascript and Flash to produce the text in any font. Both are great methods of making your site and typography more attractive and “designed”.3 Comment tags are a great way of organising your CSS. Comments are inserted like /* Details about the Css are help within is very useful tag */They are very useful for breaking up sections of your CSS code. For instance you could have/* ...All link styles ...*/a:link, a:hover{ color:#f00; }a:visited{ color#000; }/*...Below is the left nav system section ...*/#nav{ clear:both: float:left; }Im sure you get the idea4 Structure of the file ( the order in which selectors come etc ). There are many methods of doing this but the way I work is generally from the top of the page to the bottom. So the top divs and everything within those divs such as list items progress down the page. I tend to put generic html tags such as the links and list items before the main stucture:*{padding:0; margin:0; }a:link, a:hover{ color:#f00; }a:visited{ color#000; }li{ padding:5px; }#nav {clear:both; float:left;}#content{ width: 550px; padding: 5px 15px;}..........….#footer{clear:both;}This method is logical and therefore you can find things easily.5 Shorthand:- This is a code saver and is quicker to type when you get used to it. Instead ofbackground-color:#f00;background-image:url(background.gif);background-repeat:no-repeat;background-attachment:fixed;background-position:0 0;You can have:background:#f00 url(background.gif) no-repeat fixed 0 0;Another quick shortcut is for colours “#f00″ is short for “#ff0000″.6 Centreing :- ( I’m from the UK) elements is very easy with CSS, simpl | | By: Cost effective website development | | |
| | Simple Design Tips for Non-Designers | | 2007-05-29 03:24:00 | | Web design is an interestingly unique skill. Due to its infancy, it is a career in which many professionals have very little formal training. Designers may not have training in programming and programmers rarely have training in design. As much as I understand and appreciate design, I'm more of a programmer at heart. My design skills aren't very impressive. I've picked up a few little tricks over the past few months that I thought others more inclined to programming may find useful.I've prepared the following quick list of tips that I've found useful in improving my design skills and appreciation of design. In some cases, I'm very aware that there are industry standard terms, but the point of this isn't to teach a full course on typography or color theory, but rather to provide some simple tips that can be used as a starting point for improving some basic design skills.Don't Underestimate the Power of TypographyExperiment with different line-heights, letter-spacing, and word-spacing with your headlines and body text. Try using all uppercase in some situations. You may not realize it at first, but those kind of changes play a huge role in your visual design as well as readability. I'm not just talking about headlines either. Experiment with your body text fonts and spacing. You'll be amazed at the improvements. If you'd like to learn more, I strongly suggest the more detailed explanation of typography by Mark Boulton and Cameron Moll's advice on typeface selection.Discover & Understand Your Unique StyleAll too often, new designers look at other designer's for inspiration. This can definitely be useful, but is much more useful after you understand your own style. Embrace the way you design and what works for you before you try to draw inspiration from someone else's style. When designing for clients, you always want to put their design needs before your style. However, it's alright for that design to have hints of your style. It's what makes your | | By: Web design services | | |
| | Web Design Tips And Techniques For Site Usability | | 2007-05-01 06:38:00 | | If you are a web designer or a webmaster, website design is one of the most important tasks you do. In designing a site, you need to create a design that is easy for users to use, is compatible with different systems, and is search engine friendly.Making a site that is user friendly:In some ways, creating a user friendly site is just common sense - other aspects are not so obvious, though. Obviously, you'll want to make the text easy to read, the navigation links easy to find, etc. Here are a few other tips: Put contact information on every page. Make it obvious what you want the user to do after reading a page.. Make it easy for the user to reach your homepage from any other pageMaking a site that is cross-platform compatible:The main factors you need to consider in platform compatibility are the user's browser, screen resolution, color depth, and plug ins.Browser compatibility is easy - just test your site in various browsers, and fix any incompatibilities. The same for screen resolution - just be sure that you site looks good and is easily navigated with any common screen resolution. Color depth is also relatively simple. Just restrict your design to using web safe colors.Plug-ins can be a little more complicated. If at all possible, try to use media that is compatible with most versions of a plug in. For example, try not to use a flash movie that requires the latest version of a flash player.Making a site that is search engine friendly:The biggest thing you can do to make your site friendly to the search engines is to give it a good link structure. Be sure that each page on your site is linked to from at least two other pages with a plain text link. Image links are OK, but not as good as optimized text links. Javascript and flash links are very bad for search engine usability.Visit Web Design London for help getting a great site design: http://www.datadial.netArticle Source: http://EzineArticles.com/?expert=Gabriel_J._Adams | | By: Web design services | | |
| | 11 Web Design Tips | | 2007-05-01 05:46:00 | | Before you start design on a website step back a minute – or two. Think about what a website is REALLY supposed to do for the client as well as the visitor. In its simplest form, a website is there to facilitate a transaction of information between it and the visitor. With this in mind, here are some tips for designing useful web sites:1. Font Free for All: Keep the number of font families you use on a page to a minimum. Using many different fonts on a page communicates a sense of disorganization. Use different fonts only to assist in organizing the page in a clear manner; however you can usually achieve this by changing font sizes and font weight.2. Put it on my tab: Check your forms to be sure the tab key proceeds to the next expected (and logical) field on a form. For example, if your form is collecting address information and you are on the city field the next tab should go to state, not the 2nd address line field.3. Dump the landing page: In this day and age that extra click the user has to make on that cool splash page that you spent 2 hours on in Photoshop is not going to impress them - well maybe the first visit; it will most likely be viewed as a nuisance and irritate them by the 2nd or 3rd visit. The visitor wants to get to the information they need ASAP – concentrate on using that graphics savvy to help support the content within the site (i.e. navigation, organized layout).4. Don’t be too Flashy: There are some sites out there (they know who they are) that use Flash in a really creative but useful manner (http://www.2advanced.com). There are others that use it with the creativity in mind but let the concept of usability fall by the way side. For instance, putting a flash segment on a splash page can compound the annoyance in tip 3. Not only does the visitor have to click just to get to the meat of the site but now he may have to wait for a flash movie to load on top of it.In addition be careful when creating navigation systems with Flash. I have be | | By: canada web site design | | |
|
|
| |
 |
|
| |
| |
|
 |
