20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 web design tips
-
Upload
bapu-graphics-india -
Category
Design
-
view
95 -
download
4
description
Transcript of 20 web design tips
![Page 1: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/1.jpg)
Knowledge base tips for every web designer doing web design course
![Page 2: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/2.jpg)
USE DESIGNING SOFTWARE For designing web site you should start with professional designing software like
Adobe Photoshop and Adobe Illustrator to make your web layouts. Students should learn these software while doing web design course.
![Page 3: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/3.jpg)
Make Custom web layouts which are easy to understand by your audience
![Page 4: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/4.jpg)
Design web layouts according to themes to look more attractive. Themes can be decided on the nature of the companies work.
![Page 5: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/5.jpg)
Locate menu to make navigation easily for the user and make user friendly website.
![Page 6: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/6.jpg)
Use new HTML 5 tags for making your layout understandable. Some of new tags which should be used are <article> <section> <header> <footer> <main> <aside> etc.
![Page 7: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/7.jpg)
For designing layout you should be perfect in cascading style sheets work. To apply styles on your web pages. For more on CSS styles and its courseclick here.
![Page 8: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/8.jpg)
Flash animations are not supported by tabs, mobiles and takes time to get load also not readable by search engines. So avoid using flash animation these days for your website.
![Page 9: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/9.jpg)
For animation use coding languages like CSS3 and J-query to get better uploading speed and supported by all kind of tabs and browser.
![Page 10: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/10.jpg)
ADOBE DREAMWEAVER Most professional software for writing your all web codes such as HTML, CSS, JS,
PHP etc.
![Page 11: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/11.jpg)
WEBSITE RESPONSIVE Work on responsive website by which website get fluid layouts for Mobile, Tabs
and Monitor and easy to view in all kind of screen sizes.
![Page 12: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/12.jpg)
If you want to make website other than English language make use of In-script language codes with Unicode fonts.
![Page 13: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/13.jpg)
Website layout should be well aligned and work on spacing to make your web layout easy to understand.
![Page 14: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/14.jpg)
PHP
PHP is the most powerful code to manage databases. Use PHP for managing all your data for product or service page website.
![Page 15: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/15.jpg)
Use less movement or animated pages otherwise by user it is automatically ignored by understanding as a flashy advertisements.
![Page 16: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/16.jpg)
Avoid the simple hash tag links and broken links in your website. Test these links and fix all errors. Broken links are negativity in your website for your clients as well as for SEO.
![Page 17: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/17.jpg)
Web pages inside your website should be inter linked with each other. Cross link building helps visitor to understand website in better manner.
![Page 18: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/18.jpg)
SEO
Try to use all those techniques which is better for SEO in your website for this read in detail all that technique by clicking here.
![Page 19: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/19.jpg)
To make know your website popular start working on all social media websites. With help of this more and more people will come to know about your websites. Also give icons for these social media in your website where people share your pages with other which they like.
![Page 20: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/20.jpg)
Your website should be full of information for which use info-graphics in your website. Info graphics are easy to understand and makes your website more attractive.
![Page 21: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/21.jpg)
Use all essential elements and link building process to target your main pages of the website. The pages which show your product or services are your target pages. Focus on color themes combinations, typography part, easy to understand.
![Page 22: 20 web design tips](https://reader034.fdocuments.in/reader034/viewer/2022042700/559935511a28ab747a8b46bd/html5/thumbnails/22.jpg)
WWW.BAPUGRAPHICS.COM Follow all these simple tips for designing, developing and marketing your website.