Search for notes by fellow students, in your own course and all over the country.
Browse our notes for titles which look like what you need, you can preview any of the notes via a sample of the contents. After you're happy these are the notes you're after simply pop them into your shopping cart.
Title: What is website design?
Description: Website design refers to the process of planning, creating, and organizing the visual elements and layout of a website.
Description: Website design refers to the process of planning, creating, and organizing the visual elements and layout of a website.
Document Preview
Extracts from the notes are below, to see the PDF you'll receive please use the links above
What is website design?
Website design refers to the process of planning, creating, and organizing the visual
elements and layout of a website
...
Effective website design takes into account factors such as usability, accessibility, and
overall user satisfaction
...
It ordinarily alludes to the client experience
parts of site advancement instead of programming improvement
...
A website specialist deals with a site's appearance, design, and, at times, happy
...
•
Format alludes to how data is organized and ordered
...
•
A very much planned site is straightforward and imparts plainly to try not to confound
clients
...
Responsive and adaptive design are two common ways to design websites that work well on both
desktop and mobile
...
k
...
"Responsive" or "Responsive Design") is a way to deal
with planning web content that shows up no matter what the goal administered by the gadget
...
The viewports ought to change consistently on tablets, telephones, and work areas of any goal
...
In the event that you open a responsive site on the work
area and change the program window's size, the substance will powerfully revamp itself to fit the
program window
...
What is Adaptive Web Design?
Adaptive web design refers to the approach of creating web designs that adapt and respond
to various devices and screen sizes
...
Unlike responsive web design, which uses flexible grids and layouts, adaptive
design involves creating multiple layouts for specific screen sizes or devices
...
Multiple Layouts: Designers create distinct layouts for different device categories, such
as desktops, tablets, and smartphones
...
2
...
3
...
This is different from responsive
design, where the adjustments are made on the client side (browser)
...
Enhanced Performance: Adaptive designs can be optimized for performance by
delivering only the necessary resources and code for a specific device
...
5
...
How to design a web page?
Designing a web page involves various aspects, including layout, color schemes,
typography, imagery, and user experience
...
Define Your Purpose:
•
Clearly identify the purpose of your website
...
2
...
3
...
Popular tools include Adobe XD,
Sketch, Figma, or even pen and paper for sketching
...
Color Scheme:
•
Choose a color palette that aligns with your brand and creates a visually pleasing
experience
...
Typography:
•
Select readable fonts that complement your brand and enhance readability
...
Layout:
•
Follow principles of design like balance, contrast, and alignment
...
Images and Media:
•
Optimize images for the web to ensure fast loading times
...
Responsive Design:
•
Ensure your design works well on various devices and screen sizes
...
User Experience (UX):
•
Focus on creating a seamless and intuitive user experience
...
Coding:
•
Convert your design into HTML, CSS, and possibly JavaScript
...
Testing:
•
Test your web page across different browsers and devices to ensure compatibility
...
Performance Optimization:
•
Optimize your web page for speed using techniques like image compression and code
minification
...
Accessibility:
•
Ensure your web page is accessible to users with disabilities
...
SEO Optimization:
•
Optimize your content for search engines
...
Launch:
•
Deploy your website using a hosting service of your choice
...
Books:
•
"Don't Make Me Think" by Steve Krug: A classic book on web usability
...
2
...
"
•
Codecademy has interactive courses on HTML, CSS, and JavaScript, which are
fundamental for web design
...
Websites and Blogs:
•
A List Apart (https://alistapart
...
•
Smashing Magazine (https://www
...
com/): A resource for web
developers and designers, covering a wide range of topics
...
Design Tools and Platforms:
•
Adobe XD (https://www
...
com/products/xd
...
•
Figma (https://www
...
com/): A collaborative design tool that allows real-time
collaboration on design projects
...
Community Forums:
•
Stack Overflow (https://stackoverflow
...
•
Reddit's Web Design community (https://www
...
com/r/web_design/): A place
for web designers to discuss industry trends, share resources, and seek advice
...
W3C (World Wide Web Consortium):
•
W3C (https://www
...
org/): The organization that develops and maintains web
standards
...
References for further reading on adaptive web design:
1
...
(2015)
...
" Peachpit Press
...
Firtman, M
...
"Programming the Mobile Web
...
3
...
(2015)
...
" New Riders
...
Marcotte, E
...
"Responsive Web Design
...
Article Link
5
...
(2011)
...
" A Book Apart
Title: What is website design?
Description: Website design refers to the process of planning, creating, and organizing the visual elements and layout of a website.
Description: Website design refers to the process of planning, creating, and organizing the visual elements and layout of a website.