|
|
Web designing has linkage to web site’s visual aspect. It is necessary to communicate ideas effectively.
Web development is a super set of Web designing but these terms are interchangeable.
Key Points
Design Plan should consist the below:
It refers to visual guide to web pages appearance helping in defining the structure of website, linkage between web pages and layout of visual elements.
Below are the things to include in a wireframe:
Below is the list of tools to make effective web designs:
Coda 2
Coda 2 is designing tool which is powerful in web development. It has better user interface, clips, sites, file management, text editing and better MySql support.
OmniGraffle
Wireframing is done using OmniGraffle. It has a drawback that is, it doesn’t support interactive prototyping and is only available for Mac.
Pen and Paper
Used in drawing the appearance of a website.
Vim
Vim is a great tool for web designing supporting full customizable auto-intending of code, multiple buffers for storing cut/copied code, and recording of actions for automated repetition.
S.N. |
Tool Description |
1. |
Photoshop CC |
2. |
Illustrator CC |
3. |
|
4. |
|
5. |
Sublime Text |
6. |
|
7. |
|
8. |
Imageoptim |
9. |
Sketch 3 |
10. |
Heroku |
11. |
Axure |
12. |
Hype 2 |
13. |
Image Alpha |
14. |
Hammer |
15. |
JPEGmini Lite |
16. |
BugHerd |
A traditional web site contain the below components:
Containing Block
Container is the top level tag that encompasses other tags. It defines the place to place the contents of a web page.
Logo
It is the identity of a website and used in several forms in marketing such as business cards, brouchers, letterhead and etc.
Navigation
Navigation is placed at the top right corner of the page used to navigate to other pages.
Content
Content should serve the purpose of the web site.
Footer
It is located at the bottom of the page. Generally has copyright, contract and legal information and few links
Footer is a place at the bottom of the page, which usually contains the copyright, contract and legal information as well as few links to the main sections of the site.
Whitespace
Whitespace is also known as negative space which refers to any area of page that is not covered by type or illustrations.
One should be aware of the below known common mistakes which needs to be always kept in mind:
|
|
All rights reserved © 2020 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.