eyelearn

a look at design for the web & all it entails

· view menu ·

graphic design principles I

Heather Hansen Artist (Heather Hansen) Tracks Her Own Kinetic Movement Directly Onto Paper - My Modern Metropolis

Let's take a look at some established as well as popular graphic design principles and their possible inspiration for design for the web. While working on your current project, pause your initial design process and consider how some of these established concepts might add to your approach.

↓ download slides as PDF

site references:

book and brush iconTask
Choosing a web design related book, work with graphic design principles to create an informative and effective single page design.
↓ download brief
deadline: 19/3/2014

NOTE:
this task is the preliminary work for the mini project for this week. Let's use the comments to share initial ideas and give/receive feedback. For next week, please complete your page design and submit your files via email, as well as sharing your link below.

23 Comments

  1. Zoe Offen
    23
    29/03/2014

    Book promotion link:

    http://zoeoffen.com/applied-art/book/

  2. Catia Gomes
    22
    26/03/2014

    Here is my book promotion website:

    http://imcatia.com/coursework-projects/applied-art/bookpromotion/index.html

    I will send the files later.

    Thank you,
    Catia

  3. Kate
    21
    25/03/2014

    Hi Prisca,

    Here’s my book one-pager:

    http://grelawtk.users37.interdns.co.uk/book/

    I’ll email you the files shortly.

    Thanks,
    Kate

  4. Barbara
    20
    21/03/2014

    Here’s my book promo effort: http://design.barbasboth.com/applied-art/book-promo/

    Will send files later today :)

  5. Duncan Struthers
    19
    19/03/2014

    Hi Prisca,

    Here is my redesign of The Modern Web page:
    http://grestrudun.users36.interdns.co.uk/modern-web/

    Thanks,
    Duncan

  6. Phil
    18
    18/03/2014

    Hi Prisca, here is my book promo site: http://philbaker.me/ma/book-promo

    I’ll forward the files onto you as well :)

  7. Sonata
    17
    18/03/2014

    Hi Prisca:)

    Sorry I didn’t do the wireframe – was really busy and I always do everything in the browser.

    Here’s my page for book promotion:
    http://www.sonataweb.co.uk/book/

    See you tomorrow :)

  8. Natalie Bent
    16
    18/03/2014

    Hi Prisca,

    Here is the link to my book promotion page: http://www.nlbdesign.co.uk/book_promotion

    I will forward my files over to you now.

    Natalie

  9. James
    15
    17/03/2014

    Hrm, I tried to be smart and put in a html img src tag for this.

    The address is: http://greloja.users39.interdns.co.uk/applied-art-for-the-web/design-book/assets/sketch-design-book-page.jpg

  10. James
    14
    17/03/2014

    Here’s my wireframe for the Design Book page.

  11. Natalie Bent
    13
    14/03/2014

    Hi prisca,

    Sorry forgot to upload my wireframe.

    It can be found here: http://www.nlbdesign.co.uk/images/photo.JPG

    Natalie

  12. Daniel Jackson
    12
    13/03/2014

    Hi Prisca, here is a link to my remake of The Modern Web page

    http://www.danielmjackson.co.uk/coursework/modernweb.png

    Thanks

    Dan

  13. prisca
    11
    13/03/2014

    Thanks for that, Barbara – that’s a much nicer page indeed :)

  14. Barbara
    10
    13/03/2014

    Thought I’d mention that from what I can see, the Icon Handbook does have a nicer sales page dedicated to it, at http://www.fivesimplesteps.com/products/the-icon-handbook – I think the one we looked at yesterday is for those who have already bought the book and want to access the downloadable resources.

  15. catia
    9
    13/03/2014

    wireframe

  16. Milad
    8
    12/03/2014

    Hi Prisca,
    here is my Wireframe sketch;
    http://i60.tinypic.com/25pqwir.jpg
    wireframe

  17. Kate
    6
    12/03/2014

    wireframes:
    wireframe1
    wireframe2
    wireframe3

  18. Duncan
    5
    12/03/2014

    wireframe
    wireframe

  19. Barbara
    4
    12/03/2014

    Hi, here is my wireframe sketch. (just initial ideas though, don’t know which book I’m doing yet)

  20. Phil
    3
    12/03/2014

    wireframe
    wireframe

  21. prisca
    2
    12/03/2014

    Thank you, James – how lovely to look at it again ;)

  22. James
    1
    12/03/2014

    http://web.archive.org:alwaysreadthemanual.com

    The images might not work. But it’s there, the old Manual website!