SlideShare ist ein Scribd-Unternehmen logo
1 von 13
P1 Layout, Conventions, Appearance, Structure and Navigation By Liam Thorley
Navigation Logo Image The convention of this website is a portfolio website that shows a persons best work in hope to get a job. As you can see the navigation buttons and the main image is very easy to see. Layout This layout has a header and footer. Here is the picture of the person who made the website. www.84colors.com
House style These are the different pages for the  www.84colors.com   As you can see they have the same sort of house style with everything important in the same place on each page which would mean that it is consistent. The logo, links, navigational buttons and the top story’s are all in the same place. The font of the website is consistent which would make it less confusing for people to navigation around it. The style is like it is an autumn day.
The users of this website wont be over flown with information when they look around it because there aren’t many pages, there are 5 pages all together.  The navigation of the webpage is easily noticed when you open it, with navigation along the top and when clicked on other pages you get a noticeable navigation bar along the side.  This is an example of the navigation on the portfolio page. I would say that this webpage is a success because it has everything that a portfolio site needs, easy navigation to look at their best work and a consistent house style so people don’t get confused.
Logo Navigation Main images/ Best work The convention for this website is a portfolio style website. By just first looking the website you can spot where the logo, navigation bar and the main images are. This is the layout On the first page, the first thing that it shows you is the best work. Which would be a good way of ‘selling’ the work to employers.
These are the different pages for  www.thetoke.com . As you can see all of the pages have a consistent font and house style.  The consistent font makes it easy for the users to navigate their way around the website, and to understand what the website is better. The colour scheme is a very dark and dull background with the opposite colour as the font which is white. All of the logo’s, navigation bar and the information are still in the same place on each page.
This is the navigation bar on each webpage. The person who enters the website has a lot of information to take in but its very ‘hard hitting and takes you by surprise to gain the attention.  I would say that this website is successful for the purpose showing off the best work that this person has done, they show it off very well and have set the website out very well like the navigation and the images.
This has a conventional layout of a portfolio website that's aim is to show off their best work for people, so they offer them jobs.  This website has a different layout than the others because instead of having the navigation at the top, it has it spread across the page in speech bubbles. Logo Navigation across the page. Footer This is the overall layout of the website hoepage.  www.Alexarts.ru/en/index
By these pictures you can see that they aren’t actual WebPages for this portfolio site. They are pop ups that appear when clicked on. It has a picture as its background and looks to be a famous city, these picture is consistent because there is only one page. This would also mean that the fonts and house style would be consistent as well because of the fact that he has only made one page to contain all of his work.
The person who enter this website has hardly got any information on the screen, it just shows some simple buttons which make a pop up of what they have clicked on. This would mean that when the person does enter this site they aren’t put of by masses of writing. This is an example of the buttons that spring the pop ups, they are made as type of a speech bubble. Because this link is so big, it is easy to notice which means that the website is usable by anybody.  In my opinion, this website also is a success to employers because its easy to navigate and it is consistent all the way through.
This is a complicated website that operates by drawing something. It is a convention of a portfolio website The navigation of this website is along the bottom in little writing. This would make it quite hard to see for people who can’t see very well. This would be made for company’s that want a very good designer because that why its complicated to show what he can do. Logo When something is drawn on this screen it becomes a news article. Links
This website is like the alexarts website because the links aren’t actually separate pages, they are pop ups. It basically has a plain light green background and this is consistent throughout the website because it is the only page. The buttons are consistent as well because they are on the same page. This website has very little links which make pop ups and the links that they do have are very little so its hard for the user to navigate.
This website is a success and a failure because: Its a success because it shows to the employers that they can create a good and creative website. Its a failure because the normal people who just want a look around the website have to draw something to get a news article and they have very little buttons which means that they might not be noticed. This is what it looks like when you draw on it, they are two pictures of news articles. These are the buttons at the bottom, they are very small so they might not get noticed.

Weitere ähnliche Inhalte

Andere mochten auch (8)

On Life & Building Things
On Life & Building Things On Life & Building Things
On Life & Building Things
 
Plantel SLB 2011-2012
Plantel SLB 2011-2012Plantel SLB 2011-2012
Plantel SLB 2011-2012
 
MPR November 2010 (swv50)
MPR November 2010 (swv50)MPR November 2010 (swv50)
MPR November 2010 (swv50)
 
Presentation for gb (ssfp, gfatm & tmncp) 08 november 2012 final
Presentation for gb (ssfp, gfatm & tmncp) 08 november 2012 finalPresentation for gb (ssfp, gfatm & tmncp) 08 november 2012 final
Presentation for gb (ssfp, gfatm & tmncp) 08 november 2012 final
 
