|
| |
Training > Professional Tips |
|
| |
 |
Tips for web site disigning |
|
| |
|
1. Choosing the Right Colours (Getting the Mood Right).
2. Fast Loading web site designs (planning).
3. Clear Navigation (Your web site should be easy to navigate).
4. All Resolutions (Decide on the lowest Screen Resolution, Design your Web site on this resolution, while converting your design to HTML make sure all your tables are measured in terms of percentages, Within the table measure cells in terms of pixels except for the cell for the content).
5. Browser Compatibility (Test your pages in multiple browsers).
6. Readable and professional looking fonts (Your web site should be easy to read, Serif for headlines and Sans-Serif for text).
7. Minimize the use of images (Your illustration should download quickly, Your illustration should attract attention, Your illustration should complement, not control, Make your illustrations relevant to the Web page content, Save your illustrations in the proper file format, Protect all of your illustrations).
8. Use of white space.
9. Check for broken links.
10. Optimize images for the web.
11. Use Tables creatively.
12. Cut down the use of animated gifs.
13. Design simple icons.
14. Use background images instead of big images whenever possible (Smarter gradient backgrounds).
15. Try out CSS Styles.
16. Use Flash sparingly (When to use Flash on websites).
17. Design most of your site in HTML.
18. Universal character sets.
19. Set fonts using EMS.
20. Use simple PHP to build sites.
21. Important pages are no more than 1 or 2 clicks from the homepage.
22. Your web page layout and design should be consistent throughout the site.
23. Your web site should be easy to find.
24. Learn from others(great web sites created). |
|
| |
|
Common Web Design Mistakes |
|
| |
|
1. Confusing.
2. Pop up messages.
3. Poor load time.
4. Over use of Java.
5. Poor overall appearance.
6. Poor use of HTML tables.
7. Spelling/Grammar mistakes.
8. Poor organization.
9. No contact information.
10. Different backgrounds on each page.
11. Poor content.
12. Poor navigation.
13. Over powering music set to auto play.
14. Broken HTML code links and graphics.
15. Poor browser compatibility.
16. Large slow loading graphics.
17. Too many graphics.
18. Large Welcome banners.
19. Pages scrolling to oblivion.
20. Multiple colored text.
21. Multiple use of animated graphics.
22. Text difficult to read.
23. Animated bullets.
24. No Meta tags.
25. Too many graphic and/or line dividers.
26. Multiple use of different fonts.
27. Under construction signs.
28. Busy, distracting backgrounds.
29. Scrolling text in the status bar.
30. Multiple banners and buttons.
31. Large scrolling text across the page.
32. Poor use of HTML code frames.
33. Large fonts.
34. Poor use of mouse over effect.
|
|
| |
|
Tips for 3D |
|
| |
|
1. Getting started.
2. Keep it simple.
3. Backgrounds.
4. Settings.
5. Work on one thing at a time. |
|
| |
|
Using the software |
|
| |
|
1. Avoid Default Settings.
2. Go beyond standard values.
3. Use of ambient light.
4. Color.
5. Tone it down!
6. Add some variation.
7. Sample it.
8. Avoid pure white's and greys. |
|
| |
|
Modelling advice |
|
| |
|
1. Plan ahead.
2. Go pre made things.
3. Use substitutions.
4. Keep it simple.
5. Organize your folder.
6. Learn the keyboard shortcuts.
7. Save often and backup.
8. Think about motion.
9. Think final output.
10. Name objects.
11. Use soft shadows.
12. Use background images.
13. Avoid sharp edges.
14. Mental Modelling.
15. Look at a piece of what you are modelling.
16. Build a library of surfaces.
17. Adding & reducing detail (Using auxiliary polygons). |
|
| |
|
Animation Tips |
|
| |
|
1. To Animate or not to Animate?
2. Web Animation overview.
3. Optimizing Animated GIFs.
4. Slicing Animations for better results.
5. Drawing for Animation. |
|
| |
|
Effect tips |
|
| |
|
1. Understanding HSV(HUE, SATURATION, VALUE) & B/C(BRIGHTNESS, CONTRAST) environmental effects.
2. Changing an image from color to black & white.
3. Subtle Colors using combinations of effects.
4. Copy and paste still images between applications.
5. Save and Re-use your creativity with projects.
6. File size optimization.
7. Make perfect transparency effects.
8. Control animation playback speed.
9. Dynamic mouse roll-over effect for HTML. |
|
