Start to design Essay Example For Students

Start to design Essay Having completed my identify and analysis I now need to start to design what the presentation will actually look like. I have decided to do three initial design ideas, all different from each other and then ask the English rep which one he prefers and if there are any other things he would like included. Below are my three initial design ideas: Idea 1 Idea 2 Idea 3 After designing these three initila ideas I e-mialed them to the enhlish rep and asked for his feedback on the designs, and which one he would prefer me to develop. He said: Unfortunately I dont like the first design, the colours dont look good together and are not evry good on the eye. I also dont like the whole border as I feel it reduces the amount of space to display information. I dont think this is a good design. However the second design is a lot more attractive, it is simple but also looks good. I like the half border as it gives it a proffesional look. I also like the way that information can be displeyed. The blue and white colours are also suitable. We will write a custom essay on Start to design specifically for you for only $16.38 $13.9/page Order now The third design is also nice and I like the effects of the background colours, howvere I feel it is a little bare and I would prefer it if there was a border as it gives itn a better look. I also feel that this restiricts there to only being one way of presenting the information which may not be suitable. He also said: Overall I prefer the second design the most for reasons I have already stated. I think you should develop this, I feel that this initial design developed more would look very good. Another important part of this presentation is the font that is used, I am going to use the same font all the way through the project. As I feel this is an important part of the presentation I decided to do a short surveya amongst people at school and they voted on which font they preffered the best. I then put these results into a graph which will clearly show the findings. The five fonts people voted on were: A- Arial B- Auntumn C- Boulder D- Sharp E- Eurostar I choose five designs which I think would look quite good I then gave these too my fellow classmates and I received the following results: From this graph I can infer that most people preffered the Sharp font, I also liked this design so I am going to use it as the font for my presentation. When I received these results I checked it out with the English rep and he said that he also liked this font style and that it would be good to use. The next thing I need to do is to design my menu structure, this is to show in which ways the screens can be navigated. It will be operated from a main menu and all screens will be reached from there. All screens will also contain a button where the user can return to the main menu. I will also have a title screen that will link straight to the menu. Now I have decided on a design and a font to use I am going to design the final presentation. I am going to show the designs for each of the sections, however I will only design the slide showing information about zones once because all the slides are identiacal looking excpet the information in them changes. I will use the design from my initial design and then devlop this. I will annotate what I have done by the side. Slide 1- Title Screen Also I will have transition effects on this slide. These will be that the images and writing appear automatically. I will have all the boxes appearing on fly mode meaning, they appear on the screen at a set time. I have also put tiem settings on so that each piece of information comes up every second. The information will work down so the thems park name will appear first, the the logo, then the next tetx then the continue butoon. Once this has all appered the user will be able to click on the continue button. The border and mini logo in the corner will be on the screen at the start, this will be the same for every slide. .u1890d298d747c3f2f1a735dad4f8ada2 , .u1890d298d747c3f2f1a735dad4f8ada2 .postImageUrl , .u1890d298d747c3f2f1a735dad4f8ada2 .centered-text-area { min-height: 80px; position: relative; } .u1890d298d747c3f2f1a735dad4f8ada2 , .u1890d298d747c3f2f1a735dad4f8ada2:hover , .u1890d298d747c3f2f1a735dad4f8ada2:visited , .u1890d298d747c3f2f1a735dad4f8ada2:active { border:0!important; } .u1890d298d747c3f2f1a735dad4f8ada2 .clearfix:after { content: ""; display: table; clear: both; } .u1890d298d747c3f2f1a735dad4f8ada2 { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #95A5A6; } .u1890d298d747c3f2f1a735dad4f8ada2:active , .u1890d298d747c3f2f1a735dad4f8ada2:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #2C3E50; } .u1890d298d747c3f2f1a735dad4f8ada2 .centered-text-area { width: 100%; position: relative ; } .u1890d298d747c3f2f1a735dad4f8ada2 .ctaText { border-bottom: 0 solid #fff; color: #2980B9; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .u1890d298d747c3f2f1a735dad4f8ada2 .postTitle { color: #FFFFFF; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .u1890d298d747c3f2f1a735dad4f8ada2 .ctaButton { background-color: #7F8C8D!important; color: #2980B9; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://artscolumbia.org/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .u1890d298d747c3f2f1a735dad4f8ada2:hover .ctaButton { background-color: #34495E!important; } .u1890d298d747c3f2f1a735dad4f8ada2 .centered-text { display: table; height: 80px; padding-left : 18px; top: 0; } .u1890d298d747c3f2f1a735dad4f8ada2 .u1890d298d747c3f2f1a735dad4f8ada2-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .u1890d298d747c3f2f1a735dad4f8ada2:after { content: ""; display: block; clear: both; } READ: Designing a Flexible Web-Based Reading Environment EssaySlide 2- Main Menu This is the screen where the whoel presentation is run from, it has links to every screen. Below is the final design for the menu: I will also have transition effects on this slide the logo and border will appear, then all the zones will appear, then one second later the other areas will appear, this gives the display a proffesional look and will alos give time for the user to read everything. I have made hyperlinks on all the text so that when the user clicks on them it takes them to that screen.