minimalist marmalade moon
Today I’m going to turn in a different more minimalist direction, opening up spaces and working with typography. Creating a focused, peaceful zen space.
But first a thank you for your helpful feedback on yesterday’s experiment with the Quick Start Wizard. A Peréz liked the colours and the header, Tracy liked the colors and described the feeling as “it’s like sitting in a cozy living room with glass of wine and great conversation” and David Bennett offered a helpful suggestion for how I could fix the crowded menu. And several readers voted in the poll, offering their view on the Quick Start Wizard! Thank you!
Creating a Harmonious Canvas
- Stripped the design of colour, reducing it to black white and grey.
- Adjusted the columns to be more harmonious, basing the widths on the Golden Ratio (or Divine Proportion)
- After hours of experimenting with fonts, I settled on using the humanist sans-serif typeface Lucida Grande
Thoughts
- I really wish I didn’t need to have a sidebar at all! It brings a lot of clutter to the layout. The way blogs work, it’s really difficult to get rid of all together… Still, I feel so much gets thrown at us on the internet and I’d like to go for a more peaceful feeling.
- I think some more space is needed between the main area for content (to the left) and the sidebar (to the right). Not sure how to do that.
- I’ll have to let this sink in during the weekend. Listen to your ideas. Tweak.
- Once I feel the basic canvas is right, I’ll be turning my attention to different areas like the footer, the header and the sidebar. Adding more colour and graphics as I go.
Loading …
Loading …
FOLLOW THE WEBSITE MAKE OVER VIA EMAIL
Tags: design, divine proportion, fonts, golden ratio, Headway, layout, Live Web Site Make Over, make over, palette, re-design, tools, typography, usability, WordPress
Marmalade Moon Design Wizard Version
The 4 Easy Steps of Headway’s Quick Start Wizard
When you first open Headway’s Visual Editor, you’re greeted by a Quick Start Wizard. Lets give it a spin and see what it can create!
Headway Quick Start Wizard
- First the Wizard asks me to pick a layout. I select a layout with a sidebar to the right.
- Next I have the option to upload a banner (size 960×150), so I quickly create a banner using a recent design (the Golden Ratio Autumn Wallpaper) and the colour palette I’ve put together for this project. Headway generates a palette based on my banner image and lets me pick three colours to work with as well as a background colour, by simply dragging and dropping the colours into the boxes.
- Then the Quick Start Wizard lets me pick one font for my titles and one for my content. I pick Lucida Grande for headings and Georgia for content.
- That’s it! Headway autmagically generates a design for me in seconds!
Ta Da!
Well, here it is. The automagic design. Depending on how happy you are with the results this could be the final design, or you could use it as a starting point and go on tweaking your design from here. What I like about it at this point is that Headway automatically adds a search field, pagination at the bottom of the page, a link to your RSS-feed and a 404 Error Page Template.
What do you think of the Quick Start Wizard?
Loading …
Tomorrow
Although I’m impressed with what the Quick Start Wizard accomplished, this design doesn’t quite feel like my style. I’ll be back again tomorrow with the next few steps in this redesign process.
In Depth
Check out the video below, if you want to know more in depth how to use the Quick Start Wizard and the Visual Editor in Headway. Actually, if you watch this video, you’ll know as much about Headway as I do!
Learning Headway 1 – Beginning Steps from Headway Themes on Vimeo.
FOLLOW THE WEBSITE MAKE OVER VIA EMAIL
Tags: design, fonts, Headway, layout, Live Web Site Make Over, make over, palette, re-design, tools, typography, WordPress
