Web design is the process of creating websites which is front end design. It encompasses several different aspects, including web page layout, content production, and graphic design using the different technology and CMS. Web designers build web pages using HTML tags that define the content and metadata of each page. Most websites include a combination of HTML and CSS that defines how each page will appear in a browser. Designer must keep in mind that website run on all platform and browser. Website design means planning, creation and updating of websites. Website design also involves information architecture, website structure, user interface, navigation ergonomics, website layout, colours, contrasts, fonts and imagery (photography) as well as icons design. "Web development" usually refers to the main non-design aspects of building web sites like writing markup and coding. Basically Web development ranges from creating plain text pages to complex Web-based applications, social network applications and electronic business applications.
 |
| Web Design and Web Development |
Web design
The one in one million website is required to stand alone in the website. Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimisation. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all. The term web design is normally used to describe the design process relating to the front-end (client side) design of a website including writing markup. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and if their role involves creating markup then they are also expected to be up to date with web accessibility guidelines.
 |
| Web Design |
A web designer works on the appearance, layout, and, in some cases, content of a website. Appearance, for instance, relates to the colours, font, and images used. Layout refers to how information is structured and categorised. A good web design is easy to use, aesthetically pleasing, and suits the user group and brand of the website. Many web pages are designed with a focus on simplicity, so that no extraneous information and functionality that might distract or confuse users appears. As the keystone of a web designer’s output is a site that wins and fosters the trust of the target audience, removing as many potential points of user frustration as possible is a critical consideration.Two of the most common methods for designing websites that work well both on desktop and mobile are responsive and adaptive design. In responsive design, content moves dynamically depending on screen size; in adaptive design, the website content is fixed in layout sizes that match common screen sizes. Preserving a layout that is as consistent as possible between devices is crucial to maintaining user trust and engagement. As responsive design can present difficulties in this regard, designers must be careful in relinquishing control of how their work will appear. If they are responsible for the content as well, while they may need to broaden their skill set, they will enjoy having the advantage of full control of the finished product.
Components of web design
- Typography
 |
| Topography |
Most companies have a particular font or typography that they use to help their customers immediately identify them versus their competitors. In recent years, designers have received a larger selection of fonts to choose from, making it easier for brands to more accurately express themselves through typography.
- Responsive images
 |
| Responsive Image |
The customers are coming from all over the place and have high expectations. We may not be sure if they are finding your website from their phone, tablet, or desktop computer. The image that Medium uses above is extremely powerful, but if it was only visible from desktop computers, many people may miss it.
- Background videos
 |
| Background video |
- Design
 |
| Design |
- Menus
 |
| Menus |
It is likely that most websites you come in contact with have a long menu of options to choose from. The advantage of this is that the menu can take the visitor directly to where they want to go. However, the disadvantage is that they generally take up a ton of valuable screen space.
- Product image
There is a large featured image at the top of this page, and as you scroll down the page there are additional in-depth product images. The images are also responsive which aims to ensure an optimised experience for viewers coming from different devices, as we mentioned earlier.
Web development
Web development is the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing a simple single static page of plain text to complex web-based internet applications (web apps), electronic businesses, and social network services. A more comprehensive list of tasks to which web development commonly refers, may include web engineering, web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development.
 |
| Web development |
Among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development may use content management systems (CMS) to make content changes easier and available with basic technical skills. For larger organisations and businesses, web development teams can consist of hundreds of people (web developers) and follow standard methods like Agile methodologies while developing websites. Smaller organisations may only require a single permanent or contracting developer, or secondary assignment to related job positions such as a graphic designer or information systems technician. Web development may be a collaborative effort between departments rather than the domain of a designated department. There are three kinds of web developer specialisation: front-end developer, back-end developer, and full-stack developer. Front-end developers responsible for behaviour and visuals that run in the user browser, while back-end developers deal with the servers.
Components of web development
- Front end - People often describe the website as having a front end and back end. In this analogy, front end is what you see, back end is what you don’t. Simple enough, except that you can’t really see the navigation structure, not all at once.
- Navigation structure - This is not the same as the sitemap, though that might represent it. The navigation structure is the order of the pages, the collection of what links to what. Usually it is held together by at least one navigation menu.
- Page layout - This is the way things appear on the page. Is the navigation menu on the top or along the side? Are there images above the text area? Tables? Good layout is as important as any other element of design. Bad layout makes a website look crowded and slapdash. Good layout allows the eye to find what it seeks easily.
- Logo - A good website has a unifying graphic around which it is built. The graphic represents your company, your organisation. It often sets up the colour scheme and the style elements used throughout. The logo ties the website to everything else your company does, though the printed materials, signs, whatever.
- Images - Photos, graphics, navigation bars, lines and flourishes, animations can all be placed on a website to bring it to life. Or, in some cases, bury it.
- Content - Few websites exist just to be looked at. The internet began as a method of sharing information. As it evolved into the World Wide Web, it became rich in all kind of media. But it still exists primarily to communicate. Well written internet-ready text is a special kind of text. Usually the information is broken into readable chunks. It is formatted to be easily scanned, and it is often optimised for search engines as well as human eyes.
- Graphic design - Many of the elements described, such as the logo, the navigation menus, the layout, images, etc., fall under the general category of graphic design. But graphic design is more than the sum of these parts. It is the overall look and feel the website will have as a result of proper use and integration of all these elements. A website with bad graphic design is usually obvious to everyone except the person who put it together. But doing graphic design well takes a special combination of talent, skill, and education.
- Back end elements - Some websites are entirely static. They are the same every time you visit. You never give them information, there are no polls, bulletin boards, or referral forms. If you want to find something on the website, there is no search box, you just look around until you find it. But such sites are growing more rare as the internet becomes an ever greater part of people’s lives. Modern sites are searchable. They offer new images on each visit. They allow the user to request more information, or to post their own thoughts. Many can be updated directly from a simple panel or word-processing program. A lot of websites are datadriven, meaning that web pages are actually created on the fly, in response to the specific needs of the user. All of these functional elements are called back-end elements. In some cases there are many different ways to do the same thing. So the line between elements is often blurry.
Web development broadly refers to the tasks associated with developing websites for hosting via intranet or internet. The web development process includes web design, web content development, client-side/server-side scripting and network security configuration, among other tasks.
 |
| Voxforem Technologies |
Voxforem Technologies Pvt Ltd is a custom software service firm in technopark, trivandrum, kerala. We have extensive experience in many diverse areas of both software and hardware development.
For Web Service Visit Us www.voxforem.in
Contact us on india.voxforem@gmail.com
Call Us +91 0471 425 1333
No comments:
Post a Comment