A Circular Image gallery would go with our circular theme but are hard to find information about and how to make one. I managed to find a image display system which I have modified to make circular, with my colour scheme and with my sizes ?? I could easily adjust this easily because its made using Jquery so I could add more images and how fast it animates. To improve this I want to add a full image display system so viewers can view the images full screen.
After some reviewing of the Channel Website we have made some major decisions that will affect the colour scheme of the website. Previously on each different page when the central orb opened the colour of the segments changed. After some debate we decided that this was possible a distraction and that it should be kept all white however, I suggested that a bit of colour would add and entice people to pages. We tried different solutions but using a hover on the segments was the most effective and influential. This was done by using a simple :hover tag in the CSS which made a huge difference to the interactivity of our site.
We have decided to put content in circles as well to keep with our Orbit Theme. So far the circles are very un organized and un ordered which makes the site look very confusing and messy. To combat this we are going to overlay them so they follow around the page. However this could be problematic when it comes to smaller devices so a different system will have to be found for them. We are using a shadow on the elements to distinguish them from each other. This comes in the form of a “box-shadow: 0px 0px 50px #000; ” this gives us a shadow onto elements behind and provides a bit of depth to the page.
Another problem we have found with the site when adding content is the central orb. When it opens it covers some of the content which can be problematic and cause confusion. It looks ok because of the colour difference but we may have to find another solution like when it opens the content moves out the way. This would be a possibility but would require the CSS to change when the open nav tag is added.
When navigation through the site we wanted it to be obvious what section you’re in. We have done this by putting the section that you have navigated to at the top and the others collected at the bottom. However on the homepage they are evenly distributed showing you can go where ever you want
Secondly when you’re on the homepage is states in the central orb “Orbit” this shows your on the home page. When You navigate to a different section it gives the option “More” This is because you have navigated away from the central Orb showing you not on the home page anymore.
Some other additions to the site was changing the background style of the sections to differ on each page to show a clear difference in content and location.
Also Added the glowing background to the sections to look like they are being projected out . To do this I have to use a need CSS3 tag of background: radial-gradient(transparent 35%, #0081d7 90%); This produces a radial gradient with the center transparent and the transparent and the outer edge fo to 90% transparency of the colour selected.
Going on I want to start adding content to the site. At the moment we haven’t decided quite how we want this to appear on there like simply written with a colour contrast to the background or in a shape or similar. This will lead on to developing the site for mobile devices using Media Queries.
I think so far that the idea works well but needs development because I want to be able to adjust arrangement of the sections, add a background glow and make hover changes. I dont like that some of the words on the sections are severely slanted meaning difficult to read and I don’t like how the sections are all collected together in one corner.
Our final logo design was a mixture of all our design ideas and the logo design principles. We wanted to add and aspect of touch and feeling into our logo to show how in the future interactive experiences would be more hands on. This is why the hand with the movement symbol is there but the symbol also links to what our operating system will look like.
From the previous designs we shortened the finger and added a thumb to make it image seem more natural. We chose the orbit to go around the hand to show that it works with the user and does not physically affect the user.
The logo also has good print values because it only use a limited colour palette which make printing less expensive becuse not the full CMYK colours have to be used. Secondly we felt that it worked well because its effective on any background colour meaning that it can be displayed anywhere without being lost.
Today we had a day of making our logo. Firstly with our name already decide as Orbit we obviously want to include some type of orbit within out logo. Secondly we wanted something to link to our circular navigation. And lastly we wanted to think about the technology in the future. We decided as a group that we wanted to keep to the good logo design principles which include simplicity, easily recognisable and works being printed in/on different colours.
We liked the idea of the 3 orbits however it was too similar to an already well known design. We took the idea of the hand and orbit and developed them further in a digital format.
We had allot of debates within the group about which logo we should develop further. We prefered some because the were a lot clearer and a good simple design which allowed for a versatile amount of printing and distribution.
The channel project has progressed well in the last few day. We have spent allot of time developing ideas about the operating system and the design of it. We feel that’s it mainly is going to revolve around a central circle which when selected will allow for further navigation. From this we are going to keep the circular theme including on our name, logo and website.
From this we mind mapped several ideas for names revolving around circles like sphere, all-rounded and cimple but our favorite was Orbit. As our company would also include a mock operating system we thought it worked well including when including the OS phrase at the end. This is why we named the operating system “OS Orbit”
Our idea Des-fi idea for the channel project surrounds the idea of future operating systems. Our idea is to create the channel about a new operating system in the future. The operating system would be based around the idea of a central navigation which allows access to every part of the system. The channel would display this on some futuristic devices, tutorial of the system and some adverts for the system. \
We think this is a good idea because it reduces the need to produce and physical objects to present. This is one of the problems we found also we couldn’t find anyone else who was speculation upon operating systems in the future and thought this would a change to look a the software side in the future.