tag:blogger.com,1999:blog-30001377337523683862024-03-04T23:20:30.729-08:00OUGD601 - Context of Practice 3James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-3000137733752368386.post-88662182318493118872015-01-15T03:55:00.002-08:002015-01-15T04:24:23.066-08:00End of Module Evaluation<b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">1. What skills have you developed through this module and how effectively do you think you have applied them? </b><br />
<b><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /></b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I feel like I have improved my writing skills prior to my last critical analysis writing. I now know how to write an academic paper and I feel I have developed my writing style since the start of the course. I understand how to triangulate much better and feel I have showed this in my writing. </span><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">In regards to the practical side, I have a much better understanding of designing for digital media and principles of perception can be used to make constructive design decisions to create a structured, well balanced design.</span><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><br />2. What approaches to/methods of design production have you developed and how have they informed your design development process? </b><br />
<b><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /></b><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">I have realised I like to work digitally to develop my ideas, as I like to experiment on screen so I can see how things will look. I find it hard to visualise my ideas on paper with sketches and find I tend to waste a lot of time in doing so. However, I realise sometimes it can help to establish the relationship between objects and space. </span><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><br />3. What strengths can you identify in your work and how have/will you capitalise on these? </b><br />
<b><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /></b><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">I feel like I have clearly explained the subjects I wrote about in my essay and applied them visually to my website to show my understanding of the content and showed what I have taken from it and formed my own opinions and expanded on the existing theories. </span><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><br /><br />4. What weaknesses can you identify in your work and how will you address these in the future? </b><br />
<b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><br /></b><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">If I had allocated more time, I would of liked to go into more detail and design the payment pages and other aspects of the site as well as creating responsive layouts to be viewed on different mediums.</span><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><br />5. Identify five things that you will do differently next time and what do you expect to gain from doing these? </b><br />
<b><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /></b><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">- If I was to do it again I would like to go more in depth with the website. I am sure this would of provided more problems to solve which would challenge me further and improve my knowledge of digital software and the psychology behind how the user interacts with a site. </span><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">- I struggled with the writing side more than the practical. The writing took more of my time to complete so I would have like to get the balance between both right.</span><br />
<br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">- Leading on from the last point, I wish I had of planned the writing better and made notes to follow.</span><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">- I didn’t take advantage of getting feedback from my peers due to the writing taking most of the time.</span><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><br style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;" /><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">- I maybe could of conducted some primary research such as eye tracking to see what layout would be best suited to my design. However this has already been conducted so I'm not sure if there was any point in using my own data when its already available.</span><br />
<div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoACFECGaM4Uio3ynzCe8nSG_zaxRg27-EFOjmcS2xtrnczz_vwoVns-DNrjTGFYqM6WeVM1S6r02g6kOr6QYVa_lOZyXTdQ7BrR4S3UFTMINzF5Jz2C32nF4kr47QATVTlltpiDe3gJUN/s1600/Screen+Shot+2014-05-07+at+11.34.24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoACFECGaM4Uio3ynzCe8nSG_zaxRg27-EFOjmcS2xtrnczz_vwoVns-DNrjTGFYqM6WeVM1S6r02g6kOr6QYVa_lOZyXTdQ7BrR4S3UFTMINzF5Jz2C32nF4kr47QATVTlltpiDe3gJUN/s1600/Screen+Shot+2014-05-07+at+11.34.24.png" height="282" width="640" /></a></div>
</div>
James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-63567192121939235512015-01-14T15:53:00.001-08:002015-01-15T03:54:48.740-08:00Final Design<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUGH7mLu0723uFW_-1NIY0k1Ph_OtBCeZ38Ie6HA9B9KTQe36asHhpKYWgMD1qR3haLGvtdp-TDn7IXnmY2SiLwLvkYsVVsFCBKIbOGj6HQOO_lsaVMxlADFJDGJw-io3X8vpJOhdsDKI/s1600/Website+Presentation-01-01-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUGH7mLu0723uFW_-1NIY0k1Ph_OtBCeZ38Ie6HA9B9KTQe36asHhpKYWgMD1qR3haLGvtdp-TDn7IXnmY2SiLwLvkYsVVsFCBKIbOGj6HQOO_lsaVMxlADFJDGJw-io3X8vpJOhdsDKI/s1600/Website+Presentation-01-01-01.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-2983822636566008372015-01-14T08:31:00.001-08:002015-01-14T09:15:39.646-08:00Final Website Pages <div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Homepage:</span></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLBy1Ve03NDLuL931oYOzjXKckN8a9PoB26LhgjSSzix4-MyGhx9NBRUVkFsNKyZyjI9SR6uat8tr15cGMROZk678YhfwtAvvXX14sUvxcdtr9fYwWRZoD-WZohdz_TTjlWO7fHgYTUni/s1600/Final+Web+Pages-01-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLBy1Ve03NDLuL931oYOzjXKckN8a9PoB26LhgjSSzix4-MyGhx9NBRUVkFsNKyZyjI9SR6uat8tr15cGMROZk678YhfwtAvvXX14sUvxcdtr9fYwWRZoD-WZohdz_TTjlWO7fHgYTUni/s1600/Final+Web+Pages-01-01.png" height="640" width="552" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Linking Page:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXY6LHkv8ut5YUTyi42MgP1Ode4nfH6YnZU9mvaHgPux4aAqsn5sFuNRSBfEg_9dWBcYYhT8Z8jAfh-A8TEk2BcZqG86F0hB74R0lkvTOZLJqyS771_XTzY1IbeyoxXvZB6nfKloIDaLAn/s1600/Final+Web+Pages-05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXY6LHkv8ut5YUTyi42MgP1Ode4nfH6YnZU9mvaHgPux4aAqsn5sFuNRSBfEg_9dWBcYYhT8Z8jAfh-A8TEk2BcZqG86F0hB74R0lkvTOZLJqyS771_XTzY1IbeyoxXvZB6nfKloIDaLAn/s1600/Final+Web+Pages-05.png" height="582" width="640" /></a></div>
<br />
<br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Wish </span></b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>List Page:</b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi68n9RNQBFVp-tkiaX9sPa0P0phZb1Pzc8Q-HS-RyE0JS-J82582A9KqmPmtarMMr-ymLRPhpa7TupGTzpF-mElyndcXzRx_QoGlXctBlTrl5UXu2JQPGZZAwOObhrIa_DQPOyFcC3kLvN/s1600/Final+Web+Pages-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi68n9RNQBFVp-tkiaX9sPa0P0phZb1Pzc8Q-HS-RyE0JS-J82582A9KqmPmtarMMr-ymLRPhpa7TupGTzpF-mElyndcXzRx_QoGlXctBlTrl5UXu2JQPGZZAwOObhrIa_DQPOyFcC3kLvN/s1600/Final+Web+Pages-02.png" height="640" width="554" /></a></div>
<br />
<br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">About Page:</span></b><br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></b>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsu-HCaQ1yR_N4NTlXLwhs7ozbTGirMDq1ZlLI0moZnEFixjs_MmeUc7giG6LeHPCpeu24pxPm0Pt7bwF0enfhvmzbZnMuLrl9PTaDLLhDvEzjS3vNGGzuQNL4PVFcHZt9GUuZAgb0hkC/s1600/Final+Web+Pages-06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsu-HCaQ1yR_N4NTlXLwhs7ozbTGirMDq1ZlLI0moZnEFixjs_MmeUc7giG6LeHPCpeu24pxPm0Pt7bwF0enfhvmzbZnMuLrl9PTaDLLhDvEzjS3vNGGzuQNL4PVFcHZt9GUuZAgb0hkC/s1600/Final+Web+Pages-06.png" height="546" width="640" /></a><br />
<br />
<br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">New Releases Page:</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0-6OPoiAk7dRAEd1dU0VbYRI_Enyi6G-ijn5xCL74BmCxZYj-RcOpYj-ro4wseoHKq-KWSxDLVLQGNyH5-iS5VtuRMXjEsUKXDxCLwk-eU6dze52vI95OQBt5EY8wVIX3AVBkaN0z4R6/s1600/Final+Web+Pages-03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0-6OPoiAk7dRAEd1dU0VbYRI_Enyi6G-ijn5xCL74BmCxZYj-RcOpYj-ro4wseoHKq-KWSxDLVLQGNyH5-iS5VtuRMXjEsUKXDxCLwk-eU6dze52vI95OQBt5EY8wVIX3AVBkaN0z4R6/s1600/Final+Web+Pages-03.png" height="640" width="552" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Artists Page:</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFRPZdfHx4_G-imgPzdP9Tub8TNuhAATROSD_PPft-CqaIaYXNkHryI4ZTd_q0dxYLFDi_xbLxhjtuG5giUq2vdmELgqXNpNoB5oqWSLtUwMk_LM-JO9dPj-dSIQqbO5pNn_iZpHNVzrF/s1600/Final+Web+Pages-04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFRPZdfHx4_G-imgPzdP9Tub8TNuhAATROSD_PPft-CqaIaYXNkHryI4ZTd_q0dxYLFDi_xbLxhjtuG5giUq2vdmELgqXNpNoB5oqWSLtUwMk_LM-JO9dPj-dSIQqbO5pNn_iZpHNVzrF/s1600/Final+Web+Pages-04.png" height="640" width="594" /></a></div>
<br />
<br />
<br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Contact Page:</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho44s9JvF9vnyWts4_JQjsFg5t4D3uVJLNgEKSlSrN8ql7BQ0mJeY8vU8zIQi8x2IG5DeUJJ_9EdGxQLmmkkKr4T72iw9V0fsgtEPyKy_tgXlapOvUgxNQ7h6fPCjlGXGeS6-XYOfsgTyR/s1600/Final+Web+Pages-07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho44s9JvF9vnyWts4_JQjsFg5t4D3uVJLNgEKSlSrN8ql7BQ0mJeY8vU8zIQi8x2IG5DeUJJ_9EdGxQLmmkkKr4T72iw9V0fsgtEPyKy_tgXlapOvUgxNQ7h6fPCjlGXGeS6-XYOfsgTyR/s1600/Final+Web+Pages-07.png" height="618" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-29891254200826371022015-01-10T14:00:00.002-08:002015-01-15T03:54:24.192-08:00Practical Development <div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">For the practical side of the module I will be designing an e-commerce website that sells vinyl records. I have chosen an e-commerce website as I think it will best allow me to incorporate the theories of perception into the layout. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Initial Ideas / Planning </b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSUnq7W2B2ldJdJiqJufja3hpGtKv8Gr4rbjV9cRm1xpScQ0nbmC-SgqkzVG_VLNw32oZ4vRin4UoZlR9V_V5yVVreJt9dqVULxVbG_AUjJYmLH-YFLi87s83mNZBXk3Y0L8tVtvrbblnG/s1600/IMG_1241.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSUnq7W2B2ldJdJiqJufja3hpGtKv8Gr4rbjV9cRm1xpScQ0nbmC-SgqkzVG_VLNw32oZ4vRin4UoZlR9V_V5yVVreJt9dqVULxVbG_AUjJYmLH-YFLi87s83mNZBXk3Y0L8tVtvrbblnG/s1600/IMG_1241.JPG" height="320" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir7swBwn3Zal_KKMfvkpf3qVCaWXYk9hgWIQxWN2SyIc6vNIx1pYJKCg31rNsgOedjFSoh6A5lrjhKd38Yt26AG013yyPkYrqb8ktq4A72Wj8Zc3ux4P88n5z79eb1agColrGjWiE5AYiO/s1600/IMG_1240.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir7swBwn3Zal_KKMfvkpf3qVCaWXYk9hgWIQxWN2SyIc6vNIx1pYJKCg31rNsgOedjFSoh6A5lrjhKd38Yt26AG013yyPkYrqb8ktq4A72Wj8Zc3ux4P88n5z79eb1agColrGjWiE5AYiO/s1600/IMG_1240.JPG" height="320" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have made some notes and sketches to help work out the content, architecture, and structure of the site.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4tO0Zf_k9WKXvQOSOxAi_rttw73wLAozvfvX_1voA_mh9laoSpqBNrHpRK7ZDmAjvi733lcb1eV1m4DPUu-DRbt8GMdrNZi5TXucX_jsfSwJBJ1erMWvCMwQs6hDiw-S6rCxu_90_8en/s1600/IMG_1239.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4tO0Zf_k9WKXvQOSOxAi_rttw73wLAozvfvX_1voA_mh9laoSpqBNrHpRK7ZDmAjvi733lcb1eV1m4DPUu-DRbt8GMdrNZi5TXucX_jsfSwJBJ1erMWvCMwQs6hDiw-S6rCxu_90_8en/s1600/IMG_1239.JPG" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Because it will be selling vinyl records, the best way to display the sleeve artwork will be in a tiled layout. This will make good use of space and allow proximity and continuity principles to come into affect to create a structured layout that has movement.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNT8bDOgyJGTDurFVndXJFdry1Nh9wEGA8Pi233Zyv6SokxY1zIBu9BWcLOEzFs3VuFK3DIY0crREBGc1n-akQ4690rOn7PsWMEya7WYyXIqcEVffmbOg7WEB7FIZ_7fP_TmpDcDho8Ls/s1600/IMG_1237.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNT8bDOgyJGTDurFVndXJFdry1Nh9wEGA8Pi233Zyv6SokxY1zIBu9BWcLOEzFs3VuFK3DIY0crREBGc1n-akQ4690rOn7PsWMEya7WYyXIqcEVffmbOg7WEB7FIZ_7fP_TmpDcDho8Ls/s1600/IMG_1237.JPG" height="480" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The principles of perception will need to be considered when designing UI elements such as pagination, search bars, buttons, navigation, drop-down menus, social media icons....and so on. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The website will consist of four links: About / New Releases / Artists / Contact</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The Homepage will be the main template for the layout and will be the same layout for the new releases page. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Logo</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SOmwQT91rUTeK9RIvMUhoCDPOpUFvYOQnL4BcZ337MtisOqBG4V-mNxKy3WpSgTrcc8sd4EoauNGw6whqqu40hny2pDJ8rVOWISehHUr7EJnl8YrEfaTTFBBpw69IdxRCBzy7BeaR-0o/s1600/Screen+Shot+2015-01-13+at+12.03.29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SOmwQT91rUTeK9RIvMUhoCDPOpUFvYOQnL4BcZ337MtisOqBG4V-mNxKy3WpSgTrcc8sd4EoauNGw6whqqu40hny2pDJ8rVOWISehHUr7EJnl8YrEfaTTFBBpw69IdxRCBzy7BeaR-0o/s1600/Screen+Shot+2015-01-13+at+12.03.29.png" height="175" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have made a logo for the company above. I didn't want to spend to much time on this as the point of the synthesis is in the layout. However the concept of the name 'Dusty records' is it has the best collection of rare house vinyls.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Figure-Ground </b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjB-xi3d6UCsBQZKpT_kTraVcFHBDrEygjPNebxvDw9Q_jRPJuxPUOB-hPQOg3Wc_OJIYPr7LY16tK3UpmWOd_iVeqGWu0-3wZr-w8CQc4nIwlXap4HEIfVLKmVgLo_AKXM79MhB-GwHBt/s1600/Screen+Shot+2015-01-10+at+20.48.57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjB-xi3d6UCsBQZKpT_kTraVcFHBDrEygjPNebxvDw9Q_jRPJuxPUOB-hPQOg3Wc_OJIYPr7LY16tK3UpmWOd_iVeqGWu0-3wZr-w8CQc4nIwlXap4HEIfVLKmVgLo_AKXM79MhB-GwHBt/s1600/Screen+Shot+2015-01-10+at+20.48.57.png" height="372" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">In order to see if the layout looks balanced with the elements on the page I have created some scamps with the figure-ground principle. This is a good way to check that the page has unity between the groupings of sections.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The image above will be the homepage and linking page when one of the record sleeves is clicked on the homepage, this will show more information about the record and give the option to add it to the shopping cart.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTbyNIOHjZdeYzY84uoMtfWB3kcCw8GOSjOJ-ZYucfz-EoUOAUR0of0wY_YP3kvaIJk9UMemg-E3NeoyhLWfzTWoGN285yzZ_j8xhC_-pycLFWFYUzpW_2hzcG9ILVCdBO4XoRX9TNh_3/s1600/Screen+Shot+2015-01-10+at+20.49.04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTbyNIOHjZdeYzY84uoMtfWB3kcCw8GOSjOJ-ZYucfz-EoUOAUR0of0wY_YP3kvaIJk9UMemg-E3NeoyhLWfzTWoGN285yzZ_j8xhC_-pycLFWFYUzpW_2hzcG9ILVCdBO4XoRX9TNh_3/s1600/Screen+Shot+2015-01-10+at+20.49.04.png" height="312" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The about page will just have some information on the company and will use an image as the focal point.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7xbGySgufWvt-LKOlwC7qntXtj26cUFdAQ1zAQ5QvjTyZinRKXKcXbQBOn6XOODTQ3CdMCQZLWtdjLXfartw1Iqy7FmiB68yClgFjL7jDRnYHqRn7Er10qesMqXvcpZFdJFJgcfa43s8/s1600/Screen+Shot+2015-01-10+at+20.49.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7xbGySgufWvt-LKOlwC7qntXtj26cUFdAQ1zAQ5QvjTyZinRKXKcXbQBOn6XOODTQ3CdMCQZLWtdjLXfartw1Iqy7FmiB68yClgFjL7jDRnYHqRn7Er10qesMqXvcpZFdJFJgcfa43s8/s1600/Screen+Shot+2015-01-10+at+20.49.08.png" height="317" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The contact page will have a question box for the user to send to the company. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Scamps</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijGJguu9G5DZnoVmRspMfqDvyhJTYH7GYaTafuMkD_a_LqXWCwN-4Jo1eU2oJiNO11iWSZSDd2nGAOI7Vn77LqUdwHdp-GTG2Cb0kjdZPyM4c92wMtDFU1tvaK48gpwKsu-UpaZblWKqQc/s1600/Screen+Shot+2015-01-10+at+22.58.39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijGJguu9G5DZnoVmRspMfqDvyhJTYH7GYaTafuMkD_a_LqXWCwN-4Jo1eU2oJiNO11iWSZSDd2nGAOI7Vn77LqUdwHdp-GTG2Cb0kjdZPyM4c92wMtDFU1tvaK48gpwKsu-UpaZblWKqQc/s1600/Screen+Shot+2015-01-10+at+22.58.39.png" height="360" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Now I have the basic structure of the site I have made some scamps with more detail on such as UI elements to make it easier when I come to designing. I have placed the two main search bars in close proximity to suggest the related grouping as they are both search bars. This is the same case for other points of interaction such as the buttons at the top od the page and the pagination has been grouped with the sleeves. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZMvGhKWS7tKhqzW7Czu7Vm3UAEaoFVhnnLM7AA9U0B37IVdToE4Rch_e5Zf7zvNIqYTmwUNhsW3x7NzcK578xrZPcKRwdmUyHdvKT2iqTI24JMUW9cQT0WYe3pei5plwx51bNigcPHwR/s1600/Screen+Shot+2015-01-10+at+22.58.52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZMvGhKWS7tKhqzW7Czu7Vm3UAEaoFVhnnLM7AA9U0B37IVdToE4Rch_e5Zf7zvNIqYTmwUNhsW3x7NzcK578xrZPcKRwdmUyHdvKT2iqTI24JMUW9cQT0WYe3pei5plwx51bNigcPHwR/s1600/Screen+Shot+2015-01-10+at+22.58.52.png" height="286" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmiRdSHXOf_hyphenhypheno-SfyiAAM8MEqpGwjqjU4oyW-7qWV1iLVsREyuwFaYbNC2wkNecf74Whm2CZcC6Y-7IjUFGexEzNQE2XD6_0boIJJf8EXTulPfOCYnAuidgXsc2TQ_jmHT-4dw1naAQel/s1600/Screen+Shot+2015-01-10+at+22.58.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmiRdSHXOf_hyphenhypheno-SfyiAAM8MEqpGwjqjU4oyW-7qWV1iLVsREyuwFaYbNC2wkNecf74Whm2CZcC6Y-7IjUFGexEzNQE2XD6_0boIJJf8EXTulPfOCYnAuidgXsc2TQ_jmHT-4dw1naAQel/s1600/Screen+Shot+2015-01-10+at+22.58.59.png" height="259" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The contact page has been operated into the information required for a question box. The names (first/surname) are on the same line as they are related. The rest of the info has been keep at the same width so it leads the eye with continuity down to the call to action, or submit button. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Development </span></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFaGdmbcMUzXKsvt5efYt2rJY59JDUMvDmpWAGH2QoSlT6pUp2bH2qC2WFPcf-JFEShuzDpkjYXYF4y86FZXQmh14O7NDw5pdX17SHBinbd3pP5EtDPGjIYK_N3NEzGRCubNjGqXdrk9tP/s1600/Screen+Shot+2015-01-12+at+19.41.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFaGdmbcMUzXKsvt5efYt2rJY59JDUMvDmpWAGH2QoSlT6pUp2bH2qC2WFPcf-JFEShuzDpkjYXYF4y86FZXQmh14O7NDw5pdX17SHBinbd3pP5EtDPGjIYK_N3NEzGRCubNjGqXdrk9tP/s1600/Screen+Shot+2015-01-12+at+19.41.14.png" height="400" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have started to size the record sleeve images to the template. The images will be roll-overs which will reveal the track info. I have applied a drop shadow to the images to make them stand out from the background to create contrast. This will signal to the user that they are part of the hierarchy and can be interacted with.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEislDvy_OODNkGf-hAepNt_6cqfXfSMtwYhfkxA6PpkK96iZYTsDGCy6O1Ts49WXPcK68_hJjyvpPwafJZuzGup3YP9sJItUC_uQsSDHCsWBauyBERBqLzvjRUX-Kq8GbJSDPz5okdktrKt/s1600/Screen+Shot+2015-01-12+at+19.44.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEislDvy_OODNkGf-hAepNt_6cqfXfSMtwYhfkxA6PpkK96iZYTsDGCy6O1Ts49WXPcK68_hJjyvpPwafJZuzGup3YP9sJItUC_uQsSDHCsWBauyBERBqLzvjRUX-Kq8GbJSDPz5okdktrKt/s1600/Screen+Shot+2015-01-12+at+19.44.41.png" height="400" width="640" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAOV9IfsmsEu-zJStoVHMKktPQTNMjrXbkUsw3mT9jrljFE_ox8QBmUk41b97Zj_vEPBw5OWLQ3x4cl-OCZ6A7Q2gpW1jHHE21eBsYMJiuCDyyt67cchTN5Ros3kO1JIMEyT8yjU_Yu0Bg/s1600/Screen+Shot+2015-01-12+at+19.57.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAOV9IfsmsEu-zJStoVHMKktPQTNMjrXbkUsw3mT9jrljFE_ox8QBmUk41b97Zj_vEPBw5OWLQ3x4cl-OCZ6A7Q2gpW1jHHE21eBsYMJiuCDyyt67cchTN5Ros3kO1JIMEyT8yjU_Yu0Bg/s1600/Screen+Shot+2015-01-12+at+19.57.23.png" height="47" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The pagination buttons need to be equal in proximity to communicate they are art of a group and also part of the pagination for the records.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYj7xLFxe5gNyuAuISu0nTWmOl8pSjkk8qz_Oqiip9d74kGnZKdcrwTI9ergg7qvgC6J5WWqaRSyxqe7D6NECXylt9sLOHn7YaYOkLfwGyYqB88hpx7anHerwg5BSUqYs0hXtl8eazKWW/s1600/Screen+Shot+2015-01-12+at+20.00.48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYj7xLFxe5gNyuAuISu0nTWmOl8pSjkk8qz_Oqiip9d74kGnZKdcrwTI9ergg7qvgC6J5WWqaRSyxqe7D6NECXylt9sLOHn7YaYOkLfwGyYqB88hpx7anHerwg5BSUqYs0hXtl8eazKWW/s1600/Screen+Shot+2015-01-12+at+20.00.48.png" height="200" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Pagination:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsDin8pu6C7wGTQvmnGY8JCvo1aZ6fnILBjy76gsee8_QJ5TjuB9rKBuDX16r4GWStsce03neIM2akpYREs_i23C7vOqnRpL419bWQ1CNgEf109StKHVTMjQ8U5jpizon2dEbXISEE37cX/s1600/Screen+Shot+2015-01-12+at+20.35.47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsDin8pu6C7wGTQvmnGY8JCvo1aZ6fnILBjy76gsee8_QJ5TjuB9rKBuDX16r4GWStsce03neIM2akpYREs_i23C7vOqnRpL419bWQ1CNgEf109StKHVTMjQ8U5jpizon2dEbXISEE37cX/s1600/Screen+Shot+2015-01-12+at+20.35.47.png" height="78" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have made the amount of buttons larger because its more practical for the large amount of pages to search through. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYan5kZcruve_nv31Lr0YN0vOYOQHpuqUOyvhHFJ6tVpCzUVuprgxll9JVOoxFR5Vs0roKdYLDG4EZdn1JJc5nh1DFH2yh2RGv7J9U3a9ZTQVcwr7_zux5Pt5DtidH8dEi83nWyRTb6nI/s1600/Screen+Shot+2015-01-12+at+20.42.07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYan5kZcruve_nv31Lr0YN0vOYOQHpuqUOyvhHFJ6tVpCzUVuprgxll9JVOoxFR5Vs0roKdYLDG4EZdn1JJc5nh1DFH2yh2RGv7J9U3a9ZTQVcwr7_zux5Pt5DtidH8dEi83nWyRTb6nI/s1600/Screen+Shot+2015-01-12+at+20.42.07.png" height="400" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have changed the colour to a grey because I think it needs to be more subtle so it doesn't clash with the other buttons that are more dominant in the visual hierarchy.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh4SxztMgwYiTT16qZkgzsMNv8wXyLnwxCZ0DxiwpAoCfxeJmVNHf8x258kS7O0JPqP2KdOhTPPFTb5fi38irPGtkiQEeFPjLg5mq_xj7UdX55V1nnf6jfGSBE-UVo0ZQprZ_-T8ZTT6Lb/s1600/Screen+Shot+2015-01-12+at+22.45.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh4SxztMgwYiTT16qZkgzsMNv8wXyLnwxCZ0DxiwpAoCfxeJmVNHf8x258kS7O0JPqP2KdOhTPPFTb5fi38irPGtkiQEeFPjLg5mq_xj7UdX55V1nnf6jfGSBE-UVo0ZQprZ_-T8ZTT6Lb/s1600/Screen+Shot+2015-01-12+at+22.45.37.png" height="95" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The navigation will be to the right of the logo so continuation will occur leading the users eye to it. I did try it underneath the logo and it was apparent that the principle was need. Also, I have used similarity by only having the links in upper case.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPxqernyihc6psjD8zh1CiBR2Nm7NGollarQDYITL2loeEfgECspBX5ggFU1utYpnaslIKI5XyXJZzHWqQ9_tED01wt9eK0pu3psxcRK9glWH4TYLyfTP1hVYrDaP8I6WOw1fTH9rd-I1E/s1600/Screen+Shot+2015-01-12+at+22.45.43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPxqernyihc6psjD8zh1CiBR2Nm7NGollarQDYITL2loeEfgECspBX5ggFU1utYpnaslIKI5XyXJZzHWqQ9_tED01wt9eK0pu3psxcRK9glWH4TYLyfTP1hVYrDaP8I6WOw1fTH9rd-I1E/s1600/Screen+Shot+2015-01-12+at+22.45.43.png" height="94" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">To make the distinction clearer I have separated it with a line that follow the same angle as the Y in the logo. Im not sure if this is the best way yet so I will analyse it as a whole later when more of the design is complete.</span><br />
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Search Bars:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje_rEX5vhdTedk2EWZImRy_NP8sIpHP7t1yv6_0y77PSkQZtGStdqQKZCqp6oOOXGi8H6C24A_NCmMO812SGXINkvSN7xo49JajH-mV-zjCszCWCQEYQiWJvqRcTianipQjdS1gEi1kHsi/s1600/Screen+Shot+2015-01-13+at+16.48.50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje_rEX5vhdTedk2EWZImRy_NP8sIpHP7t1yv6_0y77PSkQZtGStdqQKZCqp6oOOXGi8H6C24A_NCmMO812SGXINkvSN7xo49JajH-mV-zjCszCWCQEYQiWJvqRcTianipQjdS1gEi1kHsi/s1600/Screen+Shot+2015-01-13+at+16.48.50.png" height="47" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The main search bar will be for searching everything. The section on the right will bo for the vinyl size. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ-rZMcZBiykvKxSEWRzSV1tYfZHIEFH41J0kSqS96PjoqMbeUh33gndcOTMDYndNk3nmfbywdxkjhGvEiO3TEV4-cJG87tfBDYJhMDy2kcFmEJi1_fvfYgz2L9HRhMf7cdLFVSv6Mdf9C/s1600/Screen+Shot+2015-01-13+at+16.52.48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ-rZMcZBiykvKxSEWRzSV1tYfZHIEFH41J0kSqS96PjoqMbeUh33gndcOTMDYndNk3nmfbywdxkjhGvEiO3TEV4-cJG87tfBDYJhMDy2kcFmEJi1_fvfYgz2L9HRhMf7cdLFVSv6Mdf9C/s1600/Screen+Shot+2015-01-13+at+16.52.48.png" height="270" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have added a dense drop shadow on the drop down so it stands out from the rest of the page.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUe0G5V0VjE66JWVJM0AuxHAmZl8Y-ezIN247WCJ9TY0WCvpl43VrejHVvOl1ZwvsnCmk7BHCinErxDClAF2Yq7KcpvYa3SbHe47vjNBOcW4PGmYRd2xr2fEKtgJHk1K0LMW4_OyQYHOYv/s1600/Screen+Shot+2015-01-13+at+16.53.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUe0G5V0VjE66JWVJM0AuxHAmZl8Y-ezIN247WCJ9TY0WCvpl43VrejHVvOl1ZwvsnCmk7BHCinErxDClAF2Yq7KcpvYa3SbHe47vjNBOcW4PGmYRd2xr2fEKtgJHk1K0LMW4_OyQYHOYv/s1600/Screen+Shot+2015-01-13+at+16.53.18.png" height="156" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgyZGbwW3XZcAQJ6_hzwQpnUq6Kw0KNr5aCUddrmpFc5qh1xltyDDTMa_fvzEjAY3vv6pSP3SON7aHkqQwFcGHMXqtf-OeEecVEGWJBm5JoXZiWSQMiNaSGKaQZRvIvZnpurfCF4B1fmCO/s1600/Screen+Shot+2015-01-13+at+16.56.02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgyZGbwW3XZcAQJ6_hzwQpnUq6Kw0KNr5aCUddrmpFc5qh1xltyDDTMa_fvzEjAY3vv6pSP3SON7aHkqQwFcGHMXqtf-OeEecVEGWJBm5JoXZiWSQMiNaSGKaQZRvIvZnpurfCF4B1fmCO/s1600/Screen+Shot+2015-01-13+at+16.56.02.png" height="48" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The section menu will be for searching genres and will drop down when hovered over.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGkprZC3sNX5whk-DjWVnKx44ukGgcZSYosanH3_n6vjKhSoMq5t2rJDhEQEsHvYcZysR8j9fjLAtGbi_jCbIYuARZXuKdHDtzZXYvzMOrOK6DmHm_S1FsoySHkYDUjNS0fh1sVzoZvjJW/s1600/Screen+Shot+2015-01-13+at+17.17.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGkprZC3sNX5whk-DjWVnKx44ukGgcZSYosanH3_n6vjKhSoMq5t2rJDhEQEsHvYcZysR8j9fjLAtGbi_jCbIYuARZXuKdHDtzZXYvzMOrOK6DmHm_S1FsoySHkYDUjNS0fh1sVzoZvjJW/s1600/Screen+Shot+2015-01-13+at+17.17.09.png" height="320" width="158" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN849Dt43xX4Zw5sLA9QIJVLmgq_ELOaolugodoCTy-jTzcp8MGzrcugbH_gXWB7hbDjwsIvGYFbY0mMpXMBW6oVNoeetyNCZnAkIu8uNsWdb_80ykMcbMRkVgbEp7Liz4GyoB36pyAM4Y/s1600/Screen+Shot+2015-01-13+at+17.18.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN849Dt43xX4Zw5sLA9QIJVLmgq_ELOaolugodoCTy-jTzcp8MGzrcugbH_gXWB7hbDjwsIvGYFbY0mMpXMBW6oVNoeetyNCZnAkIu8uNsWdb_80ykMcbMRkVgbEp7Liz4GyoB36pyAM4Y/s1600/Screen+Shot+2015-01-13+at+17.18.08.png" height="400" width="640" /></a></div>
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">As both options are for searching I have used the same colours for similarity and aligned them side by side in close proximity to suggest they are related as a group.</span><br />
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Buttons:</span><br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmMhXo6DkSobMcrUC0CpJu86B4pPHTJleCRDzGH-W7bbumw-32S7yRzp_YmLL6Vcju97bFo-Zb-tXYWuwU_9bw0yd4KaMmLyiEoEJQBMVqj2SD6YWKsrAF0Or9nu7nHJg7oBQbL386LHv5/s1600/Screen+Shot+2015-01-13+at+17.18.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmMhXo6DkSobMcrUC0CpJu86B4pPHTJleCRDzGH-W7bbumw-32S7yRzp_YmLL6Vcju97bFo-Zb-tXYWuwU_9bw0yd4KaMmLyiEoEJQBMVqj2SD6YWKsrAF0Or9nu7nHJg7oBQbL386LHv5/s1600/Screen+Shot+2015-01-13+at+17.18.41.png" height="97" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The buttons on the page will have a flat darker shade of blue for a 3d style to communicate to the user its affordances of clicking.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_gnwPx1Puh7fRE1uQ6TZjNi3mDzCLyKsPgQNYf0THH7uTeiqL9n-ZbI7jhLcSPZxrVzWz19Xhj4qSOpR8dSDquM2PGFLNXu7ERFFh1ipelBnoM3mNuQ2KGg6fI1uDPKUJ-1d1Yby9hx5c/s1600/Screen+Shot+2015-01-13+at+17.19.45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_gnwPx1Puh7fRE1uQ6TZjNi3mDzCLyKsPgQNYf0THH7uTeiqL9n-ZbI7jhLcSPZxrVzWz19Xhj4qSOpR8dSDquM2PGFLNXu7ERFFh1ipelBnoM3mNuQ2KGg6fI1uDPKUJ-1d1Yby9hx5c/s1600/Screen+Shot+2015-01-13+at+17.19.45.png" height="99" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPb8icQkirYDcm6VelBF5PgYAbxaS4VrAk0U0CRCH9FCJaq5jQ9ZV-TCdsNgYTsCGdV7yDvC5cSCYttXBnZ4hPr7N43ZANJ_cCd7mXf8wKTRcqjbwilJGhHoupw_qVcQZ8iszVFSoZJwTE/s1600/Screen+Shot+2015-01-13+at+17.19.57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPb8icQkirYDcm6VelBF5PgYAbxaS4VrAk0U0CRCH9FCJaq5jQ9ZV-TCdsNgYTsCGdV7yDvC5cSCYttXBnZ4hPr7N43ZANJ_cCd7mXf8wKTRcqjbwilJGhHoupw_qVcQZ8iszVFSoZJwTE/s1600/Screen+Shot+2015-01-13+at+17.19.57.png" height="120" width="320" /></a></div>
<br />
The shopping basket button has a further affordance with the shopping basket symbol to machete link between the real world object. The red speech bubble uses continuity by leading the eye to show how many items are in the basket.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNk04PSu5pmqaP353nfUW-gQhAxfLLM5uSmWPbR3jfQDuAV95JPFekpBdywJFXvpOaSxyec9gpp6kO1H9bivARAQjjjwdx_dp_ZBVmycO7FhHzy62qhYOP7B46pZIScqgHITvrrDsG3kWY/s1600/Screen+Shot+2015-01-13+at+17.20.15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNk04PSu5pmqaP353nfUW-gQhAxfLLM5uSmWPbR3jfQDuAV95JPFekpBdywJFXvpOaSxyec9gpp6kO1H9bivARAQjjjwdx_dp_ZBVmycO7FhHzy62qhYOP7B46pZIScqgHITvrrDsG3kWY/s1600/Screen+Shot+2015-01-13+at+17.20.15.png" height="89" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">These will be the three buttons on the top right hand side of the page.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DiplLc_ZIZFqjHK41DBTtCBz8Ka5OsSHUYdUAASYox_qWSpvmuJKyQIXNFxvfaEY7lJ__ipOCjNtjb4FQPOv7uFGiReID4l1l7ibNEFabT79theQZFv4mvOeKpR2izCXtrCOYWW7hTZr/s1600/Screen+Shot+2015-01-13+at+17.20.25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DiplLc_ZIZFqjHK41DBTtCBz8Ka5OsSHUYdUAASYox_qWSpvmuJKyQIXNFxvfaEY7lJ__ipOCjNtjb4FQPOv7uFGiReID4l1l7ibNEFabT79theQZFv4mvOeKpR2izCXtrCOYWW7hTZr/s1600/Screen+Shot+2015-01-13+at+17.20.25.png" height="400" width="640" /></a></div>
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The basket button will have a drop down menu that automatically drop down when rolled over with the mouse. It will show whats in the basket and give the option to remove them or go to check out. The record details have been grouped with the image and the price uses continuation to lead the eye to the X if it needs removing.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjku4N_sOC6_P7G7Ewj_JsxFHLgGrtLpuDWcmd52a2dTnwvn5xOh9vIchcYkCtBMMuATfOpYBDfSvCToCqXF9Tj9vlcFk1dewWDYkdZx9SWygk1_CbJfwlc4TKYj7JbJKTYjNUN6ZZGKgUt/s1600/Screen+Shot+2015-01-13+at+19.43.42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjku4N_sOC6_P7G7Ewj_JsxFHLgGrtLpuDWcmd52a2dTnwvn5xOh9vIchcYkCtBMMuATfOpYBDfSvCToCqXF9Tj9vlcFk1dewWDYkdZx9SWygk1_CbJfwlc4TKYj7JbJKTYjNUN6ZZGKgUt/s1600/Screen+Shot+2015-01-13+at+19.43.42.png" height="320" width="174" /></a></div>
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Below is all the drop-downs, search bars and buttons.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGCpwvJVuOtgYnxKNQvJs5j5TEfpu6TZyMtpkv76IEn9Cuk3warM9yL65Yx8nzQECKPaQ_lFU7tVl6zGEM8XkoRwKmPK1qv3Frh7-IVNi4YLhz48yQISYTNvpi8Qxo6812_pmPXk096Nxl/s1600/Screen+Shot+2015-01-13+at+19.44.02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGCpwvJVuOtgYnxKNQvJs5j5TEfpu6TZyMtpkv76IEn9Cuk3warM9yL65Yx8nzQECKPaQ_lFU7tVl6zGEM8XkoRwKmPK1qv3Frh7-IVNi4YLhz48yQISYTNvpi8Qxo6812_pmPXk096Nxl/s1600/Screen+Shot+2015-01-13+at+19.44.02.png" height="640" width="618" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhks-SYl3kZ6sn5ov9nWyA7-4v2lq30Us6hUTcAfsAWHk9JfUdMTRi-cZO7hXFGQeq97yl7Nj4wJHP05fJ7lcEBhM3se-HwuZcO1L3oaav_rRCLWNExe5g8Nk785mT_B9sB4txMzdFqh8WD/s1600/Screen+Shot+2015-01-13+at+17.20.56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhks-SYl3kZ6sn5ov9nWyA7-4v2lq30Us6hUTcAfsAWHk9JfUdMTRi-cZO7hXFGQeq97yl7Nj4wJHP05fJ7lcEBhM3se-HwuZcO1L3oaav_rRCLWNExe5g8Nk785mT_B9sB4txMzdFqh8WD/s1600/Screen+Shot+2015-01-13+at+17.20.56.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have made the page heading much larger than other text to aid the hierarchy. The record sleeves would be the focal point and first point of interest, then the title will follow in sequence leading the eye across the top of the following the 'Z' pattern layout.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Footer:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU0NKTpNZ0cYXfe9kcSJ3nr4pvLH3muD7gaYIQ-cSKSjj2IDLDDZtkDCoW61Ca_LtiLZK_r5I_S9XUiTfUniM5PZL_lbowd-iKkQFnRFh1pRmoYOTsI926xdKiS09vrhdcgpWG5QQKiFrK/s1600/Screen+Shot+2015-01-13+at+18.43.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU0NKTpNZ0cYXfe9kcSJ3nr4pvLH3muD7gaYIQ-cSKSjj2IDLDDZtkDCoW61Ca_LtiLZK_r5I_S9XUiTfUniM5PZL_lbowd-iKkQFnRFh1pRmoYOTsI926xdKiS09vrhdcgpWG5QQKiFrK/s1600/Screen+Shot+2015-01-13+at+18.43.14.png" height="226" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimLlcQqFVh892lk1OtC5JNkmiAF7tgG07l5s_bKDMoIadiP_9Uo99vWg6SC03JicRBSsjEzCo6p_exV4TDgTMj2vEgsmFlmqijHCgpHSRT4WEUYTCKrq5HzglIaht1DVVhHXhDgjdQrV1P/s1600/Screen+Shot+2015-01-13+at+18.43.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimLlcQqFVh892lk1OtC5JNkmiAF7tgG07l5s_bKDMoIadiP_9Uo99vWg6SC03JicRBSsjEzCo6p_exV4TDgTMj2vEgsmFlmqijHCgpHSRT4WEUYTCKrq5HzglIaht1DVVhHXhDgjdQrV1P/s1600/Screen+Shot+2015-01-13+at+18.43.18.png" height="172" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">There is a lot of square shapes on the page so I have decided to use circle social media icons for contrast.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0VAIIOAL3sGJFMnL68ws0Ktmjt_2G5IKgkxBWn7qtRFlIiBUwA8Lnsf2WCVvvziSY9Vy-QM-rrcMXIfJKMi5mI4jQPLLxoQgaFV-hZ2zsZo2TAzBVc9gDxBY_Ah3knYJT8TUaNZv-_LQH/s1600/Screen+Shot+2015-01-13+at+18.43.27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0VAIIOAL3sGJFMnL68ws0Ktmjt_2G5IKgkxBWn7qtRFlIiBUwA8Lnsf2WCVvvziSY9Vy-QM-rrcMXIfJKMi5mI4jQPLLxoQgaFV-hZ2zsZo2TAzBVc9gDxBY_Ah3knYJT8TUaNZv-_LQH/s1600/Screen+Shot+2015-01-13+at+18.43.27.png" height="74" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgXdYRT2_auzjwys1OjBgc4Y_OgtcQs2d9uW1ybxQx8qCw3AKaZtaegrr1aAuLCRyLfNcW-oWOIGlXz1CFMRJ2HtQ4aYuCujpehfUhiU4tEleWG_oyj_Cyi9my_Jyste9ai0IY9imD8_j/s1600/Screen+Shot+2015-01-13+at+18.44.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgXdYRT2_auzjwys1OjBgc4Y_OgtcQs2d9uW1ybxQx8qCw3AKaZtaegrr1aAuLCRyLfNcW-oWOIGlXz1CFMRJ2HtQ4aYuCujpehfUhiU4tEleWG_oyj_Cyi9my_Jyste9ai0IY9imD8_j/s1600/Screen+Shot+2015-01-13+at+18.44.09.png" height="180" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The layout of the footer has been done the follow the 'Z' shape pattern. The diagonal leads the eye to the bottom left hand corner where the call to action is, then from left to right across the information. I have also done this because of continuity. The increase in width from left to right between the elements creates nice movement.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZ4M6kOXUqZLW8fCRiXMUyR8fVCxjCOmKtEm5n7y8iS2vEAgmgI0TpizBrSKDU22GqOYFrVPZsa5b3gG6q_41dijU8Ja_PgAdaQgLEqpuuqDJ-5Ypuuozvy04xE5EyXRe760349xAdCFs/s1600/Screen+Shot+2015-01-13+at+18.44.32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZ4M6kOXUqZLW8fCRiXMUyR8fVCxjCOmKtEm5n7y8iS2vEAgmgI0TpizBrSKDU22GqOYFrVPZsa5b3gG6q_41dijU8Ja_PgAdaQgLEqpuuqDJ-5Ypuuozvy04xE5EyXRe760349xAdCFs/s1600/Screen+Shot+2015-01-13+at+18.44.32.png" height="398" width="640" /></a></div>
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">To finish the footer I have added a line with a gradient and rounded variable width to create texture.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Roll-over:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlvnuuZN4CZYqL6l1QVkg5xOIZG6SJKqe7gvqz5SaZ056zxL4cGa_VH4NX_bf8cGnndMpoxli5tAJOQazYexE0DtMGurJSFJM56v54Tg33L2-Fm9lU0OhTanXFfJM9ZmO9r4K93ucoy-O/s1600/Screen+Shot+2015-01-13+at+19.08.11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlvnuuZN4CZYqL6l1QVkg5xOIZG6SJKqe7gvqz5SaZ056zxL4cGa_VH4NX_bf8cGnndMpoxli5tAJOQazYexE0DtMGurJSFJM56v54Tg33L2-Fm9lU0OhTanXFfJM9ZmO9r4K93ucoy-O/s1600/Screen+Shot+2015-01-13+at+19.08.11.png" height="320" width="315" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The record artwork will reveal the info and have a hyper link that will lead the user the the linking page.</span><br />
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Final Design for Homepage:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPsNskTh7XMwWyCFwGq7xMYXs_G2ZhkaPpwLvpp5HULdNdG_ZpN7R_GkEt7c6CyktDagvb4JALbDgrbEKw68bLN-57a3b_jVhRJk6HURFtdqqnL9xFfBMSejkemOXwCjllmhD4xCz0UK-U/s1600/Screen+Shot+2015-01-13+at+19.12.58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPsNskTh7XMwWyCFwGq7xMYXs_G2ZhkaPpwLvpp5HULdNdG_ZpN7R_GkEt7c6CyktDagvb4JALbDgrbEKw68bLN-57a3b_jVhRJk6HURFtdqqnL9xFfBMSejkemOXwCjllmhD4xCz0UK-U/s1600/Screen+Shot+2015-01-13+at+19.12.58.png" height="640" width="558" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguUSJ08tVKNrVntfGa4LY2G0cRrLwtUQZyyf3DsvV8vAMUe3TfEu99Ck9d9Lcrj6FYoI96qK0PaFDcXqPIWxW0ywvExSGFG_IYgqO0eJ6dOQbOp3MBbRbdg8-9M0LWXhmMeiczCpzKMVxd/s1600/Screen+Shot+2015-01-13+at+22.20.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguUSJ08tVKNrVntfGa4LY2G0cRrLwtUQZyyf3DsvV8vAMUe3TfEu99Ck9d9Lcrj6FYoI96qK0PaFDcXqPIWxW0ywvExSGFG_IYgqO0eJ6dOQbOp3MBbRbdg8-9M0LWXhmMeiczCpzKMVxd/s1600/Screen+Shot+2015-01-13+at+22.20.59.png" height="398" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">After analysing the design I have adjusted the colours of the buttons as they need to look different as they have different purposes.</span><br />
<br />
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Linking page:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The next page will be the linking page when a record image is clicked on the homepage. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBBo2eG2uksCJ-d_-0YD0CV7WKp_PEq9O4v3jrAAp1SzXNfRnVZL0aJBwzXi9qqe6hCz_DKSJvghXvZMVDCW6wyxb2NGzq92LRoBjumL04WMO0ECtrhwfhJaVw-wzyQJr2e4BQHE8SAygE/s1600/Screen+Shot+2015-01-13+at+23.08.47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBBo2eG2uksCJ-d_-0YD0CV7WKp_PEq9O4v3jrAAp1SzXNfRnVZL0aJBwzXi9qqe6hCz_DKSJvghXvZMVDCW6wyxb2NGzq92LRoBjumL04WMO0ECtrhwfhJaVw-wzyQJr2e4BQHE8SAygE/s1600/Screen+Shot+2015-01-13+at+23.08.47.png" height="320" width="264" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">This is where there will be the option to add the product to the basket or the wish list so the buttons have been given plenty of space to make them stand out but still belong to part of the group.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJX5sGBxzAHAIGaf1386XPid1pLwcMW5XTfI7qqBDH7MuOQnAtY7XCU8TSVNnSjcoXF2ytGHikoNaOn9VX1Hd9Uk_xTiDK0Y98T2F-GFuHBnilpcy3mTS1_D7f4CNMSgC5X_Zg_UPzpm27/s1600/Screen+Shot+2015-01-13+at+23.14.12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJX5sGBxzAHAIGaf1386XPid1pLwcMW5XTfI7qqBDH7MuOQnAtY7XCU8TSVNnSjcoXF2ytGHikoNaOn9VX1Hd9Uk_xTiDK0Y98T2F-GFuHBnilpcy3mTS1_D7f4CNMSgC5X_Zg_UPzpm27/s1600/Screen+Shot+2015-01-13+at+23.14.12.png" height="398" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">For the Body copy I have used the lightest weight font and a heavier font for the track list. This adds to the hierarchy and creates contrast between the text. </span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoEhQe_cr2Y245sAoEDPXmrCqIekTwEwI1rQk-WgHokFI0Jft2-6X_jC5Ker6cQojnVoqx0743mPRqjtopUCXongPntnSTi7jGdnFqdeTKWcM6eTxSq3XWmzw2AI-74UNmlXp1uftP8T9/s1600/Screen+Shot+2015-01-13+at+23.23.44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoEhQe_cr2Y245sAoEDPXmrCqIekTwEwI1rQk-WgHokFI0Jft2-6X_jC5Ker6cQojnVoqx0743mPRqjtopUCXongPntnSTi7jGdnFqdeTKWcM6eTxSq3XWmzw2AI-74UNmlXp1uftP8T9/s1600/Screen+Shot+2015-01-13+at+23.23.44.png" height="398" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">For the similar artists section I have used a bounding box. I think it needs this to balance out the layout as the left id visually heavier. I have changed the colour to black as the grey didn't fill the space.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">Final Design for Linking Page:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJSR1QNJompeL7zA6o7T8DxoU4V-VSqIBHiTBsEIWUVPt_tXPQfbU7GoNSOiAvrtCi0exOpiGqtFllArfG-q-qvNwJGoWEEZPGyuxaNLpD2DzkDRNqec4-HdtzvYdJGjJPIU1RkSRHiJYs/s1600/Screen+Shot+2015-01-14+at+00.40.19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJSR1QNJompeL7zA6o7T8DxoU4V-VSqIBHiTBsEIWUVPt_tXPQfbU7GoNSOiAvrtCi0exOpiGqtFllArfG-q-qvNwJGoWEEZPGyuxaNLpD2DzkDRNqec4-HdtzvYdJGjJPIU1RkSRHiJYs/s1600/Screen+Shot+2015-01-14+at+00.40.19.png" height="580" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have positioned the call to actions on the diagonal of the Z pattern so it clear to the user what the interaction is. </span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">About Page:</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGbtaaSkNCMe1XWWbUjRsvBhc2SA_itE5sX0ffjRkgn9Ucu9ICaviC1qPGXXGzLdoozYk0hl4Wbx9OX9UVEQPtV2GHf2flE90M69-jwWOgAlG_m4df0c0SVrxmryIDOUq2Htk2yHnUXeh/s1600/Screen+Shot+2015-01-14+at+12.32.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGbtaaSkNCMe1XWWbUjRsvBhc2SA_itE5sX0ffjRkgn9Ucu9ICaviC1qPGXXGzLdoozYk0hl4Wbx9OX9UVEQPtV2GHf2flE90M69-jwWOgAlG_m4df0c0SVrxmryIDOUq2Htk2yHnUXeh/s1600/Screen+Shot+2015-01-14+at+12.32.34.png" height="199" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The about page is rather text heavy so I have used different weights of font to add to the hierarchy and help separate the info so its easier to digest.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcokBUlOD8asrWnogMWBLp6JLzi0KgFzVRkdkPgffHkF9e2i_TGu1fNbTOzg-b2ySTXJv_0fSxniRyTVXNWoSzaetXlAZd1eglf9HSkAS3ax_zSaFCGPp21KsO2QvL-KwB-lPAuDWGy6wk/s1600/Screen+Shot+2015-01-14+at+13.51.46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcokBUlOD8asrWnogMWBLp6JLzi0KgFzVRkdkPgffHkF9e2i_TGu1fNbTOzg-b2ySTXJv_0fSxniRyTVXNWoSzaetXlAZd1eglf9HSkAS3ax_zSaFCGPp21KsO2QvL-KwB-lPAuDWGy6wk/s1600/Screen+Shot+2015-01-14+at+13.51.46.png" height="398" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Where the image is I am going to create a carousel slideshow as I think this is best solution as they will only be a limited selection of images.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOSzYn_-SoQuqCjqWjUcFARA7FDzywctoSv68oyGkBr4ms62_K76NeIA2NP6WrM6SowNHgALLrpSKb-7dylHmnnbCrh3Yha9iExBNr8y-I9dwg7DxvyC2YuUG6phtUgVrE8b94-RUzTqo/s1600/Screen+Shot+2015-01-14+at+13.54.31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOSzYn_-SoQuqCjqWjUcFARA7FDzywctoSv68oyGkBr4ms62_K76NeIA2NP6WrM6SowNHgALLrpSKb-7dylHmnnbCrh3Yha9iExBNr8y-I9dwg7DxvyC2YuUG6phtUgVrE8b94-RUzTqo/s1600/Screen+Shot+2015-01-14+at+13.54.31.png" height="199" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I am creating a vinyl inspired navigation for the carousel to show the user what image is being viewed. Proximity will be the main principle used here.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkoVt5vektbCw-wQTMqNNMgGHyPiTKkvyxjd9OWoEwr6B4ZH8X6BIGj31m1tlZ8rXkgRKryGGCSQq_L4EwBA-YSnfBZElvHqr0UL9jTN-X56-Hyod0Q71nR8hUzL8cKi6iYaOytJxFypal/s1600/Screen+Shot+2015-01-14+at+13.57.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkoVt5vektbCw-wQTMqNNMgGHyPiTKkvyxjd9OWoEwr6B4ZH8X6BIGj31m1tlZ8rXkgRKryGGCSQq_L4EwBA-YSnfBZElvHqr0UL9jTN-X56-Hyod0Q71nR8hUzL8cKi6iYaOytJxFypal/s1600/Screen+Shot+2015-01-14+at+13.57.37.png" height="199" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The empty section looked confusing being lined circles so I have implemented similarity and keep them the same but used colour to penetrate the user perception as it tends to over ride shape and size.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDMEdF31zBOU0hgSqaR92ipSa9BqJfpwcxtpSvmD1_mPKQd4kc4NidKhDkzUE805Yo1z5tGzAb1NU6I4tMwAYYJ8rIzlBcPTYBK3JJsOVivcUgdZzYM300VhdVHBLdd0oKdvYOUmNT-dMP/s1600/Screen+Shot+2015-01-14+at+14.32.52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDMEdF31zBOU0hgSqaR92ipSa9BqJfpwcxtpSvmD1_mPKQd4kc4NidKhDkzUE805Yo1z5tGzAb1NU6I4tMwAYYJ8rIzlBcPTYBK3JJsOVivcUgdZzYM300VhdVHBLdd0oKdvYOUmNT-dMP/s1600/Screen+Shot+2015-01-14+at+14.32.52.png" height="99" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIRYqN2Op5-LHeQqRHwvtIcBRJ5UQbISG3-cXe0H-I1rFQDP5g2nvJN7CQsS3967G1-UIK1wCUXq6PRhOwU4gr5XlldBsqJF5iwyl314yW24JIdGC9FjWhv_AE8VBdMTRWI2Zci2uPat8R/s1600/Screen+Shot+2015-01-14+at+14.01.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIRYqN2Op5-LHeQqRHwvtIcBRJ5UQbISG3-cXe0H-I1rFQDP5g2nvJN7CQsS3967G1-UIK1wCUXq6PRhOwU4gr5XlldBsqJF5iwyl314yW24JIdGC9FjWhv_AE8VBdMTRWI2Zci2uPat8R/s1600/Screen+Shot+2015-01-14+at+14.01.09.png" height="199" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjRl5IEZZK__d_s-OjyT2oXV5cqisYPj547-UOekWqz-Sui-QH8wrAMmIkrOZttg2QSHFBivCpuD_vwaNWgWgXd_Vs7HIIBrB2clvrbQnw9Y39kcFWquaNbl2hrpqfYpK4iUA4cPbza2l/s1600/Screen+Shot+2015-01-14+at+14.03.46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjRl5IEZZK__d_s-OjyT2oXV5cqisYPj547-UOekWqz-Sui-QH8wrAMmIkrOZttg2QSHFBivCpuD_vwaNWgWgXd_Vs7HIIBrB2clvrbQnw9Y39kcFWquaNbl2hrpqfYpK4iUA4cPbza2l/s1600/Screen+Shot+2015-01-14+at+14.03.46.png" height="199" width="320" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I wanted to make the edges of the image look as if they are framed and slightly indented into the page to suggest the image is a slideshow. I have done this by adding an inner glow to the image.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg71BoQIFS6sdvKzl3xekYeiwPUjSYjc_5s_VSjI3vCn0j33J31k6_lHTxNxYr3E05-LkRNDb_T276KOZayZddiKMSTXLMteEJPxZ29byLjuPOzvv3a3Tvf9K60zLSS5EBQ0v-FyvMhd-q4/s1600/Screen+Shot+2015-01-14+at+14.03.58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg71BoQIFS6sdvKzl3xekYeiwPUjSYjc_5s_VSjI3vCn0j33J31k6_lHTxNxYr3E05-LkRNDb_T276KOZayZddiKMSTXLMteEJPxZ29byLjuPOzvv3a3Tvf9K60zLSS5EBQ0v-FyvMhd-q4/s1600/Screen+Shot+2015-01-14+at+14.03.58.png" height="199" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6kM197tvlh2IdPywciCyFnnFlfCRPw5TzEUMFSm_UcD0gjOTrUeygVNEhRa0JrhfFlMJZHy_QczNbF6PPXoYu6TW-4D23m7AWpxhPAa9RnHjpH3T4FWM3tkMRKRRYIhVi1MJS1DfDItY5/s1600/Screen+Shot+2015-01-14+at+14.07.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6kM197tvlh2IdPywciCyFnnFlfCRPw5TzEUMFSm_UcD0gjOTrUeygVNEhRa0JrhfFlMJZHy_QczNbF6PPXoYu6TW-4D23m7AWpxhPAa9RnHjpH3T4FWM3tkMRKRRYIhVi1MJS1DfDItY5/s1600/Screen+Shot+2015-01-14+at+14.07.00.png" height="199" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">To finish the slideshow I have created some buttons that use the same characteristics as the pagination.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJuxJNhLb4P-ypNIvCUy6pzq3GVoyVyOTq4X4TA2TVmRg-uOqxLnJ61Cu5fqLahWlXpZkYRAlO_E2Hyofb1Xq35qRcJUveskfzkNWlv1ccxRqbZVpAvt367Y8mS7DQaLcoHD9TqDJW27ST/s1600/Screen+Shot+2015-01-14+at+14.32.58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJuxJNhLb4P-ypNIvCUy6pzq3GVoyVyOTq4X4TA2TVmRg-uOqxLnJ61Cu5fqLahWlXpZkYRAlO_E2Hyofb1Xq35qRcJUveskfzkNWlv1ccxRqbZVpAvt367Y8mS7DQaLcoHD9TqDJW27ST/s1600/Screen+Shot+2015-01-14+at+14.32.58.png" height="408" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcSCI4F0BWjiq5JUN90cylTSbJlXdepP-NAEDg9hTssGOLTiabuXe9DWDCrsINn6VQgK7LL1StB0fa1dJCum2Q7AISvDgdAtPSQ6XqSlXY09v63KwK58hFuQsKyvImxm0t3qtCaSXUYerK/s1600/Screen+Shot+2015-01-14+at+14.17.33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcSCI4F0BWjiq5JUN90cylTSbJlXdepP-NAEDg9hTssGOLTiabuXe9DWDCrsINn6VQgK7LL1StB0fa1dJCum2Q7AISvDgdAtPSQ6XqSlXY09v63KwK58hFuQsKyvImxm0t3qtCaSXUYerK/s1600/Screen+Shot+2015-01-14+at+14.17.33.png" height="199" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I wanted to further enhance the hierarchy within the text so I have made the sub-heading bigger to work better with the main heading and create a better eye movement and direction by leading the eye from the heading down. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc492SLOCdcs7HrDPetpV2xsKBGEjHv8jY8NAoyCcjZ-jhJOePJxl8w9_sRyBtKsws9yc2g5aQPzQdP2ihT0Gsv3NpQ2qowRF1R6FPpbWLMQ08xenPJLyK-xeacxmx7lBV8pk445XkgFz8/s1600/Screen+Shot+2015-01-14+at+14.18.01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc492SLOCdcs7HrDPetpV2xsKBGEjHv8jY8NAoyCcjZ-jhJOePJxl8w9_sRyBtKsws9yc2g5aQPzQdP2ihT0Gsv3NpQ2qowRF1R6FPpbWLMQ08xenPJLyK-xeacxmx7lBV8pk445XkgFz8/s1600/Screen+Shot+2015-01-14+at+14.18.01.png" height="199" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8KlBIeGGCuaBNEOO6Zcn-ZD0mMHSnM0fnAxL3gGnDRPNiYVG8ZOV12bhkWqiOM368UtIbCe9StQ1piVVpX9dB913MdabqO38WDm7gqv0TDY55q-vaHLBG1zDBPHmmQXKyRcZzbFvzfDpm/s1600/Screen+Shot+2015-01-14+at+14.18.33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8KlBIeGGCuaBNEOO6Zcn-ZD0mMHSnM0fnAxL3gGnDRPNiYVG8ZOV12bhkWqiOM368UtIbCe9StQ1piVVpX9dB913MdabqO38WDm7gqv0TDY55q-vaHLBG1zDBPHmmQXKyRcZzbFvzfDpm/s1600/Screen+Shot+2015-01-14+at+14.18.33.png" height="398" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">Final Design for About Page:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsD36z5R7kblI_oOfaIzcgnyc6zIdonyTbC4EVnaEW9MSoXA-2aCCVp_KkXH6NCjcOqrLD2wCBkq72x_O7D0V0eWz0mmtFTqzITVr2rB1Tab4Hjnq5pCvyR-fEgFyPGEgmcYQ6mywRP9T/s1600/Screen+Shot+2015-01-14+at+14.30.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsD36z5R7kblI_oOfaIzcgnyc6zIdonyTbC4EVnaEW9MSoXA-2aCCVp_KkXH6NCjcOqrLD2wCBkq72x_O7D0V0eWz0mmtFTqzITVr2rB1Tab4Hjnq5pCvyR-fEgFyPGEgmcYQ6mywRP9T/s1600/Screen+Shot+2015-01-14+at+14.30.08.png" height="528" width="640" /></a></div>
<br />
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">New Releases Page:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKD3YxX4bn0XbenKyY6OHHrKh6mLeTgoCPrlldCEy99sYVD1rxEwh0CW9PeWqdOdicBC_jHA2SIplYLEwU2IPi7CoqBwxzkbFWZ2xO63ejH0eVhBYxJOvY7HXbn2tQj0x_DKMh8sL-qy2r/s1600/Screen+Shot+2015-01-14+at+14.27.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKD3YxX4bn0XbenKyY6OHHrKh6mLeTgoCPrlldCEy99sYVD1rxEwh0CW9PeWqdOdicBC_jHA2SIplYLEwU2IPi7CoqBwxzkbFWZ2xO63ejH0eVhBYxJOvY7HXbn2tQj0x_DKMh8sL-qy2r/s1600/Screen+Shot+2015-01-14+at+14.27.18.png" height="398" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The new releases page uses the same layout as the home page. The only difference is if the amount of new releases doesn't fill the tiles it will be left blank with the black boxes. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">Final Design for New Releases Page:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5yk4mjKMD4C4_UR7yEwYnDTd4lkiVnDBW2EhlPh3e-dXjBGccoq_BjkH0HhCxwWKxtILWIv_WaDH2bwBBZFqGa2y5Pb-LIG4weO15FUVZFZl1FWfb2kPKb566QacKGICZMkjMbrwp6MM/s1600/Screen+Shot+2015-01-14+at+14.29.48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5yk4mjKMD4C4_UR7yEwYnDTd4lkiVnDBW2EhlPh3e-dXjBGccoq_BjkH0HhCxwWKxtILWIv_WaDH2bwBBZFqGa2y5Pb-LIG4weO15FUVZFZl1FWfb2kPKb566QacKGICZMkjMbrwp6MM/s1600/Screen+Shot+2015-01-14+at+14.29.48.png" height="640" width="568" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Artists Page:</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wlV8auLSzMsh_dHqhQPiZ9oDq99D6pbWKs_7-mRsH0qhJQG2eJU4DicTJU-ZHwzOWq5MAStBIs9lyfyP-kWOKxUsEV88YMz9VNuQG4Ir4rPlFVlaWlANAZOllXuE14hIDbUQg6Pbqw8i/s1600/Screen+Shot+2015-01-14+at+14.51.12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wlV8auLSzMsh_dHqhQPiZ9oDq99D6pbWKs_7-mRsH0qhJQG2eJU4DicTJU-ZHwzOWq5MAStBIs9lyfyP-kWOKxUsEV88YMz9VNuQG4Ir4rPlFVlaWlANAZOllXuE14hIDbUQg6Pbqw8i/s1600/Screen+Shot+2015-01-14+at+14.51.12.png" height="199" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The artists page will be an A-Z list that will link to a page that would be the same as 'about this item' page.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiL460K9oZOXNF__Ucy4FYhxYgBoPH3qg8kQJzcoEGOPdG8hf3EJ02MBJ-QKRHXoqOvSpMN_U5gckQBPI1HTqr4-31UY325OJ6dyC8Yg3vqUODAP2Zii_bMtjcQkFi4OFUb65ybdUQ20MB/s1600/Screen+Shot+2015-01-14+at+14.51.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiL460K9oZOXNF__Ucy4FYhxYgBoPH3qg8kQJzcoEGOPdG8hf3EJ02MBJ-QKRHXoqOvSpMN_U5gckQBPI1HTqr4-31UY325OJ6dyC8Yg3vqUODAP2Zii_bMtjcQkFi4OFUb65ybdUQ20MB/s1600/Screen+Shot+2015-01-14+at+14.51.23.png" height="199" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAPaumLDFfWFL9DBMa9vlJYIdgoc6SVp9kclMXuxfuPopAk_OMHb5MqzwzJTYaHMYAa7r-AgGiPGNcGMMxFh1iJRod975I1IpUrIs-MwhdDwwYLlkDSYADx8rFvroNbvhgxwwl9QaLRNEV/s1600/Screen+Shot+2015-01-14+at+14.52.33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAPaumLDFfWFL9DBMa9vlJYIdgoc6SVp9kclMXuxfuPopAk_OMHb5MqzwzJTYaHMYAa7r-AgGiPGNcGMMxFh1iJRod975I1IpUrIs-MwhdDwwYLlkDSYADx8rFvroNbvhgxwwl9QaLRNEV/s1600/Screen+Shot+2015-01-14+at+14.52.33.png" height="199" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgQegXWQsMiyoVuL34OrRtt2j-6qvn9YHLhfA5gmsBpXXYPhzUpEqSqhkp-0h1Uc4QrvXUJ8Q9BcI35t3msbS3kQkgG5WvU2wdxNUBxEzVa8j_mwqz7eGQoeqmVs9WQUxaSgbuZ04QyhR4/s1600/Screen+Shot+2015-01-14+at+15.02.31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgQegXWQsMiyoVuL34OrRtt2j-6qvn9YHLhfA5gmsBpXXYPhzUpEqSqhkp-0h1Uc4QrvXUJ8Q9BcI35t3msbS3kQkgG5WvU2wdxNUBxEzVa8j_mwqz7eGQoeqmVs9WQUxaSgbuZ04QyhR4/s1600/Screen+Shot+2015-01-14+at+15.02.31.png" height="398" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have underlined the artists names to make it clear that their affordance is for clicking and is a link.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHcNyIUCOf70_rNTG3fCtvPR7_XZ7_Mabx9yybI369DPjtj1vLTwB5jY68RLy2_g8cqgUsq81m7XdvWtt0oYMgGV7GHsx7oZmyX1Kp7RiW65nFqaOg69ZWUsfq4KCOi5jZDxCV6KLec3nX/s1600/Screen+Shot+2015-01-14+at+15.10.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHcNyIUCOf70_rNTG3fCtvPR7_XZ7_Mabx9yybI369DPjtj1vLTwB5jY68RLy2_g8cqgUsq81m7XdvWtt0oYMgGV7GHsx7oZmyX1Kp7RiW65nFqaOg69ZWUsfq4KCOi5jZDxCV6KLec3nX/s1600/Screen+Shot+2015-01-14+at+15.10.23.png" height="199" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I thought about keeping the pagination the same as before but decided to use an a-z style one instead as it makes it clearer and quicker to use. I have used the same shape and colour as the pagination to use similarity to communicate they are both part of the pagination grouping.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheRGu7_73LA4jsAtCWY1nOaKG5cU7s-zAcIsmgJfJEPgqbhKZPwY1rQSFzs0GEDuNy5b5yf-HWGmOdBuBOis-9kYGmpusyZXCVwu-vdKwjV-bodle1A6c1iXZqUhdgih7pvirq2Wk1fo4-/s1600/Screen+Shot+2015-01-14+at+15.10.39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheRGu7_73LA4jsAtCWY1nOaKG5cU7s-zAcIsmgJfJEPgqbhKZPwY1rQSFzs0GEDuNy5b5yf-HWGmOdBuBOis-9kYGmpusyZXCVwu-vdKwjV-bodle1A6c1iXZqUhdgih7pvirq2Wk1fo4-/s1600/Screen+Shot+2015-01-14+at+15.10.39.png" height="320" width="238" /></a></div>
<br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">Final Design for Artists Page:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvg-vS_jQL8NGGGCNrHyg87NeUFEidp5Or3z6fYMlD-wB_kr7MNbeufZ6jxMqY0ZG5ChuqgFMrsNuQlCD7BRmArqeNzyYp2FQrSmdVbCGXXLGlwCMVkqTcvnRndqvghNWc08EDcjX72Is1/s1600/Screen+Shot+2015-01-14+at+15.11.47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvg-vS_jQL8NGGGCNrHyg87NeUFEidp5Or3z6fYMlD-wB_kr7MNbeufZ6jxMqY0ZG5ChuqgFMrsNuQlCD7BRmArqeNzyYp2FQrSmdVbCGXXLGlwCMVkqTcvnRndqvghNWc08EDcjX72Is1/s1600/Screen+Shot+2015-01-14+at+15.11.47.png" height="640" width="616" /></a></div>
<br />
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Contact Page:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjabX226KpVBq8w-OXKWlC3Wu2E_ciSsphB-PmY5JY4LpXKgjvK62ymqGKW9XVUZj7Vdl-wCVyL2YL6eISvVDD5fSHQBKBxGT0Ti297U0KrwZBW1jF3oWJfew-DoiLDGem47-Cq_pviAies/s1600/Screen+Shot+2015-01-14+at+15.27.33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjabX226KpVBq8w-OXKWlC3Wu2E_ciSsphB-PmY5JY4LpXKgjvK62ymqGKW9XVUZj7Vdl-wCVyL2YL6eISvVDD5fSHQBKBxGT0Ti297U0KrwZBW1jF3oWJfew-DoiLDGem47-Cq_pviAies/s1600/Screen+Shot+2015-01-14+at+15.27.33.png" height="199" width="320" /></span></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The contact page will be really simply and have a contact box.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGm_TC5nTYDJccdR-cBqk4Bn0PIRe8iyCeVALe0LksMjxdIVAnLFZu6swMIsnzFWPbLhJWzatcsRMi0kmaArU9frhmjyo9VUr2Lp93tzvBvXCG_TGknreIZ2fWvEJWdrS5WIINVYppOQQN/s1600/Screen+Shot+2015-01-14+at+15.34.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGm_TC5nTYDJccdR-cBqk4Bn0PIRe8iyCeVALe0LksMjxdIVAnLFZu6swMIsnzFWPbLhJWzatcsRMi0kmaArU9frhmjyo9VUr2Lp93tzvBvXCG_TGknreIZ2fWvEJWdrS5WIINVYppOQQN/s1600/Screen+Shot+2015-01-14+at+15.34.41.png" height="199" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFcqkl5vnH4bOtoRJjkvdWFEUUj92bucry0wTQdoVXrO5LIdeRL69ynQPVVDToDi-O0wwWhniDBVbgkm0uDopTK-XpHzilYdd_LZHsPZT6oCExALUKo0hnxZlbbQzuYp9gsFrzMKNR20Vg/s1600/Screen+Shot+2015-01-14+at+15.36.19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFcqkl5vnH4bOtoRJjkvdWFEUUj92bucry0wTQdoVXrO5LIdeRL69ynQPVVDToDi-O0wwWhniDBVbgkm0uDopTK-XpHzilYdd_LZHsPZT6oCExALUKo0hnxZlbbQzuYp9gsFrzMKNR20Vg/s1600/Screen+Shot+2015-01-14+at+15.36.19.png" height="398" width="640" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have used the proximity between the sections to separate the information but still work as a whole.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO3_fwuuD732-JXkYMfPQLgSrQu-8rjkJFCHJ2PpoqguX6EvlCsmj8jQKTcV3iLJiwXBZf-BlnHoO7aRe1XTCG5_hg6D0WgJiaJR794ww3x7BM0ztR9hgV9EK_uwmIb70CsXX8Vb9zoly_/s1600/Screen+Shot+2015-01-14+at+15.38.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO3_fwuuD732-JXkYMfPQLgSrQu-8rjkJFCHJ2PpoqguX6EvlCsmj8jQKTcV3iLJiwXBZf-BlnHoO7aRe1XTCG5_hg6D0WgJiaJR794ww3x7BM0ztR9hgV9EK_uwmIb70CsXX8Vb9zoly_/s1600/Screen+Shot+2015-01-14+at+15.38.23.png" height="199" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIVFF8XzRVNxbh8OzREWgdTsAwVfTaauIlaWcrzGVHE-oJ_HaKZHxnVP9kO0eHlEKrwGJJvhGNwFQnmPnhg4HP0Jix6blzMCRBwsx5xbwivRyP0NX9e-zfOb1rQ6Tu2WgQIuk-sV09Zk_x/s1600/Screen+Shot+2015-01-14+at+15.45.29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIVFF8XzRVNxbh8OzREWgdTsAwVfTaauIlaWcrzGVHE-oJ_HaKZHxnVP9kO0eHlEKrwGJJvhGNwFQnmPnhg4HP0Jix6blzMCRBwsx5xbwivRyP0NX9e-zfOb1rQ6Tu2WgQIuk-sV09Zk_x/s1600/Screen+Shot+2015-01-14+at+15.45.29.png" height="199" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Finally, I have made a call to action that uses the same characteristics as the other interaction points for the submit button.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH0al2AbAbJzR-b2RPUmSJAHAl9UroLxpsHKT6cecEOu_9lRlTuSTuN8c8n8uSUKR1JOJvMEFOvmro9LYU0RvjHAa7blVuXgi11ytxGx7j1KfPO31XZV7-X-7btipfB-qQCtGt5V-TQVkt/s1600/Screen+Shot+2015-01-14+at+15.46.28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH0al2AbAbJzR-b2RPUmSJAHAl9UroLxpsHKT6cecEOu_9lRlTuSTuN8c8n8uSUKR1JOJvMEFOvmro9LYU0RvjHAa7blVuXgi11ytxGx7j1KfPO31XZV7-X-7btipfB-qQCtGt5V-TQVkt/s1600/Screen+Shot+2015-01-14+at+15.46.28.png" height="398" width="640" /></a></div>
<br />
<br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">Final Design for Contact Page:</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWhxnndLl-gqH_vZP-IgSRmRcB5ElK-mEXRAGeyaComDLYSW2Jz05vBrvesjlw2U75-lA06h_HnnoOSY7Zm9-MaB2fumGqNMw_UtF5FysCFr2qjyHNe2aUXKQgwojE9HLF67-NmBIC5pCq/s1600/Screen+Shot+2015-01-14+at+16.29.46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWhxnndLl-gqH_vZP-IgSRmRcB5ElK-mEXRAGeyaComDLYSW2Jz05vBrvesjlw2U75-lA06h_HnnoOSY7Zm9-MaB2fumGqNMw_UtF5FysCFr2qjyHNe2aUXKQgwojE9HLF67-NmBIC5pCq/s1600/Screen+Shot+2015-01-14+at+16.29.46.png" height="594" width="640" /></a></div>
<br />James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-71718831501206646352015-01-10T04:41:00.000-08:002015-01-15T03:59:53.945-08:00Practical Rationale <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">In order for my critical writing to synthesise with the practical piece, I will be implementing the theories of visual perception that have been discussed in my writing into the layout of the website design. For example, the Gestalt principles will be implemented to form relationships between the elements of the page to create a well organised, structured design. I also discussed James Gibson's approach to perception and will be implementing his theory of affordances into my design to communicate digital metaphors of real word objects, to convey a message so the observer will understand how to interact with the design. The layout will implement visual hierarchy to create an order of importance between the elements on the page and guide the users eye in a logical sequence.</span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-18850328757535433332015-01-09T13:18:00.004-08:002015-01-10T09:23:20.964-08:00Website Research <div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Principles Applied to Design</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1kD7ETGWn0LzCNoRXL6ZPVBgf0L-W-kOrS4GjcV29Fpu9ZVc7RHOKZtWFNg3IOhFVytiPOx00Dbv16VbE_CAMtbenDMmrJY-TIJxhYgJCxrvfqyonKDkAvAQxRIe8yMLaiZDw1r08uL-/s1600/gestalt_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1kD7ETGWn0LzCNoRXL6ZPVBgf0L-W-kOrS4GjcV29Fpu9ZVc7RHOKZtWFNg3IOhFVytiPOx00Dbv16VbE_CAMtbenDMmrJY-TIJxhYgJCxrvfqyonKDkAvAQxRIe8yMLaiZDw1r08uL-/s1600/gestalt_6.jpg" height="400" width="300" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">This figure-ground technique is used in the beginning of the design process to work out the structure of the site and to see of it looks visually balanced. I could use this technique when creating scamps to work out proportions and so i can utilise space.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW0wf_fTpZ4G7kKSsNeRSPTaJbRgvvpcbqfKvBN81-QusUOBOK5rv8oEud2yb_H2VdQptSt5Jt9l2Whh5mP2K4z61bafoM2Wx1316PhD-sfv2iN-o6yaXH1D4rhK4aymnLORdAUGzrdPuA/s1600/gestalt_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW0wf_fTpZ4G7kKSsNeRSPTaJbRgvvpcbqfKvBN81-QusUOBOK5rv8oEud2yb_H2VdQptSt5Jt9l2Whh5mP2K4z61bafoM2Wx1316PhD-sfv2iN-o6yaXH1D4rhK4aymnLORdAUGzrdPuA/s1600/gestalt_7.jpg" height="400" width="300" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxWuZd7Dgu6X6dZjdmNJFUHuw5pnXDCFlrQzhXjp6-o0LwX0tGgsgJKHBoeiQCcl6DeOmqES11cPKG9wHPg_6A4OyFDUGQlNRChZJjnJXBPgqLDNGbdZTJPZxHNV8pvzRAhb7lResDDZi5/s1600/Screen+Shot+2015-01-09+at+12.47.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxWuZd7Dgu6X6dZjdmNJFUHuw5pnXDCFlrQzhXjp6-o0LwX0tGgsgJKHBoeiQCcl6DeOmqES11cPKG9wHPg_6A4OyFDUGQlNRChZJjnJXBPgqLDNGbdZTJPZxHNV8pvzRAhb7lResDDZi5/s1600/Screen+Shot+2015-01-09+at+12.47.37.png" height="320" width="271" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Proximity will be an important principle to consider when designing as it can used to form groups of relating information. If this is used in correct it can confuse the user and make the actions unclear.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyrj2zGq0GqAROGG8WiJ8DM9tBsMgtTG_go4K4SvX6Msxm8NgldEGcJBsTBL0UxO2pkIKbmRlRTXg4az_ReJQ-PoNWiTfuzKHECJ2aIPwP8keVdLvW2yys-LX7xfvE-SCW-EPhouWzm8Uu/s1600/Screen+Shot+2015-01-09+at+12.47.58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyrj2zGq0GqAROGG8WiJ8DM9tBsMgtTG_go4K4SvX6Msxm8NgldEGcJBsTBL0UxO2pkIKbmRlRTXg4az_ReJQ-PoNWiTfuzKHECJ2aIPwP8keVdLvW2yys-LX7xfvE-SCW-EPhouWzm8Uu/s1600/Screen+Shot+2015-01-09+at+12.47.58.png" height="320" width="308" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7GdPQrNW-tmwY_ZWHXZ9G7Dn4o03WeTXTyY6zoRQtvKJ7OZBNDqD9oryCU11c1sjFRlgwNoiuZ_wMRBX83Xr9iBoWVGlQzM6OqQtR8EPEECl6BOIgK9Sh8H0uaJHWto7vl69NpGoCwng/s1600/Screen+Shot+2015-01-10+at+13.42.50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7GdPQrNW-tmwY_ZWHXZ9G7Dn4o03WeTXTyY6zoRQtvKJ7OZBNDqD9oryCU11c1sjFRlgwNoiuZ_wMRBX83Xr9iBoWVGlQzM6OqQtR8EPEECl6BOIgK9Sh8H0uaJHWto7vl69NpGoCwng/s1600/Screen+Shot+2015-01-10+at+13.42.50.png" height="196" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The list above need considering with the similarity principle. I could apply this to things like links, buttons, or general interaction points.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">E-commerce Website Resarch</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I will be designing a e-commerce website that sells vinyl records so I want to have a look at what kind of elements will be needed in the design and how existing sites display content effectively.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyzKuKP4JvTqUqLZVRxtKuD17jGUzLhzPYctrO7-IzI7RrQYyxo6i2VdhIMxzAOQzkFLzSiA_HQrTSoOSKJCDQthEn3LzJVVtGb0wnDv1Am6HWLDOI-9SdnWm_5r6vMLw4Cnj3oNmt4fFi/s1600/Screen+Shot+2015-01-08+at+21.07.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyzKuKP4JvTqUqLZVRxtKuD17jGUzLhzPYctrO7-IzI7RrQYyxo6i2VdhIMxzAOQzkFLzSiA_HQrTSoOSKJCDQthEn3LzJVVtGb0wnDv1Am6HWLDOI-9SdnWm_5r6vMLw4Cnj3oNmt4fFi/s1600/Screen+Shot+2015-01-08+at+21.07.59.png" height="250" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The beatport website is a similar concept to the one i will be proposing as it sells digital music. This layout has all the content in the center section that is divided into clear groups for different categories on information. I like he use of tiles to shoe each song or artist. Having the image of the music makes it more dynamic and easy to relate to a real cd or vinyl.</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-8oL2kBlz_QcPah1s1l532JauCBiHgrrTKOd4KTdp7R7120DL6VJK2A3q8Y6SOEx785Ex89g_OXrd3kZfGXmRcvF4XHarzcWJmOkdYFnFzf69fo8gW_cN9gLmXfaC-0TSQnpBCwfq7T7T/s1600/Screen+Shot+2015-01-08+at+22.15.58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-8oL2kBlz_QcPah1s1l532JauCBiHgrrTKOd4KTdp7R7120DL6VJK2A3q8Y6SOEx785Ex89g_OXrd3kZfGXmRcvF4XHarzcWJmOkdYFnFzf69fo8gW_cN9gLmXfaC-0TSQnpBCwfq7T7T/s1600/Screen+Shot+2015-01-08+at+22.15.58.png" height="250" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOsAt45dls2hg0svuhyphenhyphenoRYq5YwryoCAGad2wA6J_vc7XilD6S_JUjYRG9FLAILwciPMQCvNNFr5ztjyQiu_FUmd-yssP_UwPH3c83SKesH3p00Ws6rbHXOA4z2H337a08Rej1GC328TxGc/s1600/Screen+Shot+2015-01-09+at+18.35.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOsAt45dls2hg0svuhyphenhyphenoRYq5YwryoCAGad2wA6J_vc7XilD6S_JUjYRG9FLAILwciPMQCvNNFr5ztjyQiu_FUmd-yssP_UwPH3c83SKesH3p00Ws6rbHXOA4z2H337a08Rej1GC328TxGc/s1600/Screen+Shot+2015-01-09+at+18.35.00.png" height="267" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The design above is good example of the principles in affect. It has a clear hierarchy between the elements. The eye is drawn towards the snowboards first which is the main product of the site and the grouping of the elements into three sections makes it easy to process and access the right information quickly.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPxuMGEj8ohQJaVuDZdqHKa2W0pS90x6-2Fqa5iWrpKgyH-rtLWPcQ9rLJynBx5adPyHx1B9X9766zgnCniJBDia0hBhg0Jv0cHBg0LkhcwlWZrCLTTKL7dyBXFCPlNuKfLdyL0XSuWEBE/s1600/Screen+Shot+2015-01-10+at+15.16.38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPxuMGEj8ohQJaVuDZdqHKa2W0pS90x6-2Fqa5iWrpKgyH-rtLWPcQ9rLJynBx5adPyHx1B9X9766zgnCniJBDia0hBhg0Jv0cHBg0LkhcwlWZrCLTTKL7dyBXFCPlNuKfLdyL0XSuWEBE/s1600/Screen+Shot+2015-01-10+at+15.16.38.png" height="232" width="400" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">This website is really simple and easy to use. The top three symbols on the right hand side offer the affordance of searching, logging in and shopping cart. This is something my website will need to have.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6ylYOkRXWz5oxKVfCVtO6Lu_4ElO__YJq71mNzg2QSuw0rR4iLFzCqQdyYsX9Kn0-iUwX_tAs7c0v_JQ8lj24wWmy9SY-I2Wt4tJ4gs9yFKo28OTGPs6_R-aiNxwQyRyqkeqQ_EoXSeD/s1600/Screen+Shot+2015-01-10+at+15.16.47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6ylYOkRXWz5oxKVfCVtO6Lu_4ElO__YJq71mNzg2QSuw0rR4iLFzCqQdyYsX9Kn0-iUwX_tAs7c0v_JQ8lj24wWmy9SY-I2Wt4tJ4gs9yFKo28OTGPs6_R-aiNxwQyRyqkeqQ_EoXSeD/s1600/Screen+Shot+2015-01-10+at+15.16.47.png" height="320" width="242" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Drop down menus are an effective way of displaying content for the cart and log-in as it keeps relating elements grouped and easy to access. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3MampF23v0QZxF_2f1r7r7LA3fwG4bh-iHDhbJOpbSkym5WAwSdKnT5Bls0XPGPveuiwuveqK_2bzy75dZK4XSkMTSlyxGRmLVPnNSdb_SMQU7JHb-XA0x_2tFGrC7TqT0A_1v5Sm8JJz/s1600/Screen+Shot+2015-01-10+at+15.17.11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3MampF23v0QZxF_2f1r7r7LA3fwG4bh-iHDhbJOpbSkym5WAwSdKnT5Bls0XPGPveuiwuveqK_2bzy75dZK4XSkMTSlyxGRmLVPnNSdb_SMQU7JHb-XA0x_2tFGrC7TqT0A_1v5Sm8JJz/s1600/Screen+Shot+2015-01-10+at+15.17.11.png" height="186" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq4zxNmmPI1QIesLP04yCSdVaVrUYlnMRJkLbJUYRX18MclP3NJ3W-VNXMcLSB4MOkNqvv_s4S2rcngtp2EloX643xmKpVKz0r1lsfbnuCjHZvwYzDW9fkEszBw1sFH7baRL9ErPhcM7WR/s1600/Screen+Shot+2015-01-10+at+15.18.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq4zxNmmPI1QIesLP04yCSdVaVrUYlnMRJkLbJUYRX18MclP3NJ3W-VNXMcLSB4MOkNqvv_s4S2rcngtp2EloX643xmKpVKz0r1lsfbnuCjHZvwYzDW9fkEszBw1sFH7baRL9ErPhcM7WR/s1600/Screen+Shot+2015-01-10+at+15.18.41.png" height="242" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9DhaxCyrswfMR3ednF54GZBHQc1iP1oR8_QRGv9m3S_jITSXxZPFdOns7lEyVdBkRUy4sd1Wu-bkpCGDnxkCsoYnRldrC73ho6UIHwNLIZJU2L5mPT6dknd7JerBSe0_94IS4GpQKyZMB/s1600/Screen+Shot+2015-01-10+at+15.19.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9DhaxCyrswfMR3ednF54GZBHQc1iP1oR8_QRGv9m3S_jITSXxZPFdOns7lEyVdBkRUy4sd1Wu-bkpCGDnxkCsoYnRldrC73ho6UIHwNLIZJU2L5mPT6dknd7JerBSe0_94IS4GpQKyZMB/s1600/Screen+Shot+2015-01-10+at+15.19.14.png" height="232" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitKjOqgu6oJB_rZUX7LreL3IOf3tckZcVPETzKBjSSDflex1NnNRzkxYF1lRmN7QH9QidC5b1kwdXejYzIOIuFyhwCWPDWQz93Alz28CLH-5Ih7QE65bYv7rA26xXbZSNKPaDuQBBtZQ8X/s1600/Screen+Shot+2015-01-10+at+15.19.39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitKjOqgu6oJB_rZUX7LreL3IOf3tckZcVPETzKBjSSDflex1NnNRzkxYF1lRmN7QH9QidC5b1kwdXejYzIOIuFyhwCWPDWQz93Alz28CLH-5Ih7QE65bYv7rA26xXbZSNKPaDuQBBtZQ8X/s1600/Screen+Shot+2015-01-10+at+15.19.39.png" height="199" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaIdJfZNgK6mE6CZunU580rSvDrDDPrui7jFPjLLIauo6ufKtKFN5tJs6IW08mufHJIKxryP980jdVqxmrSg8r6cyvl1P0oRR66aAFI6O7ymctxtaM-UYbvBOlV3ULjhxggPE9NaVJdJwS/s1600/Screen+Shot+2015-01-10+at+15.21.28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaIdJfZNgK6mE6CZunU580rSvDrDDPrui7jFPjLLIauo6ufKtKFN5tJs6IW08mufHJIKxryP980jdVqxmrSg8r6cyvl1P0oRR66aAFI6O7ymctxtaM-UYbvBOlV3ULjhxggPE9NaVJdJwS/s1600/Screen+Shot+2015-01-10+at+15.21.28.png" height="230" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbr8iP2x_wgPNrkBWUMHC0VKi7rXouHuwK5qxh-egJIPIbmVRqLs5jq9fmB_AsQaXCgqod4F-lwCHxM2Tnjowz1yJBneMMh6zBDqDaJl84byGs8KW92LZHZoJDfC2kaDsrJ-BgXb0B9Wbe/s1600/Screen+Shot+2015-01-10+at+15.21.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbr8iP2x_wgPNrkBWUMHC0VKi7rXouHuwK5qxh-egJIPIbmVRqLs5jq9fmB_AsQaXCgqod4F-lwCHxM2Tnjowz1yJBneMMh6zBDqDaJl84byGs8KW92LZHZoJDfC2kaDsrJ-BgXb0B9Wbe/s1600/Screen+Shot+2015-01-10+at+15.21.34.png" height="235" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-YMQ2Ea4nzCuIWLDx-kseLCpo3UvYiu6oKftH86e8aSsBURpq11zIc2DsLJidqQxwc2tMsSLsYJ7aUp5_l5kSux8DxNKbG4Enxpr3njGBnIx6P_Fcos_bYH-YBIgZiMk6Jt_zndLY7KK/s1600/Screen+Shot+2015-01-10+at+15.21.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-YMQ2Ea4nzCuIWLDx-kseLCpo3UvYiu6oKftH86e8aSsBURpq11zIc2DsLJidqQxwc2tMsSLsYJ7aUp5_l5kSux8DxNKbG4Enxpr3njGBnIx6P_Fcos_bYH-YBIgZiMk6Jt_zndLY7KK/s1600/Screen+Shot+2015-01-10+at+15.21.41.png" height="236" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ANqB9R3RNO6HacLR6NJQvntncMVL2kO9qjwzCyQ54fkhoD8MTFqlWE32Y-JKpNCQgK16RzBGK5baLStMVtFppmn2P9dfhFjn7evpa5VFfE8gh9c-n06RyCeqnctFiOPYnCiALUHT-8UX/s1600/Screen+Shot+2015-01-10+at+15.22.07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ANqB9R3RNO6HacLR6NJQvntncMVL2kO9qjwzCyQ54fkhoD8MTFqlWE32Y-JKpNCQgK16RzBGK5baLStMVtFppmn2P9dfhFjn7evpa5VFfE8gh9c-n06RyCeqnctFiOPYnCiALUHT-8UX/s1600/Screen+Shot+2015-01-10+at+15.22.07.png" height="233" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The examples above all make good use of the principles. A consistent observation across designs is the effective use of space to separate and group information in a clear logical structure that allows information to be scanned quickly and processed.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><b>Grids</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">A grid system will be needed in order to have good continuation throughout the page and will aid in grouping sections of relating information by using a column system. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLEzUsimOzDIs2Z5bnDYkETWTeKXd8waBYXa0kMYxJ20ITB__Wi2wg3i19zKuAT2ZBjj0xrrq4_f4GRnE1XP2nA6CNkaeKEAco9E91Fkes8hvVSO6-WFvNXkeFRysasmf8diwqaWebkZM6/s1600/Screen+Shot+2015-01-09+at+18.35.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLEzUsimOzDIs2Z5bnDYkETWTeKXd8waBYXa0kMYxJ20ITB__Wi2wg3i19zKuAT2ZBjj0xrrq4_f4GRnE1XP2nA6CNkaeKEAco9E91Fkes8hvVSO6-WFvNXkeFRysasmf8diwqaWebkZM6/s1600/Screen+Shot+2015-01-09+at+18.35.54.png" height="192" width="200" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Because I want to have the vinyl record sleeves on show I think a tile layout might be the most affective way of utilising space whilst keeping the layout structured and organised by implementing the proximity and continuance, whilst keeping a good figure-ground relationship.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ8Z0wbef0ax9IkeL_ITcX23m1Ptis_AHDWpmEWIaTsJhsbQ5pNQcXI6G9SwLEKRft9CF6_VxnWjTz8aKHKs97lP1FsJQAmmjKrCpZ1MhPochFoYDwPbiKSbVzSfOeea_cR5UTfqbwvII6/s1600/Screen+Shot+2015-01-09+at+18.42.15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ8Z0wbef0ax9IkeL_ITcX23m1Ptis_AHDWpmEWIaTsJhsbQ5pNQcXI6G9SwLEKRft9CF6_VxnWjTz8aKHKs97lP1FsJQAmmjKrCpZ1MhPochFoYDwPbiKSbVzSfOeea_cR5UTfqbwvII6/s1600/Screen+Shot+2015-01-09+at+18.42.15.png" height="213" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlS3jFsX9C2GIeX7zDkRPZxv6Kg-e_HIryW9pQRtS8DbqPsgTLei4oXXmgZXmXLDkH4a6rxqrj385oVdkrvh4iUiYmKd6dhYVBVSoOWtqINUP3O98z_D0ed2NCsKXaZ8BjWtW1gHEGvdq/s1600/Screen+Shot+2015-01-10+at+13.49.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlS3jFsX9C2GIeX7zDkRPZxv6Kg-e_HIryW9pQRtS8DbqPsgTLei4oXXmgZXmXLDkH4a6rxqrj385oVdkrvh4iUiYmKd6dhYVBVSoOWtqINUP3O98z_D0ed2NCsKXaZ8BjWtW1gHEGvdq/s1600/Screen+Shot+2015-01-10+at+13.49.10.png" height="328" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvc_t38TAmAmxw_KZwdf5Azw555fDv1eXPy2Vqp_hpDiWrXsBwD0taW1KsB1pA4bS-vHXweGVMfyFneFBLVwz7ohvUESxnyhKqyjFxawIkayy1kFN7OqQycUTzJH6TJtiFKBt2Jxi7GPVU/s1600/Screen+Shot+2015-01-10+at+13.49.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvc_t38TAmAmxw_KZwdf5Azw555fDv1eXPy2Vqp_hpDiWrXsBwD0taW1KsB1pA4bS-vHXweGVMfyFneFBLVwz7ohvUESxnyhKqyjFxawIkayy1kFN7OqQycUTzJH6TJtiFKBt2Jxi7GPVU/s1600/Screen+Shot+2015-01-10+at+13.49.34.png" height="100" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">This is another example of how I could use a tile layout.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I wanted to have a look at different UI Techniques i can use to display information:</span><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Search Bar</b></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfCG2R8Bs3UrGrQp3jdhQXCVVa5XHvV6LAAr37OBB43C2V5p9_FYmykQXtwR79gyH_f6e0SbGR1k41EhRkmMXOmxdn3OGcYA8BVRMcmDOhApFUJF4GUVEOTezbBrtxfPqzHnVChfYI2-JD/s1600/Screen+Shot+2015-01-10+at+14.27.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfCG2R8Bs3UrGrQp3jdhQXCVVa5XHvV6LAAr37OBB43C2V5p9_FYmykQXtwR79gyH_f6e0SbGR1k41EhRkmMXOmxdn3OGcYA8BVRMcmDOhApFUJF4GUVEOTezbBrtxfPqzHnVChfYI2-JD/s1600/Screen+Shot+2015-01-10+at+14.27.34.png" height="176" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhip8xuUs472Nar_L1zyIgwkvWZ0ae8nmaJWhWheFhBhEn-D_da8LQJiFeTSoQghO1c8BZbunE3tqudPuJbJWFuO1lFJb5Bv7IuS4MKiRoYeh9y3Z9SGkQUAWqDdTEGCvMr9aAJdmeJH04/s1600/Screen+Shot+2015-01-10+at+14.27.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhip8xuUs472Nar_L1zyIgwkvWZ0ae8nmaJWhWheFhBhEn-D_da8LQJiFeTSoQghO1c8BZbunE3tqudPuJbJWFuO1lFJb5Bv7IuS4MKiRoYeh9y3Z9SGkQUAWqDdTEGCvMr9aAJdmeJH04/s1600/Screen+Shot+2015-01-10+at+14.27.59.png" height="219" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxWmjyAe_NcbvM3ciXvYcHOfX2z69RplUpE4Hd82uoLjhUzX4MNRkHNiH1S3mpQXLHfwflRCoXARE7OmuumDSOKpBzPAFiUOzQ6HxJ5XoYflmYbjQDLGJdLpPV4KW-MQK_tQWUOTlwdaAA/s1600/Screen+Shot+2015-01-10+at+14.28.32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxWmjyAe_NcbvM3ciXvYcHOfX2z69RplUpE4Hd82uoLjhUzX4MNRkHNiH1S3mpQXLHfwflRCoXARE7OmuumDSOKpBzPAFiUOzQ6HxJ5XoYflmYbjQDLGJdLpPV4KW-MQK_tQWUOTlwdaAA/s1600/Screen+Shot+2015-01-10+at+14.28.32.png" height="144" width="320" /></a> </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">This style of search bar might be affective for my design because it would allow for an artist search as well as a vinyl size search for convenience.</span></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Pagination</b></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdeU0RhU5CKeurkIRaq-HqiwukVP1E_ZwiSdGdbVHmFihvsJyfHsGqYv-U4DHTQRyB-srPXxHZukC-4okhhCHqxlP9lXz-enHsNRucpM9-gRQmaLh5nabsAfv_vjmV4IdZF3fxEz0_oTOm/s1600/Screen+Shot+2015-01-10+at+14.20.47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdeU0RhU5CKeurkIRaq-HqiwukVP1E_ZwiSdGdbVHmFihvsJyfHsGqYv-U4DHTQRyB-srPXxHZukC-4okhhCHqxlP9lXz-enHsNRucpM9-gRQmaLh5nabsAfv_vjmV4IdZF3fxEz0_oTOm/s1600/Screen+Shot+2015-01-10+at+14.20.47.png" height="46" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizal_wI3Ft3ueJY_VpBmowc7qODoUnHFIRuOprQSkzENibbgsmN06m2msjYsilremEfoAj3cJsbkcszzqmbI2oYbUOfFyKhxqOROr5J6UFrJ5Tw_LlgEaW9GZTeCySt4dFgpIwdubQiwEc/s1600/Screen+Shot+2015-01-10+at+14.23.11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizal_wI3Ft3ueJY_VpBmowc7qODoUnHFIRuOprQSkzENibbgsmN06m2msjYsilremEfoAj3cJsbkcszzqmbI2oYbUOfFyKhxqOROr5J6UFrJ5Tw_LlgEaW9GZTeCySt4dFgpIwdubQiwEc/s1600/Screen+Shot+2015-01-10+at+14.23.11.png" height="125" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjl-IM_5gwi-5qZFwzWXHl5XZUNXgV991_NOivLaF5FwuV0EPST9BWIIt3kgawH20eZQt9ITF1wA4lLOEoiSdxGw-_eG7X6GBOm2sx9BEdjvrGcEsmr9S9hsBTCvQIo0RgpMrC6u7B2-Lq/s1600/Screen+Shot+2015-01-10+at+14.20.26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjl-IM_5gwi-5qZFwzWXHl5XZUNXgV991_NOivLaF5FwuV0EPST9BWIIt3kgawH20eZQt9ITF1wA4lLOEoiSdxGw-_eG7X6GBOm2sx9BEdjvrGcEsmr9S9hsBTCvQIo0RgpMrC6u7B2-Lq/s1600/Screen+Shot+2015-01-10+at+14.20.26.png" height="61" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9E8A2jYKgV8rYsqDcfmJp_US1OF7a9qjMRw0ORj0U1pU3Kn6RruCULzE_RtK_ZyWoZ6aJ4T9RyTtYVe69zwBAp_gJ-nGjroNte7hNrCYuFwH2aU9-chPaXPGvtDj45wVoNd82jaOdqa-x/s1600/Screen+Shot+2015-01-10+at+14.20.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9E8A2jYKgV8rYsqDcfmJp_US1OF7a9qjMRw0ORj0U1pU3Kn6RruCULzE_RtK_ZyWoZ6aJ4T9RyTtYVe69zwBAp_gJ-nGjroNte7hNrCYuFwH2aU9-chPaXPGvtDj45wVoNd82jaOdqa-x/s1600/Screen+Shot+2015-01-10+at+14.20.10.png" height="32" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">A pagination system will be needed to display the high volume of vinyl records.The example above could be the best option because of the </span></div>
<br />
<b><br /></b>
<b><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">Login basket</span></b><br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw4eOL6q5xX-ISEbWWOoFsqPIgAaNyQ-P1GZsvhyphenhyphenCrjd5mlZf6q3ORiymsig3zrp2R-UEsgatkNk_qS_NqmveqDg2UjgpoD1ZialxiaE7iP-G98EHVcZpJk2KcCcbx5rHSX11sdoMydChq/s1600/Screen+Shot+2015-01-10+at+14.36.05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw4eOL6q5xX-ISEbWWOoFsqPIgAaNyQ-P1GZsvhyphenhyphenCrjd5mlZf6q3ORiymsig3zrp2R-UEsgatkNk_qS_NqmveqDg2UjgpoD1ZialxiaE7iP-G98EHVcZpJk2KcCcbx5rHSX11sdoMydChq/s1600/Screen+Shot+2015-01-10+at+14.36.05.png" height="99" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpcX40ajSWvwI85Ui22dUe9nOvfomDR6vsiMdGg1LRrbWJYUpLp3O5AeAL0Yyzj1etomeVVsm6CfVda7NZCJTY0QSQe4kcN8Q63yRRPWul8KdOEoW9Du6AFtPEaeTQrw1qpEuYBwYfWQe6/s1600/Screen+Shot+2015-01-10+at+14.36.42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpcX40ajSWvwI85Ui22dUe9nOvfomDR6vsiMdGg1LRrbWJYUpLp3O5AeAL0Yyzj1etomeVVsm6CfVda7NZCJTY0QSQe4kcN8Q63yRRPWul8KdOEoW9Du6AFtPEaeTQrw1qpEuYBwYfWQe6/s1600/Screen+Shot+2015-01-10+at+14.36.42.png" height="191" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdOSbmZ7O9WDqy156ImFXW4vVp4INKjBFK9bgPA7zmh2sKAUOjrRwKv2L15qIU67b-_hvlsxolIkFASN3eiDlyDIM7hwU89WDgj3uhaSLBzg4kFClXkHmjZnjCUi9rIYQ85EZwjh9T8Prb/s1600/Screen+Shot+2015-01-10+at+14.37.03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdOSbmZ7O9WDqy156ImFXW4vVp4INKjBFK9bgPA7zmh2sKAUOjrRwKv2L15qIU67b-_hvlsxolIkFASN3eiDlyDIM7hwU89WDgj3uhaSLBzg4kFClXkHmjZnjCUi9rIYQ85EZwjh9T8Prb/s1600/Screen+Shot+2015-01-10+at+14.37.03.png" height="73" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvDp6JMIRjVbqCo95gsr_jsxqu30KzvyYLayRGlCQQPDMMis1snDnJ3O0Yimab4eKGIC2YTIuX83LlDpc1u5AHuUZHmGiem_g3ZtNGzKS_lVMFpTezhoDMlueoC2NC6pu0fcrVAbluA1a/s1600/Screen+Shot+2015-01-10+at+14.37.42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvDp6JMIRjVbqCo95gsr_jsxqu30KzvyYLayRGlCQQPDMMis1snDnJ3O0Yimab4eKGIC2YTIuX83LlDpc1u5AHuUZHmGiem_g3ZtNGzKS_lVMFpTezhoDMlueoC2NC6pu0fcrVAbluA1a/s1600/Screen+Shot+2015-01-10+at+14.37.42.png" height="76" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuNsm9u91apiC3M3aWU_GJYfRRADdbWG35TzzE_7K6G4sRYcVR2bWdO0UDMqCsA0rcRQ_vNlNryVSJs62qXBzQf-ZjIaX4Lf_c0orN9GO0ZJk1bAbGpQbNgm91mTGteKM4FXMWl6PCdhcK/s1600/Screen+Shot+2015-01-10+at+14.38.44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuNsm9u91apiC3M3aWU_GJYfRRADdbWG35TzzE_7K6G4sRYcVR2bWdO0UDMqCsA0rcRQ_vNlNryVSJs62qXBzQf-ZjIaX4Lf_c0orN9GO0ZJk1bAbGpQbNgm91mTGteKM4FXMWl6PCdhcK/s1600/Screen+Shot+2015-01-10+at+14.38.44.png" height="190" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The example above using affordances and continuation with the symbol and the connecting shape to communicate there is one item in the basket. I think this is a good example of the principles being applied as it communicates instantly. The only down side is the hidden affordance of a drop down menu but that shouldn't matter as it affords to be clicked because when its hovered over the menu would appear anyway.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlXkc69DU7pW_U77oTrOXTAXdVZFVPNAj_dI94kD-aKRV56MU7VZUz6dKmjxYuydWjTF_NG1apL00Y1ciBlqx7WQIo0KMKEQeS0yN3JCQN5RlLrGcvJDKZgu2PHTpljO-wyeKIm1F-eDR/s1600/Screen+Shot+2015-01-10+at+14.39.06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlXkc69DU7pW_U77oTrOXTAXdVZFVPNAj_dI94kD-aKRV56MU7VZUz6dKmjxYuydWjTF_NG1apL00Y1ciBlqx7WQIo0KMKEQeS0yN3JCQN5RlLrGcvJDKZgu2PHTpljO-wyeKIm1F-eDR/s1600/Screen+Shot+2015-01-10+at+14.39.06.png" height="240" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTAF5CamEz4OVYobQmBM6Pdp48f1GNXcAXhRMmPnyo1skE9cw6G4Yo4_qFG_vdHpIe3LC5Ym_8QDKt4tkAs0MnzKHfJxoNMMjOpU7JqYnN0xIs7-qZxv4UCCieo12BLm9d8CjokhYPdzGH/s1600/Screen+Shot+2015-01-10+at+14.39.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTAF5CamEz4OVYobQmBM6Pdp48f1GNXcAXhRMmPnyo1skE9cw6G4Yo4_qFG_vdHpIe3LC5Ym_8QDKt4tkAs0MnzKHfJxoNMMjOpU7JqYnN0xIs7-qZxv4UCCieo12BLm9d8CjokhYPdzGH/s1600/Screen+Shot+2015-01-10+at+14.39.23.png" height="320" width="281" /></a></div>
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">The example above is a possible solution to display the shopping cart information. Similarity is used to show the relationship between the colours of the songs.Its the same colour as the shopping chart heading to suggest the items are in the cart, and therefore part of a group.</span><br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Footers </b></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVYv090AMnIFwUvwXNNQKaRSGUpFkbvsbfegw3t4sP8Kjb2y0KzfgPncIDWEYiiw4rzCTVlHfsPZvwqCH9_denxFcnvAl34iJn_135OkzvT95WtlnGU5Mp3Kko5xk-ZaO2cpL-L-cOXNQJ/s1600/Screen+Shot+2015-01-10+at+14.56.51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVYv090AMnIFwUvwXNNQKaRSGUpFkbvsbfegw3t4sP8Kjb2y0KzfgPncIDWEYiiw4rzCTVlHfsPZvwqCH9_denxFcnvAl34iJn_135OkzvT95WtlnGU5Mp3Kko5xk-ZaO2cpL-L-cOXNQJ/s1600/Screen+Shot+2015-01-10+at+14.56.51.png" height="97" width="320" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I wanted to have a look what information is on an e-commerce website footer. It will need to have trust ware images, payment system image, contact details ....</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45zUWnRk_nMkJ6ZpFWqPsVnOVM5wzQ5AX2B7uLL_0qLl4DNjzZLh7PgglWrkMozBsyj8POFAhz34GW_je0ahT5yDCCgDzqQ0evum6m4u31iI8gkvqi38zXQ4jZkqRdG2LlJVFoLvozow0/s1600/Screen+Shot+2015-01-10+at+14.57.11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45zUWnRk_nMkJ6ZpFWqPsVnOVM5wzQ5AX2B7uLL_0qLl4DNjzZLh7PgglWrkMozBsyj8POFAhz34GW_je0ahT5yDCCgDzqQ0evum6m4u31iI8gkvqi38zXQ4jZkqRdG2LlJVFoLvozow0/s1600/Screen+Shot+2015-01-10+at+14.57.11.png" height="123" width="320" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Social Media icons</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFwMM0zAkvOwjFQizMGNpSkZFJj9I6ognN_hYOOjmWTRjqaZNdeVH4fYJAJT9Iz3t6dTPapqziPgP5IlelYyXKb5Ni00x9bmIvAJv-67t0q2JTiXISA9_IdYaCcyBzuvjzvvfB-ahp3mx0/s1600/Screen+Shot+2015-01-10+at+14.59.57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFwMM0zAkvOwjFQizMGNpSkZFJj9I6ognN_hYOOjmWTRjqaZNdeVH4fYJAJT9Iz3t6dTPapqziPgP5IlelYyXKb5Ni00x9bmIvAJv-67t0q2JTiXISA9_IdYaCcyBzuvjzvvfB-ahp3mx0/s1600/Screen+Shot+2015-01-10+at+14.59.57.png" height="157" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDny9l0fhIralyJU0YseMeWA72x6tyubBJ5F8pRM4eQj3fc3nbiwRht-bOf1jvc9asRFvO44GoZBQJ1K-dj2w9Koq2GryiDr-3loK34yI8b_OAk-MqP15r5D0NNsNG9-O2Xd_HtFp81Acn/s1600/Screen+Shot+2015-01-10+at+15.01.17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDny9l0fhIralyJU0YseMeWA72x6tyubBJ5F8pRM4eQj3fc3nbiwRht-bOf1jvc9asRFvO44GoZBQJ1K-dj2w9Koq2GryiDr-3loK34yI8b_OAk-MqP15r5D0NNsNG9-O2Xd_HtFp81Acn/s1600/Screen+Shot+2015-01-10+at+15.01.17.png" height="115" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvSWy0EaLIxbIkVH2dBSdUerZFLU3iQi1mPgc8JdYQ_VH_l-sHGrdfrKtjmKe8HzPjgcmyywpfeOemFdgS7zS9Ul1mbvh4MfM2cw2JPPsAhymmZu0NYHgVQdnyD7Key2T7kMnjE2Zpd12/s1600/Screen+Shot+2015-01-10+at+15.01.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvSWy0EaLIxbIkVH2dBSdUerZFLU3iQi1mPgc8JdYQ_VH_l-sHGrdfrKtjmKe8HzPjgcmyywpfeOemFdgS7zS9Ul1mbvh4MfM2cw2JPPsAhymmZu0NYHgVQdnyD7Key2T7kMnjE2Zpd12/s1600/Screen+Shot+2015-01-10+at+15.01.49.png" height="255" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy3NxL4_Mvtj2LPkXuhS_GhwwZO6x-NmnSm15AJLyLbgY4tynF7EsOUfFuZLnrS5Il4Fmov94vob2kNHHUuc4F7KuEO9jZ7-LRFgIIqIjWP5C0u4nftJkL00X5FInjS33X-2SXPWRaAZ83/s1600/Screen+Shot+2015-01-10+at+15.02.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy3NxL4_Mvtj2LPkXuhS_GhwwZO6x-NmnSm15AJLyLbgY4tynF7EsOUfFuZLnrS5Il4Fmov94vob2kNHHUuc4F7KuEO9jZ7-LRFgIIqIjWP5C0u4nftJkL00X5FInjS33X-2SXPWRaAZ83/s1600/Screen+Shot+2015-01-10+at+15.02.49.png" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Social media icons could be a way of implementing the affordance of clicking, which would take the user to the linking page. The visual aspect is much more effective than type for links. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-8697822082538896352015-01-09T11:27:00.003-08:002015-01-10T05:46:56.155-08:00Visual Hierarchy <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Visual hierarchies create centers of interest on your page, communicate additional meaning through convention and repetition, highlight actions you want your visitors to take, and establish patterns of movement and flow.</span><br />
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdX63fEsISWbwpOm9QirC8nkhUk48lzC0vUY0QQXXARHQf3oB9S30J8CRX4eQej7vz24QBaDoJqWIsycAWMxl0byYSNmki0DDVx3_vlGFXE1KV0U8yyX0Z5sEth4iC1_HAh3tGnTaAVyS/s1600/tumblr_kz69f7XQzA1qz8ohs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdX63fEsISWbwpOm9QirC8nkhUk48lzC0vUY0QQXXARHQf3oB9S30J8CRX4eQej7vz24QBaDoJqWIsycAWMxl0byYSNmki0DDVx3_vlGFXE1KV0U8yyX0Z5sEth4iC1_HAh3tGnTaAVyS/s1600/tumblr_kz69f7XQzA1qz8ohs.png" height="400" width="325" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhExHo5iGtjkk9Z699PFWoSMOd95XHJBM7h7UPiwB8E9A1nx_GiPSR1Tlzn9XoKQXCEwsxuKUjg-alHEnYZkip-an9hgeJ6IBbG4EAWejPfdK8ygjQA_zQ7hauhIGlmsqnK6orUORP2OGzW/s1600/Screen+Shot+2015-01-09+at+19.29.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhExHo5iGtjkk9Z699PFWoSMOd95XHJBM7h7UPiwB8E9A1nx_GiPSR1Tlzn9XoKQXCEwsxuKUjg-alHEnYZkip-an9hgeJ6IBbG4EAWejPfdK8ygjQA_zQ7hauhIGlmsqnK6orUORP2OGzW/s1600/Screen+Shot+2015-01-09+at+19.29.09.png" height="400" width="332" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgztTS1QJlpqw2zVZsg1dvv9Rsb6j20vl312V4Wzj24whJwA60zhx9DiIC8KvpQlMO7IlwtLpUpRGNT5TV5eL4YhmitNYPe6nJ50vhdABDDgR37LjNtqFzICgHe2YtLPYB3yO0fN_jm_Uy2/s1600/Screen+Shot+2015-01-09+at+19.29.15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgztTS1QJlpqw2zVZsg1dvv9Rsb6j20vl312V4Wzj24whJwA60zhx9DiIC8KvpQlMO7IlwtLpUpRGNT5TV5eL4YhmitNYPe6nJ50vhdABDDgR37LjNtqFzICgHe2YtLPYB3yO0fN_jm_Uy2/s1600/Screen+Shot+2015-01-09+at+19.29.15.png" height="400" width="332" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I think for the style of website I am going to design it is worth thinking about page scanning patterns. The z-pattern will be more applicable because the site will be more image based than text.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4aDpvufn62Bq2hVR5YsfK0c3nesBvs0abfh069Z6PPd-efqIPhpWGiBGkop4uahkVp8SRHmq0jZ9_KIcEBSotrzF2KQ-p8ar5TsmHM210hi7MhVjmKh6gyms3xRWSzC1Gq0ewReoD7zf-/s1600/Screen+Shot+2015-01-09+at+19.29.39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4aDpvufn62Bq2hVR5YsfK0c3nesBvs0abfh069Z6PPd-efqIPhpWGiBGkop4uahkVp8SRHmq0jZ9_KIcEBSotrzF2KQ-p8ar5TsmHM210hi7MhVjmKh6gyms3xRWSzC1Gq0ewReoD7zf-/s1600/Screen+Shot+2015-01-09+at+19.29.39.png" height="360" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3UKegrWTvZWTcqM4xVZHvXvq-Q99q6v5QoTn0J-kgZwTMcBGLDHmzlqGlWd7kxxuSg0z1P7Uox8Ua3LCnGcheYfy9phNtUApT1211OHSweRH7IvIsyhc7U3lAhWLiEcGg-Swg4zdSX1m6/s1600/Screen+Shot+2015-01-09+at+19.30.03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3UKegrWTvZWTcqM4xVZHvXvq-Q99q6v5QoTn0J-kgZwTMcBGLDHmzlqGlWd7kxxuSg0z1P7Uox8Ua3LCnGcheYfy9phNtUApT1211OHSweRH7IvIsyhc7U3lAhWLiEcGg-Swg4zdSX1m6/s1600/Screen+Shot+2015-01-09+at+19.30.03.png" height="400" width="328" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I want to utilise space in my design to create good figure-ground relationships between the page elements.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8b9GCXls5rBZ5BJI1D7DcpbhdgY0i0kGgXXnFbak_64aqrcu7lTd-ueRFrjjnW1uKj5WPsPsrvDLMEg9vlKAVSDrzgFeuIGU73Xx_1EJvjUKWzbvvK9abhoB9P-BmCxYBgUpZq7ssceUu/s1600/Screen+Shot+2015-01-09+at+19.30.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8b9GCXls5rBZ5BJI1D7DcpbhdgY0i0kGgXXnFbak_64aqrcu7lTd-ueRFrjjnW1uKj5WPsPsrvDLMEg9vlKAVSDrzgFeuIGU73Xx_1EJvjUKWzbvvK9abhoB9P-BmCxYBgUpZq7ssceUu/s1600/Screen+Shot+2015-01-09+at+19.30.41.png" height="400" width="287" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HhOwO9g8co3leq69Q6Wtr_7xEkglr4Iu_fA9RXV5Z3Y0bsevMVpG459YCBtj1N-9SoMrwlseXDYdDiWcmJxp2hTIpGrkvY4EOmeUr0qWYNfBGTb6XAKdUurA-Qx0WeR86i30ZxuFa0tI/s1600/Screen+Shot+2015-01-09+at+19.31.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HhOwO9g8co3leq69Q6Wtr_7xEkglr4Iu_fA9RXV5Z3Y0bsevMVpG459YCBtj1N-9SoMrwlseXDYdDiWcmJxp2hTIpGrkvY4EOmeUr0qWYNfBGTb6XAKdUurA-Qx0WeR86i30ZxuFa0tI/s1600/Screen+Shot+2015-01-09+at+19.31.08.png" height="383" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">All principles of visual hierarchy will need to be considered but I think it will be most applied to type choice in my design. </span></div>
<div>
<br /></div>
James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-78405898855109815222015-01-09T11:14:00.001-08:002015-01-10T05:45:16.358-08:00Affordance Research<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; line-height: 27.000001907348633px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">An “affordance” is a perceived signal or clue that an object may be used to perform a particular action. </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfXw_cKCzCYOgtBaVtoANCHQqso2vkqdSFsgyBShTbklz3uF0OA9j1Jheb9qcfxQChnq4768-ROiT9sGfAc1euvCYBY6bIr3QVoAqy4w5nN2FEeoEIWCJCG7Ydg73O_bm18hiTjLvWUwN/s1600/Screen+Shot+2015-01-09+at+18.40.48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfXw_cKCzCYOgtBaVtoANCHQqso2vkqdSFsgyBShTbklz3uF0OA9j1Jheb9qcfxQChnq4768-ROiT9sGfAc1euvCYBY6bIr3QVoAqy4w5nN2FEeoEIWCJCG7Ydg73O_bm18hiTjLvWUwN/s1600/Screen+Shot+2015-01-09+at+18.40.48.png" height="295" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScvzySzyWp3pyl9O-smlAxKUokY1klpd8C7aio8Q7dZQ-1EfPc-AQhNewzZTLMIkahWSiwz9q2qiGxbuFmP9MLd1sHEVpTiyFLPbe6nohW7JpxWOZ2Fztr-l600EtONbz4h0NFtgU0I0l/s1600/Screen+Shot+2015-01-09+at+19.02.50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScvzySzyWp3pyl9O-smlAxKUokY1klpd8C7aio8Q7dZQ-1EfPc-AQhNewzZTLMIkahWSiwz9q2qiGxbuFmP9MLd1sHEVpTiyFLPbe6nohW7JpxWOZ2Fztr-l600EtONbz4h0NFtgU0I0l/s1600/Screen+Shot+2015-01-09+at+19.02.50.png" height="400" width="278" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbhWp7681ZRyS_GaUnH8rHTMaTGcKkzuOedlSZu9aeXYqxKeVHyg3ggzzsdFLwk8_JqgU4xY7mTvXQrow7KqvZ8ZaDiNtvknTnSf3Tvga8AupPmqDKfIz-AL06OBQ53_BbTvsuKpwYubFI/s1600/Screen+Shot+2015-01-09+at+18.43.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbhWp7681ZRyS_GaUnH8rHTMaTGcKkzuOedlSZu9aeXYqxKeVHyg3ggzzsdFLwk8_JqgU4xY7mTvXQrow7KqvZ8ZaDiNtvknTnSf3Tvga8AupPmqDKfIz-AL06OBQ53_BbTvsuKpwYubFI/s1600/Screen+Shot+2015-01-09+at+18.43.54.png" height="320" width="292" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWjY46k9vUdFPQLG4lNRNN587cPxSa0nl_RgeCRHZCnlYhdkUuUi9tnS5-_BXWs-ldlG7MnyR6GaCn7F9T1xwU3oK0zSWMMLOjXYqGxnopqWmU8nFh5iR3QdWRTFWJCDdESVuxJRIpgf-I/s1600/Amazon-AddToShoppingCart-Torn.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWjY46k9vUdFPQLG4lNRNN587cPxSa0nl_RgeCRHZCnlYhdkUuUi9tnS5-_BXWs-ldlG7MnyR6GaCn7F9T1xwU3oK0zSWMMLOjXYqGxnopqWmU8nFh5iR3QdWRTFWJCDdESVuxJRIpgf-I/s1600/Amazon-AddToShoppingCart-Torn.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Commerce websites are a good example of using metaphorical affordances. The shopping trolley symbol is used to make a link to real world objects to communicate the purpose. This is something I will need to consider when design my website.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk0w4j9HTDf2OhezG8mRavDaA06X0_Hp7PF5Tpg1LOWqrheFTWe40vLOjFFbHvty0gWz2ObUFS06m35Awl3xy8w7Mq4cIwH3T0aJbnWRNHzVlrdIAOL24UTtIU4_GNioOpPQZfI5ltpoA3/s1600/Screen+Shot+2015-01-09+at+18.44.48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk0w4j9HTDf2OhezG8mRavDaA06X0_Hp7PF5Tpg1LOWqrheFTWe40vLOjFFbHvty0gWz2ObUFS06m35Awl3xy8w7Mq4cIwH3T0aJbnWRNHzVlrdIAOL24UTtIU4_GNioOpPQZfI5ltpoA3/s1600/Screen+Shot+2015-01-09+at+18.44.48.png" height="320" width="265" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoxQO4YMwdYUJR4spqXROCRN70te5mm33dWvp4SyGU_yhpSwRUbr3u6ycL3l_9CqM-h7WEl5TPA804AL3iMq-bx1Ih2cKB43K1Wahf-tnn_zcm7IGfc1mXF9htnz-Mmdrs-H2K142lq-i/s1600/affordances_and_design.012_illustrationSmaller.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoxQO4YMwdYUJR4spqXROCRN70te5mm33dWvp4SyGU_yhpSwRUbr3u6ycL3l_9CqM-h7WEl5TPA804AL3iMq-bx1Ih2cKB43K1Wahf-tnn_zcm7IGfc1mXF9htnz-Mmdrs-H2K142lq-i/s1600/affordances_and_design.012_illustrationSmaller.jpg" height="92" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The example above is another method of displaying information. The tabs are used to represent a filing system in real world situation.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOmRk-BCmKuqgrRya6GdaIqkqo0PQGBxOgeaYaXyNUBuqNZ0KBVLdKZTbTFC89X_Yvn-Tz7H0Y0brBQADg1r4iXrnCzmQyqpl8nFWr99axxGLC0OnhnQhah6en09Tz-z-Va4Qhyphenhyphen9KdR74G/s1600/buttons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOmRk-BCmKuqgrRya6GdaIqkqo0PQGBxOgeaYaXyNUBuqNZ0KBVLdKZTbTFC89X_Yvn-Tz7H0Y0brBQADg1r4iXrnCzmQyqpl8nFWr99axxGLC0OnhnQhah6en09Tz-z-Va4Qhyphenhyphen9KdR74G/s1600/buttons.png" height="69" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Point of interaction need to be designed so the user know they afford clicking.</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGiV7VsSV644_zsnXlbPN1fdvEqRGZ96z09eN5YuywCt8e8fdKg59r66FuVAv0pAYEAcgC48qaBRhFVDFSHOtLdDupk-X7vbzqxF2kqkJOb8w-FzBtol2MAsGpD-pkYNYVUTxvc0-Fz3cV/s1600/carousel.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGiV7VsSV644_zsnXlbPN1fdvEqRGZ96z09eN5YuywCt8e8fdKg59r66FuVAv0pAYEAcgC48qaBRhFVDFSHOtLdDupk-X7vbzqxF2kqkJOb8w-FzBtol2MAsGpD-pkYNYVUTxvc0-Fz3cV/s1600/carousel.png" height="120" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">This example shows a carousel affordance, it shows communicates how many slides there are and what point you are at in the sequence.</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3oSSUPlSbXS2mR46N6eb9KkaQzNDfY1cmYeSM4q8vhY6uSjXX0oLGTBu8qR1aeKVSZkWGrT5Q3NPWwGJe4hnK-ObSgUVXWrgUwZLfWuBaHCgUXyRgWvx7OgS5LdJhWoxRHnlna1ncZNRG/s1600/Screen+Shot+2015-01-09+at+18.46.43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3oSSUPlSbXS2mR46N6eb9KkaQzNDfY1cmYeSM4q8vhY6uSjXX0oLGTBu8qR1aeKVSZkWGrT5Q3NPWwGJe4hnK-ObSgUVXWrgUwZLfWuBaHCgUXyRgWvx7OgS5LdJhWoxRHnlna1ncZNRG/s1600/Screen+Shot+2015-01-09+at+18.46.43.png" height="640" width="353" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">As i will be designing an e-commerce website I will need to consider affordances as there will be sections that will need to communicate real-word objects such as the shopping trolley, and point of interaction such as button, pagination, search bars...etc </span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-59713585689458842072015-01-09T09:12:00.000-08:002015-01-10T08:23:35.836-08:00Gestalt Principles Research<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The gestalt principles are to do with peceptual grouping and can be used to inform design decisions.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggqAg1Kj7NJrdP403dGPStMTs6JfuZb6_5FEDzRWBmGvWfNaJgjq0_GhlvCxux0Rq0be8w2pPct41AVxPzS9xer_4QkoLKS1B03_xDLX3-m78MAEU55r8teYXZzCOMVJdI4UaBhVwfIEij/s1600/Screen+Shot+2015-01-09+at+18.24.04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggqAg1Kj7NJrdP403dGPStMTs6JfuZb6_5FEDzRWBmGvWfNaJgjq0_GhlvCxux0Rq0be8w2pPct41AVxPzS9xer_4QkoLKS1B03_xDLX3-m78MAEU55r8teYXZzCOMVJdI4UaBhVwfIEij/s1600/Screen+Shot+2015-01-09+at+18.24.04.png" height="388" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijYQJ2NonffXpNldev4Zu9z_igzSMVZBtDX2VJGK2XvjhCQLl_nDJIZz3vg-hbk4Xd4dgN_t9w67Wr8966mcKm7HBzJQQTsCUz4eigy-nLrGYI9dGP-yU3T_WeI_1AgngSthpm-oxtR-vM/s1600/Screen+Shot+2015-01-09+at+18.24.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijYQJ2NonffXpNldev4Zu9z_igzSMVZBtDX2VJGK2XvjhCQLl_nDJIZz3vg-hbk4Xd4dgN_t9w67Wr8966mcKm7HBzJQQTsCUz4eigy-nLrGYI9dGP-yU3T_WeI_1AgngSthpm-oxtR-vM/s1600/Screen+Shot+2015-01-09+at+18.24.14.png" height="400" width="343" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFXYpCq_K-O6BeoHI7s1aRGVCo5s-v_VM7_1VsxKHVJbF3k7qRiyIIwdsd6_w178HnSAfroYWmcgGPuYo0EttLq9EO69fNDXSW2xEe7f9GaKE2luXHnvA5Y7O3MEuVUTpiwvqZglqiaKg/s1600/Screen+Shot+2015-01-09+at+18.25.31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFXYpCq_K-O6BeoHI7s1aRGVCo5s-v_VM7_1VsxKHVJbF3k7qRiyIIwdsd6_w178HnSAfroYWmcgGPuYo0EttLq9EO69fNDXSW2xEe7f9GaKE2luXHnvA5Y7O3MEuVUTpiwvqZglqiaKg/s1600/Screen+Shot+2015-01-09+at+18.25.31.png" height="400" width="267" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilorwyACpn9bCgqf-Cv3g2T2RyYt5Vifc6vKG85-rSKO2CP0gk1kMg7OPmCmCL9WVvObPBmmHRO10wudcN_vT-e3PoDsftxttCXjp8TJnPqEiBdzICwagDxhy5XyQ1-wzu2cdx-FxT7Jqg/s1600/Screen+Shot+2015-01-09+at+18.25.45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilorwyACpn9bCgqf-Cv3g2T2RyYt5Vifc6vKG85-rSKO2CP0gk1kMg7OPmCmCL9WVvObPBmmHRO10wudcN_vT-e3PoDsftxttCXjp8TJnPqEiBdzICwagDxhy5XyQ1-wzu2cdx-FxT7Jqg/s1600/Screen+Shot+2015-01-09+at+18.25.45.png" height="400" width="328" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmgRMXEj2eBAKfMpbiYT-ZJ1ObNOFIl3ahE0JPK-9y_RMChCcUv9XRLV8Y4-MYe5A_kYnnOcGyCaCHWJC3USDGbTWHHGVJJifi3hcP_m4pF5cF1-iqmokvv341nVEcmjHd7XiCuR-Tp6k/s1600/Screen+Shot+2015-01-09+at+18.25.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmgRMXEj2eBAKfMpbiYT-ZJ1ObNOFIl3ahE0JPK-9y_RMChCcUv9XRLV8Y4-MYe5A_kYnnOcGyCaCHWJC3USDGbTWHHGVJJifi3hcP_m4pF5cF1-iqmokvv341nVEcmjHd7XiCuR-Tp6k/s1600/Screen+Shot+2015-01-09+at+18.25.54.png" height="400" width="307" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTQvODNIjWzn9nf5KhWe7D5cvCZtGEy38NDFOL8ISIHIDN6vJhC_gQ5vypRlm2NsVp3xgfOaLZcfebdwp6ZUEYHpnM8CLHYnvLjNnKH_bcW3RrsakYLP2m-jqjaN1YDoide-N009a0uVLy/s1600/Screen+Shot+2015-01-09+at+18.26.07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTQvODNIjWzn9nf5KhWe7D5cvCZtGEy38NDFOL8ISIHIDN6vJhC_gQ5vypRlm2NsVp3xgfOaLZcfebdwp6ZUEYHpnM8CLHYnvLjNnKH_bcW3RrsakYLP2m-jqjaN1YDoide-N009a0uVLy/s1600/Screen+Shot+2015-01-09+at+18.26.07.png" height="400" width="277" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs3i_XeQseMl-fV3jswLpxYQsTS4rciwducbg7R_9_fHvLGt9-X2u9A-5WfmprRYhj8q8ups6VPuC8YfC0OVp58VLxC3kJkZUhk_hc_K7_rHRZ_QIrnU5XcOntynuT0I16vhsH2TgSa9ZH/s1600/Screen+Shot+2015-01-09+at+18.26.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs3i_XeQseMl-fV3jswLpxYQsTS4rciwducbg7R_9_fHvLGt9-X2u9A-5WfmprRYhj8q8ups6VPuC8YfC0OVp58VLxC3kJkZUhk_hc_K7_rHRZ_QIrnU5XcOntynuT0I16vhsH2TgSa9ZH/s1600/Screen+Shot+2015-01-09+at+18.26.34.png" height="400" width="282" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">There are more principles associated with Gestalt theory however these are the most relevant in relation to web design and what i will be discussing in the writing. Proximity will be considered when grouping elements such as menus, or elements that relate...Similarity will be considered with links, navigation...Continuity will be considered with grids and layout...</span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-69188556661484325192015-01-08T11:25:00.002-08:002015-01-08T11:31:26.293-08:00Tutorial 3<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiXfqhrNsP_TdwKGC5jVpEcrAWpWmmZii77W7b6Q7FQoqTOtngcNHrQ0p3PrZB3zUaHEPT74A3f3MqvCcLwJv-biKWIU1mkRoyd9k7GiEQrJ68D-7z2TCRFRfF3kahz08F035qS9ROTpT/s1600/IMG_1222.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiXfqhrNsP_TdwKGC5jVpEcrAWpWmmZii77W7b6Q7FQoqTOtngcNHrQ0p3PrZB3zUaHEPT74A3f3MqvCcLwJv-biKWIU1mkRoyd9k7GiEQrJ68D-7z2TCRFRfF3kahz08F035qS9ROTpT/s1600/IMG_1222.JPG" height="640" width="480" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: xx-small;">This tutorial was really helpful as I was unsure about the structure of the essay. Above is a new plan to follow. </span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-37855710255549193322014-11-22T06:17:00.000-08:002014-11-22T06:33:35.342-08:00Tutorial 2<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQezLt4sGo37SHpjfxwvaiQH-Z2bkoO_y1oE7wpjS_N1GnPiQnVSWO9cpgNMQ0RPhSvJaaPFId6Vpo5g6fet7AACQvIBwaA2PH4UGX4h_EGvmoA7HLsYU4kOw4gxHVvpoitQfIfIxOnYe/s1600/IMG_1169.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQezLt4sGo37SHpjfxwvaiQH-Z2bkoO_y1oE7wpjS_N1GnPiQnVSWO9cpgNMQ0RPhSvJaaPFId6Vpo5g6fet7AACQvIBwaA2PH4UGX4h_EGvmoA7HLsYU4kOw4gxHVvpoitQfIfIxOnYe/s1600/IMG_1169.JPG" height="640" width="480" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">For my second Tutorial I wanted to discuss what I have already written to see if I'm going in the right direction. The feedback I received was useful as it has helped me to thin about the structure of the essay. It was suggested to changed the introduction round and have the paragraph about perception come after what the statement of what the essay aims to achieve. I just need to continue with writing at the moment then once I feel I have enough written about the theories of organisation I can start to think about the practical side. At the moment I have a rough idea of what I want to design. I am thinking of creating a website that uses the theories in the layout to show the synthesis between the writing and practical. </span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-65409283650011469382014-11-13T07:44:00.001-08:002014-11-13T07:44:20.921-08:00Updated Working Title and Initial Structure
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Revision>0</o:Revision>
<o:TotalTime>0</o:TotalTime>
<o:Pages>1</o:Pages>
<o:Words>8</o:Words>
<o:Characters>46</o:Characters>
<o:Company>Leeds College of Art</o:Company>
<o:Lines>1</o:Lines>
<o:Paragraphs>1</o:Paragraphs>
<o:CharactersWithSpaces>53</o:CharactersWithSpaces>
<o:Version>14.0</o:Version>
</o:DocumentProperties>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-US</w:LidThemeOther>
<w:LidThemeAsian>JA</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
<w:UseFELayout/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="276">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]-->
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:Cambria;
mso-ascii-font-family:Cambria;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Cambria;
mso-hansi-theme-font:minor-latin;
mso-ansi-language:EN-US;}
</style>
<![endif]-->
<!--StartFragment--><b><span style="font-family: Arial; font-size: 12pt;">How can theories of perception inform website
design?</span><!--EndFragment--> </b> <br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">After some thought I realised that I need to change the focus of my title from editorial to web design. I have decided to do this because I realised editorial design is not where my interests lie. Know I have changed the focus to website design I feel a lot clearer on what I need to do.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">In order to make a start I have made a rough guide of the structure to give me some areas to research. This is only a starting point so it expand and change naturally as I find out more information.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWvHGXJGu8VOYi1_LgX0O-fINdAY_mjviuI76-mv-zM4BnpoGyLiUdxXk0V3Oh2wg85AnxDN78Z0PgVZ_JMbtrt1AbfTm49KpxkphSgm4cG499FEyhQ_dwXp-ZbNklEqAk7JxYxNPLp5nE/s1600/Screen+Shot+2014-11-13+at+15.33.47.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWvHGXJGu8VOYi1_LgX0O-fINdAY_mjviuI76-mv-zM4BnpoGyLiUdxXk0V3Oh2wg85AnxDN78Z0PgVZ_JMbtrt1AbfTm49KpxkphSgm4cG499FEyhQ_dwXp-ZbNklEqAk7JxYxNPLp5nE/s640/Screen+Shot+2014-11-13+at+15.33.47.png" width="236" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-9522770839561359282014-11-08T06:35:00.002-08:002015-01-08T11:41:31.742-08:00Reading List <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Books</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEl-4z73kg7dhEQC-7CgK4ZpeHBji1LTy9zba3h9ln1vD0E9hlFVxbGH3GROIdgJ3ZGT4PfbxViUs8jEALz1HAkQArG54D66MjdH-w8J5WRdfabgzeO5LCCuxsbdFZVS7TUDg6ybJSCTOR/s1600/IMG_1154.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEl-4z73kg7dhEQC-7CgK4ZpeHBji1LTy9zba3h9ln1vD0E9hlFVxbGH3GROIdgJ3ZGT4PfbxViUs8jEALz1HAkQArG54D66MjdH-w8J5WRdfabgzeO5LCCuxsbdFZVS7TUDg6ybJSCTOR/s320/IMG_1154.JPG" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkX2QDVkjvGecbJyVCJRyJnfA0rbeusnETrOzrYwfqobL1EJKk1swoIYD8tVwJ0Upzc2_jVHJc8umK8oDyYAFGRHoUKVhzVbzJWHcUGE5Uyedt-dBShtlavN515GM7gyZ_CcQqExTIFvb/s1600/IMG_1155.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkX2QDVkjvGecbJyVCJRyJnfA0rbeusnETrOzrYwfqobL1EJKk1swoIYD8tVwJ0Upzc2_jVHJc8umK8oDyYAFGRHoUKVhzVbzJWHcUGE5Uyedt-dBShtlavN515GM7gyZ_CcQqExTIFvb/s320/IMG_1155.JPG" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJTFkumb5WWB7vpN176luxlbjPQ25hXPFSpnis1svHUoRD6sPitkQu3bvbjHj2Y8zd9stnJ7zwGM5Bw0xxaocTl1c6qV36SYqDEbcv9f60WmZa_tbnPgwik4AH_9dzA94fc4gs-yOUt2cS/s1600/IMG_1157.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJTFkumb5WWB7vpN176luxlbjPQ25hXPFSpnis1svHUoRD6sPitkQu3bvbjHj2Y8zd9stnJ7zwGM5Bw0xxaocTl1c6qV36SYqDEbcv9f60WmZa_tbnPgwik4AH_9dzA94fc4gs-yOUt2cS/s320/IMG_1157.JPG" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBo-heB-S8cffXo2OgVVZIvve_9v8lnuHBpBFhuUg_Xt_Tn9PjMxbAVNQtshbk8QPyR9DYfNp8CYL26ONR1gN4vm5ArxFmvmd4Xqh87gDkeNlv8hwabZsxuWlYqWLOoPqYNZP-rcbNE6gx/s1600/IMG_1159.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBo-heB-S8cffXo2OgVVZIvve_9v8lnuHBpBFhuUg_Xt_Tn9PjMxbAVNQtshbk8QPyR9DYfNp8CYL26ONR1gN4vm5ArxFmvmd4Xqh87gDkeNlv8hwabZsxuWlYqWLOoPqYNZP-rcbNE6gx/s320/IMG_1159.JPG" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd65JqmTM3Hp0ayZl6d-EvN3L62HHW1Z0fkhYOx1hwW4Sdt7hLFOYNFCi8NUM1A7bjptSugoDq_X2NiGhr75Nh48gxk6zh1MXSymt2EwG43DGQQlF4rSYKa7GNNbpv_YMgycGGDGxq5Qhq/s1600/IMG_1160.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd65JqmTM3Hp0ayZl6d-EvN3L62HHW1Z0fkhYOx1hwW4Sdt7hLFOYNFCi8NUM1A7bjptSugoDq_X2NiGhr75Nh48gxk6zh1MXSymt2EwG43DGQQlF4rSYKa7GNNbpv_YMgycGGDGxq5Qhq/s320/IMG_1160.JPG" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheC0WPSeewY5JNyCLyBDBtAAX-LTDNO2zjwiorRg-jqVasNoHPPeT1UCNQ1AshiCwisUs_VG-uqX9lTqKVPvU__mLtSrRJYyQ2uCxbQofLPcgMRjWHDHJIa74Z30WwP40ATDLunUUQm1MR/s1600/IMG_1161.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheC0WPSeewY5JNyCLyBDBtAAX-LTDNO2zjwiorRg-jqVasNoHPPeT1UCNQ1AshiCwisUs_VG-uqX9lTqKVPvU__mLtSrRJYyQ2uCxbQofLPcgMRjWHDHJIa74Z30WwP40ATDLunUUQm1MR/s320/IMG_1161.JPG" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVDfBMY-83QIsl6yty1pIIL-gkmexmlaOPk1-yb5FGZNG9X0vcTlfgo84H7HwKO8-JjKt-wFG6DXsCD4Egtdtvsrm-Pm9Vw7lmjTxrC69ySucPqzcZzldiZ9rZwjqOVZZ0G2lvS6tbfKti/s1600/Screen+Shot+2014-11-27+at+16.20.06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVDfBMY-83QIsl6yty1pIIL-gkmexmlaOPk1-yb5FGZNG9X0vcTlfgo84H7HwKO8-JjKt-wFG6DXsCD4Egtdtvsrm-Pm9Vw7lmjTxrC69ySucPqzcZzldiZ9rZwjqOVZZ0G2lvS6tbfKti/s1600/Screen+Shot+2014-11-27+at+16.20.06.png" height="320" width="241" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQVzs6znanuWjWe1_MPaioLi1q4Xs-oH2m2eUstNUMe5Hu6Vi3Rrgtyps4sfObqfesujnQJZ_ikaAeKJbO-bCcH17oln4AGiN34FGIRzDDvlg4jDQPBsmVXMeSp99qaPSgPNMWQP13Y1l-/s1600/IMG_1164.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQVzs6znanuWjWe1_MPaioLi1q4Xs-oH2m2eUstNUMe5Hu6Vi3Rrgtyps4sfObqfesujnQJZ_ikaAeKJbO-bCcH17oln4AGiN34FGIRzDDvlg4jDQPBsmVXMeSp99qaPSgPNMWQP13Y1l-/s1600/IMG_1164.JPG" height="320" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhQzFJrJSzZGOusYHcts3JA8FjmBAUD8rFwq1weu-UNwWp2Tnr4Wsu-uwSsK1RSoLlndVpOkE_Oma8_fUiQ1wFGUlDoypWb0_-onjZa9lnPzlO0Mzce0S_MwlShLE_DYimvyuS0J1iPJA/s1600/Screen+Shot+2014-11-29+at+17.40.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhQzFJrJSzZGOusYHcts3JA8FjmBAUD8rFwq1weu-UNwWp2Tnr4Wsu-uwSsK1RSoLlndVpOkE_Oma8_fUiQ1wFGUlDoypWb0_-onjZa9lnPzlO0Mzce0S_MwlShLE_DYimvyuS0J1iPJA/s1600/Screen+Shot+2014-11-29+at+17.40.18.png" height="320" width="248" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB64JGtHK5zoUIhiWBD0CACVrNuwl1sZJJVQGZV6Jb3DRVU85ul1Hoi3w7fs3Rg_oxKXyD5RaFVBurfeBIAFkytiCC21hFX9-oY0PmPEzzYTRccATtKHiJkJ7z_uYpxMBc8CLeG6tkA2J4/s1600/IMG_1184.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB64JGtHK5zoUIhiWBD0CACVrNuwl1sZJJVQGZV6Jb3DRVU85ul1Hoi3w7fs3Rg_oxKXyD5RaFVBurfeBIAFkytiCC21hFX9-oY0PmPEzzYTRccATtKHiJkJ7z_uYpxMBc8CLeG6tkA2J4/s1600/IMG_1184.JPG" height="320" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWNwPV6aREuGrx5l48z-I-DIULH51Hfcl9inoSKrUNvG2cq5kM-USuiVCQ8kr9Ea5-pvLeciZ_Zjq_DJXM2L15JU3CpxWGK9lm2A5ku_v9QPerP882h-A7j9a59MotNVWgqw4Rdp2dtPqy/s1600/IMG_1191.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWNwPV6aREuGrx5l48z-I-DIULH51Hfcl9inoSKrUNvG2cq5kM-USuiVCQ8kr9Ea5-pvLeciZ_Zjq_DJXM2L15JU3CpxWGK9lm2A5ku_v9QPerP882h-A7j9a59MotNVWgqw4Rdp2dtPqy/s1600/IMG_1191.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDebOPBHckec8OnGMFaCmRetnV3AjnxTRbxspqNMnqeE_A4ThY2l505Tj19NWGj0pQot02orzvvoOzJDtaTrS_QQRDEpv32qDGTy05iFNtmb8rlgqYyuBfnxqxVJ80KLT2RVukBfsOEmfF/s1600/IMG_1193.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDebOPBHckec8OnGMFaCmRetnV3AjnxTRbxspqNMnqeE_A4ThY2l505Tj19NWGj0pQot02orzvvoOzJDtaTrS_QQRDEpv32qDGTy05iFNtmb8rlgqYyuBfnxqxVJ80KLT2RVukBfsOEmfF/s1600/IMG_1193.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIntIkqikiWh0Eb_NlZ0qdYl0qso8_N4G2DrfMgKQ7XM1O2ZZJdovNOOdMKa6qg9CdknzuZmr4KmWTVJTItgvj5qgMxl3v4bIDsxgffrsMMExD91-jCo5PiBbzQXcJFXYFCJUwnCNZYSZ1/s1600/IMG_1223.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIntIkqikiWh0Eb_NlZ0qdYl0qso8_N4G2DrfMgKQ7XM1O2ZZJdovNOOdMKa6qg9CdknzuZmr4KmWTVJTItgvj5qgMxl3v4bIDsxgffrsMMExD91-jCo5PiBbzQXcJFXYFCJUwnCNZYSZ1/s1600/IMG_1223.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjrKDdojSYdW6vuLukllahU1RLPxs3mYKr-hDEyRyMNKuEjEqE0hg1BEF1wzCC9BP5n-BikyaxI4HZmDktR90SkfvKT9xkHoKVkRa1PrEdsNOFZNVu3eqWJ37CgbZWYtDLi01OaKYaVgSx/s1600/IMG_1224.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjrKDdojSYdW6vuLukllahU1RLPxs3mYKr-hDEyRyMNKuEjEqE0hg1BEF1wzCC9BP5n-BikyaxI4HZmDktR90SkfvKT9xkHoKVkRa1PrEdsNOFZNVu3eqWJ37CgbZWYtDLi01OaKYaVgSx/s1600/IMG_1224.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVWD6kTs7aDjHUvlwb761DjErdRgoBRgxhQsTOU5dvDAqj94_UjixBk300nVErRZSDiSaB4ohKOWrXOkR7rzM-9Fux2g_jNeX4icj3ZHufEm-KQNkiR12tuxA7Vvl-1IxxM-WXssb1hQo-/s1600/IMG_1225.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVWD6kTs7aDjHUvlwb761DjErdRgoBRgxhQsTOU5dvDAqj94_UjixBk300nVErRZSDiSaB4ohKOWrXOkR7rzM-9Fux2g_jNeX4icj3ZHufEm-KQNkiR12tuxA7Vvl-1IxxM-WXssb1hQo-/s1600/IMG_1225.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg417HPuvzC1KlM9qojs08NgGoKscu-o8obECd4oHRWsxugDQEPe02QOJWE9cyjicmjU5qOboTBhPrhyphenhyphenc0ojRWkIw0IupQKy1fox1-yW8zdTF_0qSwZPhEzJgUS4zZb_UlRGJeJeLRakezL/s1600/IMG_1226.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg417HPuvzC1KlM9qojs08NgGoKscu-o8obECd4oHRWsxugDQEPe02QOJWE9cyjicmjU5qOboTBhPrhyphenhyphenc0ojRWkIw0IupQKy1fox1-yW8zdTF_0qSwZPhEzJgUS4zZb_UlRGJeJeLRakezL/s1600/IMG_1226.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK2HKReKbsJl3SMhK8EiPw8IO1xYgREUfgscSu3mbQRwJVM66J0Hl8o6HBZteGuubWyohB-kMuqPJYpzpjiDyqjVmmro0S5l6byWmK4SHrhkd9LQf9fLDUMvrLKNwERkjD0xBBLGSANfAh/s1600/IMG_1227.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK2HKReKbsJl3SMhK8EiPw8IO1xYgREUfgscSu3mbQRwJVM66J0Hl8o6HBZteGuubWyohB-kMuqPJYpzpjiDyqjVmmro0S5l6byWmK4SHrhkd9LQf9fLDUMvrLKNwERkjD0xBBLGSANfAh/s1600/IMG_1227.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdiJZjHMDXRnjq8QCg-WgCkMRz_xfT3XXQnAYnOy_e2HGT6Hxuvfb8N5TGhlmlrHvk_sMNGmRrEiQNibV8DPqDWxvR71shFqnvc2Ub1cg8SYfSaFUuKWVMJvKxIaYmX_2Pj6U4PNOZjqY/s1600/IMG_1228.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdiJZjHMDXRnjq8QCg-WgCkMRz_xfT3XXQnAYnOy_e2HGT6Hxuvfb8N5TGhlmlrHvk_sMNGmRrEiQNibV8DPqDWxvR71shFqnvc2Ub1cg8SYfSaFUuKWVMJvKxIaYmX_2Pj6U4PNOZjqY/s1600/IMG_1228.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSfBnhGKpwCi9_IOdgmihQNMeKcfkO4ylMD16g0M-1v1r6y0Ho9h9nVIE2eDAPdgjhKw5qkXMIPVPeJV5iNe4sYGD0UEGIuBoZLzcCQVa1GUtoFN_C_ZsHNNzNCLU_WrwL7w_Gv_YNePEU/s1600/IMG_1229.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSfBnhGKpwCi9_IOdgmihQNMeKcfkO4ylMD16g0M-1v1r6y0Ho9h9nVIE2eDAPdgjhKw5qkXMIPVPeJV5iNe4sYGD0UEGIuBoZLzcCQVa1GUtoFN_C_ZsHNNzNCLU_WrwL7w_Gv_YNePEU/s1600/IMG_1229.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdLNGkwFUX1Pt88u3Qg11nbnqxlmgjOOAnMYIUhouZoVKf0QK-Vo7Pny69SSA5vbxwr-K4HvIh2MqYhd3imwVWA-xLNbq8iXRgmdGlA7EpGViCvKT91dO1fXMeo-wpOkLCV9risyhdBBQ/s1600/IMG_1230.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdLNGkwFUX1Pt88u3Qg11nbnqxlmgjOOAnMYIUhouZoVKf0QK-Vo7Pny69SSA5vbxwr-K4HvIh2MqYhd3imwVWA-xLNbq8iXRgmdGlA7EpGViCvKT91dO1fXMeo-wpOkLCV9risyhdBBQ/s1600/IMG_1230.JPG" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8_673EtiYZiyYTd8d-vEHMqWXkjq17Z6RQJ2BSGLplhREydDXNyWWGz65RHeXmvDGN9qJ4ULU0CarcahndfAcmB2cBCgT8KNxw254GXOytAHoOxZOnNQbjT-T8ecRoQwvHRed3mYoCyj1/s1600/IMG_1231.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8_673EtiYZiyYTd8d-vEHMqWXkjq17Z6RQJ2BSGLplhREydDXNyWWGz65RHeXmvDGN9qJ4ULU0CarcahndfAcmB2cBCgT8KNxw254GXOytAHoOxZOnNQbjT-T8ecRoQwvHRed3mYoCyj1/s1600/IMG_1231.JPG" height="320" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixwjCd2HYgjqge0PVqAhHGwdhXrZGHLN__-o42Plhsj0FN54VDl5wXwMR5gU78LQEHBQJDoCH548DHLJXhGuYQTfRRG7dEl5wOAhnZ1FfoH8rzf7chO3IUZrEcQY7MHdSRQDkN0OwnhcsJ/s1600/Screen+Shot+2015-01-08+at+19.40.29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixwjCd2HYgjqge0PVqAhHGwdhXrZGHLN__-o42Plhsj0FN54VDl5wXwMR5gU78LQEHBQJDoCH548DHLJXhGuYQTfRRG7dEl5wOAhnZ1FfoH8rzf7chO3IUZrEcQY7MHdSRQDkN0OwnhcsJ/s1600/Screen+Shot+2015-01-08+at+19.40.29.png" height="320" width="263" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPWhOql3bSZbu9ohKKs63G4KGIrvySMperMnILT9a43WdcSmPWpz7XKM3FTE2Km_zqZVSpn846IfhIaVQ6RfrtdqIfUEK9dQpwOR15w0PbHBl2WEviQyZEW7AvZpKTK4dJrpZKYhbFSO5H/s1600/Screen+Shot+2015-01-08+at+19.40.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPWhOql3bSZbu9ohKKs63G4KGIrvySMperMnILT9a43WdcSmPWpz7XKM3FTE2Km_zqZVSpn846IfhIaVQ6RfrtdqIfUEK9dQpwOR15w0PbHBl2WEviQyZEW7AvZpKTK4dJrpZKYhbFSO5H/s1600/Screen+Shot+2015-01-08+at+19.40.41.png" height="320" width="253" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span><br />
<div>
<br /></div>
<div>
<br /></div>
James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-50379538316017614472014-11-06T07:03:00.000-08:002014-11-06T07:03:27.175-08:00Tutorial 1<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tBIgmG15IjuAbvvtSMrnY4JrlvMkAdehnMh7uMkUONDWMflFMccL4CjIAoVJ7QMJtiuxKAXZSH427UyXhh6WWZzqLzvn-OVtotrCX2bzL24p0rkX-bPq7O2q00fHWU1wPS00s1oYzmTO/s1600/IMG_1152.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tBIgmG15IjuAbvvtSMrnY4JrlvMkAdehnMh7uMkUONDWMflFMccL4CjIAoVJ7QMJtiuxKAXZSH427UyXhh6WWZzqLzvn-OVtotrCX2bzL24p0rkX-bPq7O2q00fHWU1wPS00s1oYzmTO/s1600/IMG_1152.JPG" height="400" width="300" /></a></div>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I had my first dissertation tutorial today and I now have a better title and some areas to explore. For the next tutorial I have been asked to try and have a structure to my writing and have a good idea of what I will be making for the practical side. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Updated Working Title:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><b>How can theories of perception inform layout design? </b></span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-29488908183035972432014-10-21T11:11:00.002-07:002015-01-09T09:11:11.535-08:00Notes<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Before I can start to write and plan my practical side I need to have a good understanding of the theories relating to the subject so I can apply what I am writing about by experimenting with the layout.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3nC7qVx_Ym4l1gRJWW_2A4BSw_4AyMZk4utEAXVb3PHliBkTrojes5EMLGyqr688aTT0sG8meis5R408bo3nJkoCKeqKnVwd1zXlPo0iBokZPwzv1tqs73HW88k8_oxU-1G8xjTGL-qOW/s1600/notes.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3nC7qVx_Ym4l1gRJWW_2A4BSw_4AyMZk4utEAXVb3PHliBkTrojes5EMLGyqr688aTT0sG8meis5R408bo3nJkoCKeqKnVwd1zXlPo0iBokZPwzv1tqs73HW88k8_oxU-1G8xjTGL-qOW/s1600/notes.jpeg" height="400" width="290" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYw9e6Mao2_9HGOn-FM_8-KhSPXBAkWbsLyiQURL08HoiKEstv0D-xS1Kpnq8O5TJAa_clAtCbAXn1MfGXhNhqRB0EtPsk7JQAuuwKi8_23LMOirYHyqCJvE13haSV1RLHzX33bgnaSi3/s1600/notes+1.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYw9e6Mao2_9HGOn-FM_8-KhSPXBAkWbsLyiQURL08HoiKEstv0D-xS1Kpnq8O5TJAa_clAtCbAXn1MfGXhNhqRB0EtPsk7JQAuuwKi8_23LMOirYHyqCJvE13haSV1RLHzX33bgnaSi3/s1600/notes+1.jpeg" height="400" width="290" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZVgxMVY7Methe-N-8RFwjL-ljfnfwRw9wBOnnudMyjLcHROZ9d3SIbHM23iTl86-Dfp5jd0Azpi5bUHNr0TdpE8s3Ka776cX3pejA_hY2gJmjVqWa1eiMYBRwMQy7vT4nb5q6UM90vXt6/s1600/notes+2.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZVgxMVY7Methe-N-8RFwjL-ljfnfwRw9wBOnnudMyjLcHROZ9d3SIbHM23iTl86-Dfp5jd0Azpi5bUHNr0TdpE8s3Ka776cX3pejA_hY2gJmjVqWa1eiMYBRwMQy7vT4nb5q6UM90vXt6/s1600/notes+2.jpeg" height="400" width="290" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSu5wLDGLMGHtLXIyKMSdk2NMRVtEHwjV17njVhe4hAiCDtiSvmsoy89EBZrgcyGxyGh1EtzTsyQP-RT0DzFggUyOnDC5oQKRqLu-QeYHMiy25FD4TlWB0VQknC6hU1Z4ADvagqkLffNYi/s1600/notes+3.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSu5wLDGLMGHtLXIyKMSdk2NMRVtEHwjV17njVhe4hAiCDtiSvmsoy89EBZrgcyGxyGh1EtzTsyQP-RT0DzFggUyOnDC5oQKRqLu-QeYHMiy25FD4TlWB0VQknC6hU1Z4ADvagqkLffNYi/s1600/notes+3.jpeg" height="400" width="290" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBPPrjTi8yci1Ikbnt4e0gl93MPPQyz-e-7fXfid68iOSHbPRQcDt_5LVzeBJaRdIN9qRgnmJJO0tyAEf6gPGdwTBMFDAbVrcnNi_OMzGA-W4SeYRF_cP0lSRCIFW6mmv8EuQi955Zmm32/s1600/notes.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBPPrjTi8yci1Ikbnt4e0gl93MPPQyz-e-7fXfid68iOSHbPRQcDt_5LVzeBJaRdIN9qRgnmJJO0tyAEf6gPGdwTBMFDAbVrcnNi_OMzGA-W4SeYRF_cP0lSRCIFW6mmv8EuQi955Zmm32/s1600/notes.jpeg" height="400" width="290" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNSmfOMwL0BC0WLgfv9DDcE2SRyHeKdFLD835qR6aSb4L2dRP5dkFVazkR6gLM2lKQziHW30pQ-B2ZfpuLBHW_5jN02y5_juarX9PuHj3WJMBiCJjsMU74olsBvXHaqPojh27Tjj4eAkEn/s1600/notes+1.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNSmfOMwL0BC0WLgfv9DDcE2SRyHeKdFLD835qR6aSb4L2dRP5dkFVazkR6gLM2lKQziHW30pQ-B2ZfpuLBHW_5jN02y5_juarX9PuHj3WJMBiCJjsMU74olsBvXHaqPojh27Tjj4eAkEn/s1600/notes+1.jpeg" height="214" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUS1bG5Atz3sG62tjlonJeqFctNEQNut-prCZZjsaPxgTfeZTHc2BMdSD2dRH-UvWx7aQ3A0MExURzw8UA8Gn5b7kw-H6U_f39P7GOB5bxGVxsfnV8k65cPuSJ30LI1cNF4CGkOGDWPV94/s1600/notes+2.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUS1bG5Atz3sG62tjlonJeqFctNEQNut-prCZZjsaPxgTfeZTHc2BMdSD2dRH-UvWx7aQ3A0MExURzw8UA8Gn5b7kw-H6U_f39P7GOB5bxGVxsfnV8k65cPuSJ30LI1cNF4CGkOGDWPV94/s1600/notes+2.jpeg" height="320" width="306" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOmlHsZSq-12l4V8FId0e4ySVNMRYG1HKJxsVv-R7YvsPHEhUqMpoIRGbNkhhAJwAnMvtgTedPNliEjFYyn0AMFh9zdkS6rW5Gcj5z4R0bfQP0b_uytuO9tvEhhs9FJuVt0-TRbZ6DjW9/s1600/notes+3.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOmlHsZSq-12l4V8FId0e4ySVNMRYG1HKJxsVv-R7YvsPHEhUqMpoIRGbNkhhAJwAnMvtgTedPNliEjFYyn0AMFh9zdkS6rW5Gcj5z4R0bfQP0b_uytuO9tvEhhs9FJuVt0-TRbZ6DjW9/s1600/notes+3.jpeg" height="400" width="290" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBrOxIOlYmg6zpF8qmQkwCN9k3qdYBMJb-gf_3TG39XwhkX8uf9s6GyrTCT4_tCblGiJ1bfdw8wSV0jpLkYVIE-5uhDOjqQRUfd4KxsBBI1DhAsMdTMoWIg5BOov3ALL52hkbbEr151FI/s1600/notes+4.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBrOxIOlYmg6zpF8qmQkwCN9k3qdYBMJb-gf_3TG39XwhkX8uf9s6GyrTCT4_tCblGiJ1bfdw8wSV0jpLkYVIE-5uhDOjqQRUfd4KxsBBI1DhAsMdTMoWIg5BOov3ALL52hkbbEr151FI/s1600/notes+4.jpeg" height="400" width="290" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjE5x28KcRnAY8Zw0oQlbFi2YPKBDwTglKUYDb8GbpiL0RHd57ZNjZmIHvRAMle0zNaW4X3Z8BnEEy9d9mvaWtxCkEM7UtgLiy8UFRkzYihvC_IfG5wTWejyqNPJ5R8PF9-FaqvIbhwa9w/s1600/notes+5.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjE5x28KcRnAY8Zw0oQlbFi2YPKBDwTglKUYDb8GbpiL0RHd57ZNjZmIHvRAMle0zNaW4X3Z8BnEEy9d9mvaWtxCkEM7UtgLiy8UFRkzYihvC_IfG5wTWejyqNPJ5R8PF9-FaqvIbhwa9w/s1600/notes+5.jpeg" height="400" width="290" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHbZRc2pMaibBhF45RxqlDgs0ZgWhDKzf-EgLDLy_eoeeq8jkkEod8Xs1AzksHk1n5eUPJckRy7hKXZKIwUsJG2s5brdNgeT4xtWzx-D8sTbVihNHfKYEX0SPPVtIIpYairqSBhmNPDjU4/s1600/IMG_1233.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHbZRc2pMaibBhF45RxqlDgs0ZgWhDKzf-EgLDLy_eoeeq8jkkEod8Xs1AzksHk1n5eUPJckRy7hKXZKIwUsJG2s5brdNgeT4xtWzx-D8sTbVihNHfKYEX0SPPVtIIpYairqSBhmNPDjU4/s1600/IMG_1233.JPG" height="320" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-45120484770788706212014-10-16T13:38:00.001-07:002014-10-18T09:19:03.801-07:00Cop Presentation <iframe class="scribd_iframe_embed" data-aspect-ratio="1.4160125588697017" data-auto-height="false" frameborder="0" height="600" id="doc_91330" scrolling="no" src="https://www.scribd.com/embeds/243257317/content?start_page=1&view_mode=scroll&access_key=key-AUhkviseJMLaLUhhDSdJ&show_recommendations=true" width="100%"></iframe><br />
<br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></b>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Feedback</span></b><br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></b>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">My presentation didn't go to well as I didn't explain my idea very clearly but after after talking to Richard one on one I go some good feedback to help me get going with the project.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I have been told to re-think my title but the underlining idea is ok and can be used. It was suggested to split the writing into two sections, the first have will cover the theory and psychology as there will be a lot to write about this and the second could be a case study of three images from different time periods. This will allow for historical links and analysis of the theory into practice. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">What I need to do from now is to read and study the theories to make sure I have a strong understanding of what they mean and how to use them so I can start to plan the practical side and apply them through out the design process.</span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-49172463538691147042014-10-07T05:33:00.003-07:002014-11-25T08:36:30.818-08:00Lecture Presentations <b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Organising Your Research Project </span></b><br />
<br />
<div class="issuuembed" data-configid="6465620/9623057" style="height: 394px; width: 525px;">
</div>
<script async="true" src="//e.issuu.com/embed.js" type="text/javascript"></script>
.<br />
<br />
<br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Methodologies & Critical Analysis </span></b><br />
<br />
<iframe class="scribd_iframe_embed" data-aspect-ratio="1.3323485967503692" data-auto-height="false" frameborder="0" height="600" id="doc_40342" scrolling="no" src="https://www.scribd.com/embeds/242940785/content?start_page=1&view_mode=scroll&access_key=key-Yox4ngeCCJltlqtn4UxF&show_recommendations=true" width="100%"></iframe><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Methods:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">how to the information you have found is...</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-sourced</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-collected</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-collated</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-presented</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Need to clearly evidence why you selected the methods of gathering information and why they are most appropriate for your study.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Theories:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-can help to decide upon the methods you use</span><br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">-Alternatively the material you find may suggest the appropriate theories</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Chose at least one key theory that relates to my material</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">each theory will have own agenda </span><br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">How am I going to go about this, what </span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">theories and methods will I use</span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"> to maximise results?</span><br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Will the practical side be my methodology? </span><br />
<br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">1 Methods</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">2 Theories </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">3 Application</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">1.Make decisions about how to collect and order information</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">2.Choose a relevant theoretical stand point</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">3. Apply these to your study</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">4.<b> Explicitly outline this in the introduction. Address suggested failings in the conclusion</b></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b><br /></b></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Critical Analysis:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-evaluating material based on evidence and research and making a selection on an informed decision </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Skeptical approach</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Reasoned thinking: stepping away and using evidence and logic to come to your conclusions</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Awareness of perspectives </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br />Where was the author/ artist/ designer/ situated ?</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">try to consider different points of view </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Where am I coming from?</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-how is my choice of topic influenced by my emotions; aspirations; context?</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Context is everything!</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">consider the influence of one or more of the following:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">the time, place, society, politics, economics, technology, philosophy, scientfic</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Evidence:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-What is the evidence for what you are saying?</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Could you find more evidence to support your conclusions? </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">EVIDENCE</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">REASON </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">LOGIC</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">ARGUMENT </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Argument:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-What do I want to say?</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Have I got the evidence to back it up?</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Where else do I need to look in order to find more evidence?</span> <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br />Triangulation:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Pitting alternative theories against the same body of data </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Am I expressing myself clearly and logically</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">A clear logical plan</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-keep it simple, refine what you want to say and focus on a few key issue</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Look into your key issues in depth and bring in the maximum evidence in to support your views </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Discuss your issues and the evidence you have found in a clear and logical manner</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Move form the general to the specific</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Resolving your Research Project and Academic Conventions</span></b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<iframe class="scribd_iframe_embed" data-aspect-ratio="1.3323485967503692" data-auto-height="false" frameborder="0" height="600" id="doc_94321" scrolling="no" src="https://www.scribd.com/embeds/248185410/content?start_page=1&view_mode=scroll&access_key=key-XLGV95XyiZxSgxuBImRY&show_recommendations=true" width="100%"></iframe><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">-Intro</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">What are you going to address and how are you going to address it?</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Academic conventions- structure and standardise, aspire to academic honesty </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">expected to:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Demonstrate critical knowledge of practice </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">apply theory to practice </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">analyse relevant material </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">evaluate theory and evidence within the context of study</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">reflect- critiquing and critically reflecting on your learning and using this to improve practice </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Avoid a surface approach!!!</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Challenge ideas an unpick them </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Deep Approach:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">bring in own ideas and opinions </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">relate theory and research to own experience and knowledge </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">structured around logic and thinking </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">ongoing process of reflection </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">intelectual engagement- evidence on blog!</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">show understanding of technical language </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">have to evidence points from engagement from research </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">make argument and back it up </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">concise and direct style of writing </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Avoid abbreviations and contractions, slang words and phrases, conversational terms and vague terms </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-large;"><b>50 DAYS LEFT!!</b></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-large;"><b><br /></b></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-large;"><b>deadline 15th jan 4pm</b></span><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">hand-in </span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">two copies of dissertation hard copy and electronic version on e-studio </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">see e-studio for submission details, stucture, binding..........</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">The Print & Copy Bureau. LEEDS UNI </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">6 pound per dissertation before 12th jan</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Take 24 hrs to bind </span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0tag:blogger.com,1999:blog-3000137733752368386.post-51788830212251449352014-10-06T07:16:00.000-07:002014-10-21T11:19:39.742-07:00Working Title <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-large;">A historical and theoretical analysis of form and space. The conscious use of negative space and structural systems within graphic design.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-large;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">I am really interested in visual perception and the psychology behind it so I want to write about the different theories and methods used in graphic design. For the practical part of the module I am going to design a magazine that uses the theories within the layout. The content will be based on the interpretation of "balance," for example, different philosophies, articles, poems.....all based on the theme of balance.</span>James Keefehttp://www.blogger.com/profile/17158029006870604746noreply@blogger.com0