Friday, 28 October 2011
Exibition Ideas
I have been thinking of possible exibition ideas below is a scanned in copy of my ideas and notes.
Final Screenshots of Client Project
Screen shots of final mobile site.
The first image is of the homepage.
This screenshot is of the gallery within the mobile site.
The first image is of the homepage.
This screenshot is of the gallery within the mobile site.
Wednesday, 26 October 2011
Proposal - Assingment one Context 3
Proposal: I propose to found a unque bussiness that will appeal to a large audience. The concept wasnt possible years ago due to the lack in technology but now times have progressed and the technology is at a sustainable level. I intend to make a web/graphic designer company that specailes in 3D stereoscopic applications, that will change education, advertising and online shopping. Improving all the aspects within these fields. Eg education helping teach children space enviroments and the solar system in 3Dimensions from their classrooms. To unversity medical school where possible autopseys and digrams in 3D give them the more accurate results and indepth knowledge that 2D couldnt provide.
Research Project - Topic Sheet
“How does the response of websites and interaction help keep viewers Interested?”
I hope to find out how specific techniques within web applications use interaction to keep a browser interested. I intend to look in depth if this encourages the browser to stay on the webpage or not. Investigating how these forms of interactions are developed and the outcome of the end results. Do they work and what multimedia methods are involved in the interface, such as Graphics, visuals, structure, sounds and videos. I intend to support this research with five articles using a mixture of secondary and primary sources to complete the project. So far I have began researching useful sources whilst gaining some background knowledge.
My initial plan is to separate the specific interactions into set category’s. This will define the different interactions within the web applications. After looking at numerous web interfaces both on desktop and mobile devices I have decided to split the interactions into three very specific groups. Whilst looking at the three groups I will also look at other factors that may affect the overall response between the viewers. The first category will be visuals and graphics, looking at how certain imagery can interact with the browser or even keep them actively engaged with the web page. The second group will be video and audio mediums applied to the web applications. The final group will be other interactions including things such as the animations within the webpages and other content. Whilst investigating these three areas I hope to see not only if a websites responds with the user but does it keep them interested using specific technique. In addition this should indicate which method works best to achieve the interaction.
I hope to find out how specific techniques within web applications use interaction to keep a browser interested. I intend to look in depth if this encourages the browser to stay on the webpage or not. Investigating how these forms of interactions are developed and the outcome of the end results. Do they work and what multimedia methods are involved in the interface, such as Graphics, visuals, structure, sounds and videos. I intend to support this research with five articles using a mixture of secondary and primary sources to complete the project. So far I have began researching useful sources whilst gaining some background knowledge.
My initial plan is to separate the specific interactions into set category’s. This will define the different interactions within the web applications. After looking at numerous web interfaces both on desktop and mobile devices I have decided to split the interactions into three very specific groups. Whilst looking at the three groups I will also look at other factors that may affect the overall response between the viewers. The first category will be visuals and graphics, looking at how certain imagery can interact with the browser or even keep them actively engaged with the web page. The second group will be video and audio mediums applied to the web applications. The final group will be other interactions including things such as the animations within the webpages and other content. Whilst investigating these three areas I hope to see not only if a websites responds with the user but does it keep them interested using specific technique. In addition this should indicate which method works best to achieve the interaction.
Research Project - Possible Questions
I have listed three possible starting questions below;
“How has web design changed to become more portable to fit the needs of the user?”
I intend to research the development of new web applications and how they have changed to fulfill the needs of the audience. Particularly looking how the web response has changed from desktop to mobile. I intend to investigate the variables of a traditional mobile site in comparison to the desktop interface, comparing the evolution between the old and new. Taking in to account the specific aspects of both desktop and mobile/ App to discover how the need for portability has modified the original desktop web interfaces.
“How does the response of websites and interaction help keep viewers Interested?”
I hope to find out how specific techniques within web applications use interaction to keep a browser interested. I intend to look in depth if this encourages the browser to stay on the webpage or not. Investigating how these forms of interactions are developed, and the outcome of the end results. Do they work and what multimedia methods are involved in the interface, such as Graphics, visuals, structure, sounds and videos.
“Do mobile websites and apps benefit Local Leisure and Tourism?”
I intend to investigate how Mobile applications such as Apps and mobile sites can benefit Local Leisure and Tourism. Achieving a better understanding of the capability of mobile applications and how they function to the needs of the audience. Looking in depth how interfaces such as maps, guided tours, events, facts and figures can possibly improve tourism.
“How has web design changed to become more portable to fit the needs of the user?”
I intend to research the development of new web applications and how they have changed to fulfill the needs of the audience. Particularly looking how the web response has changed from desktop to mobile. I intend to investigate the variables of a traditional mobile site in comparison to the desktop interface, comparing the evolution between the old and new. Taking in to account the specific aspects of both desktop and mobile/ App to discover how the need for portability has modified the original desktop web interfaces.
“How does the response of websites and interaction help keep viewers Interested?”
I hope to find out how specific techniques within web applications use interaction to keep a browser interested. I intend to look in depth if this encourages the browser to stay on the webpage or not. Investigating how these forms of interactions are developed, and the outcome of the end results. Do they work and what multimedia methods are involved in the interface, such as Graphics, visuals, structure, sounds and videos.
“Do mobile websites and apps benefit Local Leisure and Tourism?”
I intend to investigate how Mobile applications such as Apps and mobile sites can benefit Local Leisure and Tourism. Achieving a better understanding of the capability of mobile applications and how they function to the needs of the audience. Looking in depth how interfaces such as maps, guided tours, events, facts and figures can possibly improve tourism.
Report Client Project
In the client project i chose to create a design that would boost the awareness of cancer research within the Alumni association.
The project was to create a multimedia device/service for Alumni. That would benefit the company or clients. Immediately I tackled the brief by thinking up possible scenarios and how the product I would make may solve these or in fact help. I found that after numerous lectures the company helps others in many ways and works across a board area. To create something that functioned and was fit for purpose in the allotted time I decided to develop something more specific aiming at a certain sector of the business. The particular sector I wanted to do was Cancer research as not only would this be an area that I could raise awareness but I could develop A device that could raise donations that would help others. Working for the Alumni Company to create a way of donating through them which has its benefits.
Now I had a goal set in mind of what I would make I began the planning stages. The initial Ideas for the products I had where, A short animation with details at the end for charity purposes and Donating. The second was a website or App. The next was a logo and poster. These all being different ways of developing a multimedia product that could work for the Alumni in advertising and functioning to help raise awareness. After weighing up the pros and cons and taking into account the time limit I decided on making an App with a Logo as an addition. The reason for this was to help create a design that functioned but also has its own identification. I started the producing stages by drawing up a few different wireframes for the site. I also drew up numerous illustrations of possible logo designs. Now I had some ideas on paper I began the coding process and getting the structure of the app made. For this part I had a few problems getting the code to look and function correctly on both IPhone and Android. I used J query to help and also added media queries to resize the screen for other protable devices. I then used the CSS to style and add the graphics from the wireframes I had created on Photoshop. I decided on one of the designs out of the two I made by getting constructive criticism and an audience to pass comments on both. This gave me critical comments on the style, structure, color scheme and visuals. This helped in making the final decisions on how to design the final app but also what would work best. After creating the basic structure and design I began polishing parts of it and adding/ improving areas of the design. This included the functionality and transitions between the slides and the padding between certain objects. After adjusting these minor sections it made the overall functionality work and look better. Once finished and the final adjustments where amended after gaining feedback and constructive criticism off a number of participants. This consisted of statements about the graphics on certain pages such as font styles and typefaces that didn’t fit the correct criteria. Also another key change I made was the format of the pages and how the text was portrayed to the browser within the website. I made a theme that works as a whole to get the message across whilst graphically standing out.
The final product I believe achieved the aspirations and goals I set out to meet at the beginning of the project. I came across a few problems in the project especially in the coding, but putting in extra time and effort overcame these glitches and helped produced the final product. Overall I managed to organize my time well and finished the product in time even with the problems I had within the programing. After testing the app/ website I don’t think I would have done the project differently than I did it. As I meet the brief and managed to create a piece of work that not only functions to the needs of the client but also helps in the awareness and donation of cancer research.
The project was to create a multimedia device/service for Alumni. That would benefit the company or clients. Immediately I tackled the brief by thinking up possible scenarios and how the product I would make may solve these or in fact help. I found that after numerous lectures the company helps others in many ways and works across a board area. To create something that functioned and was fit for purpose in the allotted time I decided to develop something more specific aiming at a certain sector of the business. The particular sector I wanted to do was Cancer research as not only would this be an area that I could raise awareness but I could develop A device that could raise donations that would help others. Working for the Alumni Company to create a way of donating through them which has its benefits.
Now I had a goal set in mind of what I would make I began the planning stages. The initial Ideas for the products I had where, A short animation with details at the end for charity purposes and Donating. The second was a website or App. The next was a logo and poster. These all being different ways of developing a multimedia product that could work for the Alumni in advertising and functioning to help raise awareness. After weighing up the pros and cons and taking into account the time limit I decided on making an App with a Logo as an addition. The reason for this was to help create a design that functioned but also has its own identification. I started the producing stages by drawing up a few different wireframes for the site. I also drew up numerous illustrations of possible logo designs. Now I had some ideas on paper I began the coding process and getting the structure of the app made. For this part I had a few problems getting the code to look and function correctly on both IPhone and Android. I used J query to help and also added media queries to resize the screen for other protable devices. I then used the CSS to style and add the graphics from the wireframes I had created on Photoshop. I decided on one of the designs out of the two I made by getting constructive criticism and an audience to pass comments on both. This gave me critical comments on the style, structure, color scheme and visuals. This helped in making the final decisions on how to design the final app but also what would work best. After creating the basic structure and design I began polishing parts of it and adding/ improving areas of the design. This included the functionality and transitions between the slides and the padding between certain objects. After adjusting these minor sections it made the overall functionality work and look better. Once finished and the final adjustments where amended after gaining feedback and constructive criticism off a number of participants. This consisted of statements about the graphics on certain pages such as font styles and typefaces that didn’t fit the correct criteria. Also another key change I made was the format of the pages and how the text was portrayed to the browser within the website. I made a theme that works as a whole to get the message across whilst graphically standing out.
The final product I believe achieved the aspirations and goals I set out to meet at the beginning of the project. I came across a few problems in the project especially in the coding, but putting in extra time and effort overcame these glitches and helped produced the final product. Overall I managed to organize my time well and finished the product in time even with the problems I had within the programing. After testing the app/ website I don’t think I would have done the project differently than I did it. As I meet the brief and managed to create a piece of work that not only functions to the needs of the client but also helps in the awareness and donation of cancer research.
Final Logo Client Project
I Decieded to redevelop the logo to create a new design that fitted in with the design better and look more the part.
Edited Logo Client Project
This is the edited version of the drawn logo I did earlier in the project.
Wireframe Client Project Design 2
The home page is below.
The image below is a wireframe of the information page in the same style.
The image below is a wireframe of the information page in the same style.
Wireframe Client Project Design 1
This was one of the two wireframes I created from my sketches and designs.
Proposal For Client Project
I hope to create a design that will appeal to a wide audience and inform people of the work Alumni do. With the key function of the app/ mobile site to inform people and work as a donation recipient for cancer research. One of the main donations Alumni do. My initial plan was to do a mobile interface because of the advancement in multimedia portability. Giving people the freedom anytime and anywhere to use the very helpful app that when finished will not just inform people but work as a device to gain donations for Cancer Research. The Alumni particularly aim at graduates, but I intend to make my market sector more niche and be designed for one of the sections within the Alumni. Instead of creating a board vague App I have decided to make a more detailed specific App. I will produce the App programing it in Dreamweaver using specific lines of code to make it work on both IPhone and Android.
Client Project- Ideas
Ideas Client project
The projects brief was to create a multimedia form that meets the aspects of the company. The guide lines where board and the project could be whatever we deemed useful or relevant for the Alumni. I chose instead of targeting the company as a whole just aim at a specific part of the Alumni Corporation. This area was the Alumni Cancer research sector with key benefits for donating with them.
The first initial ideas I had where;
A short animation,
Poster,
Logo design,
Website,
App/mobile device.
After doing some quick market research and considering possible routes I may take. I decided the best one for numerous reasons was the App for Android/IPhone. The reason for this was because it would work best and put my talents/skills to best use. Using my programing and graphic design to make a popular portable site functioning to raise awareness and donations. This was also decided from my research showing that desktop websites are become less used in comparison to mobile web browsing. As an addition to this I decided to create a logo for Alumni, as there isn’t an existing one at the moment. This would give the company branding and identification within their field.
The projects brief was to create a multimedia form that meets the aspects of the company. The guide lines where board and the project could be whatever we deemed useful or relevant for the Alumni. I chose instead of targeting the company as a whole just aim at a specific part of the Alumni Corporation. This area was the Alumni Cancer research sector with key benefits for donating with them.
The first initial ideas I had where;
A short animation,
Poster,
Logo design,
Website,
App/mobile device.
After doing some quick market research and considering possible routes I may take. I decided the best one for numerous reasons was the App for Android/IPhone. The reason for this was because it would work best and put my talents/skills to best use. Using my programing and graphic design to make a popular portable site functioning to raise awareness and donations. This was also decided from my research showing that desktop websites are become less used in comparison to mobile web browsing. As an addition to this I decided to create a logo for Alumni, as there isn’t an existing one at the moment. This would give the company branding and identification within their field.
Monday, 3 October 2011
Photography Website Development
Photography Website- Homepage Graphics
I have done three alternative illustrations for the home page. The first was a illustration of my own. That I created uses brushes, layers and opacity in parts to give the finalised look. After constructive critisum I ddecied to develop the main focus of the page. I made the image more fit for purpose, making the main image a polaroid. This imediatly says photography being symbolic in illustrating the websites purpose. I created two different variations with this in mind. The first out of the two a scatterted stack of polaroids and the other a centralised polaroid. They both consisted of the same photo. Which was one of the images from the photographers portfolio. Giving the browser an insight into her work and style of photography. Below are the three different illustrations for the website I created.
Evaluation
The other amendments included a slight problem with the font face kit for the Google browsers homepage. Where the sub title disapeared, which i corrected by redirecting the code enabling it to work correctly. The next change I made was to the Gallery page as with all the graphics in the background. It drew too much attention away from the images them self. So for this page I simplified the design that made it stand out more whilst getting the message across clearly. A few minor changes that where easily solved was a postioning of the sound bar, readjusting the sizes of the php form, and adding some social icons to the homepage. Giving the browser that extra form of contact and information. The other big change I made was adding different home page illustrations after constructive critisum. I gave a variation of a few different designs for the homepage main focus, all saying straight away "Photography".
I have done three alternative illustrations for the home page. The first was a illustration of my own. That I created uses brushes, layers and opacity in parts to give the finalised look. After constructive critisum I ddecied to develop the main focus of the page. I made the image more fit for purpose, making the main image a polaroid. This imediatly says photography being symbolic in illustrating the websites purpose. I created two different variations with this in mind. The first out of the two a scatterted stack of polaroids and the other a centralised polaroid. They both consisted of the same photo. Which was one of the images from the photographers portfolio. Giving the browser an insight into her work and style of photography. Below are the three different illustrations for the website I created.
Evaluation
The other amendments included a slight problem with the font face kit for the Google browsers homepage. Where the sub title disapeared, which i corrected by redirecting the code enabling it to work correctly. The next change I made was to the Gallery page as with all the graphics in the background. It drew too much attention away from the images them self. So for this page I simplified the design that made it stand out more whilst getting the message across clearly. A few minor changes that where easily solved was a postioning of the sound bar, readjusting the sizes of the php form, and adding some social icons to the homepage. Giving the browser that extra form of contact and information. The other big change I made was adding different home page illustrations after constructive critisum. I gave a variation of a few different designs for the homepage main focus, all saying straight away "Photography".
Immersive Gardens
http://www.immersive-garden.com/
This is a practioner I noticed in a webdesign booklet and decied to check out the Interface. After seeing the powerful imagergy and bold photography. I visted the site and discovered that it is an animated design that is very imaginative and complex, with an eye for every little detail. All working as one to make a smooth running, and extra ordinary portfolio. They have won world wide awards in web for this particular website. I personally liked the interaction of the website and how it keeps the viewer interested and wanting to see more. Using unfolding digital compositions of high quality. The other part I really liked was the subtle navigation that interlinked all the different sculptured pages and animations. Below I have listed a few screenshots but for the full effect check out the web link above.
This is a practioner I noticed in a webdesign booklet and decied to check out the Interface. After seeing the powerful imagergy and bold photography. I visted the site and discovered that it is an animated design that is very imaginative and complex, with an eye for every little detail. All working as one to make a smooth running, and extra ordinary portfolio. They have won world wide awards in web for this particular website. I personally liked the interaction of the website and how it keeps the viewer interested and wanting to see more. Using unfolding digital compositions of high quality. The other part I really liked was the subtle navigation that interlinked all the different sculptured pages and animations. Below I have listed a few screenshots but for the full effect check out the web link above.
Subscribe to:
Comments (Atom)