7elements of a website design
-
Upload
greenlemon -
Category
Design
-
view
214 -
download
0
Transcript of 7elements of a website design
![Page 1: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/1.jpg)
![Page 2: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/2.jpg)
The big 7
1. Headlines2. Call to action3. Readability4. Lists5. Images6. Banners7. Contrast
![Page 3: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/3.jpg)
1Use big headlines.
![Page 4: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/4.jpg)
2Have a prominent call toaction.
![Page 5: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/5.jpg)
Call to action:
- Should be big.- Should contrast with
background.
![Page 6: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/6.jpg)
3Readability.
![Page 7: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/7.jpg)
Readability elements• Font choice• Font size• Text spacing• Short paragraphs• Bold, italics,
headlines.
![Page 8: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/8.jpg)
Readability:
Use multiplecolumns.
![Page 9: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/9.jpg)
4ListsUse image iconsin lists.Use call to action.
![Page 10: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/10.jpg)
5ImagesClear, prominent, bigImages with briefdescriptions.
![Page 11: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/11.jpg)
6 BannersUse images other than banners.
![Page 12: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/12.jpg)
7ContrastUse contrast insites with darkbackground.
![Page 13: 7elements of a website design](https://reader033.fdocuments.in/reader033/viewer/2022060109/55596ee5d8b42a65298b4794/html5/thumbnails/13.jpg)
Summary
1. Use big headlines.2. Have a prominent call to action.3. Ensure text readability.4. Use icons/images in lists.5. Have clear, prominent images.6. Use images other than banners.7. Use contrast effectively.