Aesthetics

One more thing to develop before constructing my prospectus would be the visual experience and atmosphere of the interactive textbook. These elements need to be thoroughly tested for appeal, legibility, and personal preferences, but as of right now I will work with this.

Colour Palette
Colours for this project need to be clean and clear, but also appealing to a gender neutral youth. They should enhance the presentation of the content without distracting the user from it, suiting any topic. Keeping the colours minimal with a few contrasts should be an effective design. The colours chosen should also be ‘lifestyle-esque’, such as bright and natural tones, to make it more approachable and relaxing. The last thing we want is to have garish or eye-straining colours distracting from the content, but we don’t want them to be dull and boring either.

Colour Options

Pure white (#ffffff) and dark grey (#0e0e0e) will be the primary colours for text and UI elements. The highlight colour will be used sparingly, but present on every page, to highlight features, sections, buttons, active elements, notifications, and the like. The colours need to stand out on white and dark grey clearly so there should be no issues of difficult to see elements.

For the highlight colour, it will be customisable from a preset list of colours that work with the interface. That will allow students to feel a level of personalisation and cater to their personal preference, much like smartphone interfaces as seen in Windows Phone 7 tiles.

Font
Fonts used will be strong and minimal to remain neutral and preserve clarity. For this reason, I will be keeping the font choices to a maximum of 2, one for titles and one for body copy. For cost and licensing reasons, only free fonts will be used.

Bebas & Lato Font
Click for a clearer view

Bebas Neue is a very strong and clear font which solved the kerning problems with the original Bebas. Bebas Neue is also an all caps font, so using it for anything other than titles is unwise.

As for the body copy, I will use Lato v1.104. A comfortable body copy is rare in the world of free fonts but Lato, in my opinion, is the most legible san-serif font in terms of kerning, letterform, and bold and italic styles. Styles for Lato range from ultra-light 100 to ultra-bold 900, making it versatile and adaptable. Lato is also available on Google Web Fonts so it’s easily usable on webpages too.

Design Mocks
PageMock

3 thoughts on “Aesthetics

  1. I see a lot of interesting content on your page.

    You have to spend a lot of time writing, i know how to save you
    a lot of work, there is a tool that creates unique, SEO friendly posts in couple of seconds, just search in google – laranita’s
    free content source

  2. I read a lot of interesting content here. Probably you spend a lot
    of time writing, i know how to save you a lot of time, there is an online tool that creates unique, google friendly articles in seconds, just search in google – laranitas free content source

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>