4 important web design elements for a successful web design (pixelcrayons)
Design for the Web
-
Upload
jaspercheyney -
Category
Design
-
view
70 -
download
0
description
Transcript of Design for the Web
![Page 1: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/1.jpg)
Design for the web.
![Page 2: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/2.jpg)
What’s important?
• The website is easy to use.
• The product/content is clearly displayed.
• It’s consistent with other services.
• The information is factual and relevant.
![Page 3: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/3.jpg)
Research one.
http://piotrswierkowski.com/portfolio/
Tiled background
Room for big images.
Obvious navigation.
![Page 4: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/4.jpg)
Research two.
https://imageshack.com/signup
Full sizebackground image.
Centred.
Concise.
![Page 5: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/5.jpg)
Research three.
http://landerapp.com/
Flat UI.
Clean.
Simple navigation.
![Page 6: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/6.jpg)
Mockup.
http://piotrswierkowski.com/portfolio/
Visually attractive.
Shows off beauty of forests.
Easy to adjust to mobile.
![Page 7: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/7.jpg)
My website.
Centred title.
Simple navigation.
Kept background.
Responsive.
![Page 8: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/8.jpg)
My website.
Tablet size.
![Page 9: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/9.jpg)
My website.
Mobile size.
![Page 10: Design for the Web](https://reader035.fdocuments.in/reader035/viewer/2022062708/558ce99dd8b42ab4498b45dd/html5/thumbnails/10.jpg)
Ideas.
Similar to my iBook, without restrictions.
• Full size background images• Clear, simple navigation• All elements fully responsive• Information concise and factual• A overall ‘cool’ theme