Notes on Websites Design
Compare Existing Websites
Visual Hierarchy
- Responsive website
It changes dimensions based on the screen size in real-time. The content of the web will reposition accordingly. It relies on breaking point to mark the edge.
- Adaptive website
Building Website
image resolution: 72 ppi
file format:
- jpg/png for full-colored images
- gif/png for transparent images/artwork
Exercises
Learning About Website Structure
Marking the margins for different structures of websites.
Marking the columns for different structures of websites.
Making wireframes for each of the different structures of websites.
Learning Basic Tools on Adobe XD
In this class, we learned on how to make a simple website design using Adobe XD
Making a wireframe for the website design by using the tools on Adobe XD and Wires.
Replace the wireframe with the desired pictures
Comments