Journal of David Atlee @ Frozen Designs

David Atlee designs and builds websites, takes photos, plays with digital design and writes stories about odd things.
 
  • Pages
  • Subscribe
  • Archive for the ‘website’ Category

    Stage 6 And so it launches…

    Monday, February 15th, 2010

    After a month of many long hours over numerous days and nights of designing, coding and getting over excited with the results, Frozen Designs version 7 is now live. Beyond the already blogged path of designing from content upwards, I have learned alot and it has helped push my skill sets. I have used alot of Javascript and I give thanks to those wonderful folk out there who provide the scripts to plugin and amend.

    I think my biggest gain has been going through alot of my old photos and giving them a polish and shine using HDR (high dynamic range) logic. What is HDR I hear you ask? Well when you take a photo it can only capture a certain range of light (and in turn colour and detail). So often to get a good balance of the main subject matter you lose detail in the darker and lighter areas. So true HDR, is to take 3 or more photos capturing the correct exposure for the dark areas, the medium areas and the light areas. Then using some software such as Photomatrix you combine the images to give you a final image that shows the detail across it and with it some fantastic results. You can read more about HDR here, I will admit that alot of my images are only using one image and some digitial magic in Adobe Lightroom, but this was due to the fact I did not take the photos with HDR in mind and so did not have the range of exposures required. Even so it is amazing what you visual information a RAW image contains and the results have been amazing compared to the now quite dull originals, please go see yourself. HDR is something I will have in mind with future photo shoots and I will set up the bracket exposure on camera.

    The design page I am very proud of, I still feel it needs some tweaking visually, but then in the words of Leonardo da Vinci ‘Art is never finished, only abandoned’ and a deadline for launch is proof of that. It was a chance to play with unique navigation ideas to view the imagery, again it allowed me extend my coding knowledge through image maps and CSS which is great way to create some fun interaction and still have accessibility in the framework. From here I want to work on design skills and improve what I can create visually using Illustrator and photoshop, maybe one day be featured in those design feeds I keep tweeting or passing on via my google reader shared items.

    Anyway, if you are reading this I hope you are at my website already, if you are viewing this through a rss feed, then go have a dig around.

    So with the website project relaunch at an end, what is next I ask myself. Well I have a new website to build for a client, need to get my creative writing back on track with posts to Imagine Tales along with a novella. Alongside these as mentioned, more photography and desiging of which the result will be posted up at my website and written about here. And I really do need to get out on my mountain bike.

    Till next time.

    • Share/Bookmark

    Stage 5 – The Design

    Saturday, January 30th, 2010

    Welcome world,

    After a good few days of Photoshop goodness and alot of movies in the background I have finally got a finished design I am happy with, of which you can see below and click on to see the the live test page.

    I tried various design elements and whilst I wanted to involve ‘ice’ elements they did not really work with the colour scheme, which I wanted to keep as it is warming and received good feedback. So I concentrated on the floral elements and worked with those to bring the site together.

    My observations of adding the design after the layout and base colours is that I can see that there are certain areas that would gain from designing earlier on in the process as I found myself restricted from how I coded it and some ideas would of required alot of going back over covered ground. The main part being the banner, where I wanted design to flow from banner to content area to bring it together, I found myself having to spend alot of time getting elements to line up and recoding DIVs  to lose borders so I could get the backgrounds to run to the edges. If I had a better idea of the final look before I did the colours and secondary layout then I would of been more economical with the images used and improved loading time of the site. Admittedly in these days of broadband it is not so much of an issue but old habits die hard and it’s a good attitude to have when building websites.

    Essentially the design was restricted by the layout, which is just as bad as restricting content and layout to the design. So I would recommend doing a basic layout, not adding borders or padding whilst you come up before you do the designing in Photoshop.

    I am still very happy with the final results, the build process as a whole and look forward to seeing the final website in all it’s glory. So now for wordpress template and the other pages.

    Till the next posting, remember smoking milk can seriously damage your saucepans.

    Read Part 4 – Base Colours

    • Share/Bookmark

    Stage 4 – Base Colours

    Wednesday, January 27th, 2010

    Another update to the website build process, after deciding on a general concept from the inspiration boards I worked on the basic colour scheme choosing 3 base colours, adding some wonderful curved corners using new CSS3 code (available only in latest versions of  Chrome,  Firefox and Safari) and finally trying different fonts and text colours for base text and links. You can see the outcome below and click on the image to see the live HTML version.

    Base Colours and CSS3 Elements

    So now into photoshop for lots of creative playing…

    Read Part 5 – The Design

    Read Part 3 – Inspiration Boards

    • Share/Bookmark
  • Recent Posts
  • Tag Cloud
  • Categories