Considerations
- Font Families: Header & Body
- Colours: RGB / HEX - Background, Foreground, Palettes
- Button Styles - Colour, Image; Default, Hover Active
- Logo and Variations
- Grids / Layout / Variations / Sub Pages
The Style Sheet
On this style sheet I made for my website, I included 4 digital wireframes of the pages from my website. The main reason I included these four was because they cover the main design elements used within the site. The about page isn't included because its simply just a text box and the interviews page isn't either because that page would be different for every interview. The text boxes would be different every time and the images would be placed in different places too. I have included all the digital wireframes below. The X and Y axis are included along with the width and height. The X axis is measured from the left and the Y is measured from the the top. These wireframes help show how each page has been designed and would help the developer understand the measurements and dimensions for the different elements. I feel that creating digital wireframes are beneficial as they have reinforced my understanding of web design and it's process.
About Page
Blog Page
Photographers / Interviews
Photographers - Portfolio Page
Interview Page
Submit Page
No comments:
Post a Comment