Plantel slb20122013
Plantel slb20122013Plantel slb20122013
Plantel slb20122013
 
A galvánelemek
A galvánelemekA galvánelemek
A galvánelemek
 
Present ir
Present irPresent ir
Present ir
 
Hitesh ppt
Hitesh pptHitesh ppt
Hitesh ppt
 

Kürzlich hochgeladen

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Kürzlich hochgeladen (20)

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 

P1 layout, convention, appearance, structure and navigation

  • 1. P1 Layout, Conventions, Appearance, Structure and Navigation By Liam Thorley
  • 2. Navigation Logo Image The convention of this website is a portfolio website that shows a persons best work in hope to get a job. As you can see the navigation buttons and the main image is very easy to see. Layout This layout has a header and footer. Here is the picture of the person who made the website. www.84colors.com
  • 3. House style These are the different pages for the www.84colors.com As you can see they have the same sort of house style with everything important in the same place on each page which would mean that it is consistent. The logo, links, navigational buttons and the top story’s are all in the same place. The font of the website is consistent which would make it less confusing for people to navigation around it. The style is like it is an autumn day.
  • 4. The users of this website wont be over flown with information when they look around it because there aren’t many pages, there are 5 pages all together. The navigation of the webpage is easily noticed when you open it, with navigation along the top and when clicked on other pages you get a noticeable navigation bar along the side. This is an example of the navigation on the portfolio page. I would say that this webpage is a success because it has everything that a portfolio site needs, easy navigation to look at their best work and a consistent house style so people don’t get confused.
  • 5. Logo Navigation Main images/ Best work The convention for this website is a portfolio style website. By just first looking the website you can spot where the logo, navigation bar and the main images are. This is the layout On the first page, the first thing that it shows you is the best work. Which would be a good way of ‘selling’ the work to employers.
  • 6. These are the different pages for www.thetoke.com . As you can see all of the pages have a consistent font and house style. The consistent font makes it easy for the users to navigate their way around the website, and to understand what the website is better. The colour scheme is a very dark and dull background with the opposite colour as the font which is white. All of the logo’s, navigation bar and the information are still in the same place on each page.
  • 7. This is the navigation bar on each webpage. The person who enters the website has a lot of information to take in but its very ‘hard hitting and takes you by surprise to gain the attention. I would say that this website is successful for the purpose showing off the best work that this person has done, they show it off very well and have set the website out very well like the navigation and the images.
  • 8. This has a conventional layout of a portfolio website that's aim is to show off their best work for people, so they offer them jobs. This website has a different layout than the others because instead of having the navigation at the top, it has it spread across the page in speech bubbles. Logo Navigation across the page. Footer This is the overall layout of the website hoepage. www.Alexarts.ru/en/index
  • 9. By these pictures you can see that they aren’t actual WebPages for this portfolio site. They are pop ups that appear when clicked on. It has a picture as its background and looks to be a famous city, these picture is consistent because there is only one page. This would also mean that the fonts and house style would be consistent as well because of the fact that he has only made one page to contain all of his work.
  • 10. The person who enter this website has hardly got any information on the screen, it just shows some simple buttons which make a pop up of what they have clicked on. This would mean that when the person does enter this site they aren’t put of by masses of writing. This is an example of the buttons that spring the pop ups, they are made as type of a speech bubble. Because this link is so big, it is easy to notice which means that the website is usable by anybody. In my opinion, this website also is a success to employers because its easy to navigate and it is consistent all the way through.
  • 11. This is a complicated website that operates by drawing something. It is a convention of a portfolio website The navigation of this website is along the bottom in little writing. This would make it quite hard to see for people who can’t see very well. This would be made for company’s that want a very good designer because that why its complicated to show what he can do. Logo When something is drawn on this screen it becomes a news article. Links
  • 12. This website is like the alexarts website because the links aren’t actually separate pages, they are pop ups. It basically has a plain light green background and this is consistent throughout the website because it is the only page. The buttons are consistent as well because they are on the same page. This website has very little links which make pop ups and the links that they do have are very little so its hard for the user to navigate.
  • 13. This website is a success and a failure because: Its a success because it shows to the employers that they can create a good and creative website. Its a failure because the normal people who just want a look around the website have to draw something to get a news article and they have very little buttons which means that they might not be noticed. This is what it looks like when you draw on it, they are two pictures of news articles. These are the buttons at the bottom, they are very small so they might not get noticed.