WIP: The Design Ledger - A web design blog

Discussion in 'Graphics Gallery' started by esteban, Apr 13, 2011.

WIP: The Design Ledger - A web design blog
  1. Unread #1 - Apr 13, 2011 at 9:50 AM
  2. esteban
    Joined:
    Oct 14, 2007
    Posts:
    97
    Referrals:
    1
    Sythe Gold:
    5

    esteban Member

    WIP: The Design Ledger - A web design blog

    [​IMG]

    I'm concentrating on minimal range in color palette and strong typography. I plan to actually release this design as a blog.
     
  3. Unread #2 - Apr 13, 2011 at 5:49 PM
  4. w000t
    Joined:
    Jan 23, 2007
    Posts:
    2,608
    Referrals:
    0
    Sythe Gold:
    0

    w000t Grand Master
    $5 USD Donor

    WIP: The Design Ledger - A web design blog

    The two background colors look odd. Would look better if it was one color or if you did something else with the colors. Nice and Simple Template. KIU
     
  5. Unread #3 - Apr 13, 2011 at 7:02 PM
  6. Emperor Nero
    Joined:
    Jun 11, 2010
    Posts:
    7,159
    Referrals:
    2
    Sythe Gold:
    93
    Discord Unique ID:
    143107588718854144
    Sythe's 10th Anniversary Heidy

    Emperor Nero Hero
    $5 USD Donor New

    WIP: The Design Ledger - A web design blog

    I don't like the Social Networking buttons, they don't seem to fit.
     
  7. Unread #4 - Apr 13, 2011 at 8:46 PM
  8. esteban
    Joined:
    Oct 14, 2007
    Posts:
    97
    Referrals:
    1
    Sythe Gold:
    5

    esteban Member

    WIP: The Design Ledger - A web design blog

    Could you explain why, or what you would use?
     
  9. Unread #5 - Apr 14, 2011 at 2:00 AM
  10. rype
    Joined:
    Mar 20, 2008
    Posts:
    482
    Referrals:
    0
    Sythe Gold:
    0

    rype Forum Addict
    Banned

    WIP: The Design Ledger - A web design blog

    Try to play with them and make them match the design. Kinda simple design but looks very clean. Great work...
     
  11. Unread #6 - Apr 14, 2011 at 11:36 AM
  12. Emperor Nero
    Joined:
    Jun 11, 2010
    Posts:
    7,159
    Referrals:
    2
    Sythe Gold:
    93
    Discord Unique ID:
    143107588718854144
    Sythe's 10th Anniversary Heidy

    Emperor Nero Hero
    $5 USD Donor New

    WIP: The Design Ledger - A web design blog

    They don't really fit into the color scheme and they don't seem to really fit well into the theme. They stick out like sore thumbs.
     
  13. Unread #7 - Apr 14, 2011 at 3:41 PM
  14. zrox
    Joined:
    Feb 15, 2011
    Posts:
    281
    Referrals:
    0
    Sythe Gold:
    0

    zrox Forum Addict

    WIP: The Design Ledger - A web design blog

    Change them to the pale dark blue color... Or remake them to your liking..
     
  15. Unread #8 - Apr 14, 2011 at 5:50 PM
  16. T R 1 B A L
    Joined:
    Jun 27, 2007
    Posts:
    2,726
    Referrals:
    1
    Sythe Gold:
    0

    T R 1 B A L Grand Master
    Retired Sectional Moderator

    WIP: The Design Ledger - A web design blog

    2px border the background 2 colours, though it's not too important.

    Header needs to be sharper, maybe the anti aliasing method's wrong? (set to crisp/sharp)

    Underlining of the subheader (the serif font one) looks odd, possibly closer to font and a light grey.

    Biggest mistake is with font/fontstyles - try stay consistent.

    Consistency means a lot in font styles, and as an example, the capitalised serif font/sans serif font/normal serif font and everything doesn't work together. Whilst a combination of two fonts may be alright, it doesn't go in this case, since there're too many different font styles).
     
  17. Unread #9 - Apr 14, 2011 at 6:21 PM
  18. esteban
    Joined:
    Oct 14, 2007
    Posts:
    97
    Referrals:
    1
    Sythe Gold:
    5

    esteban Member

    WIP: The Design Ledger - A web design blog

    I was trying to do some letterpressing effects, but I knew I was doing it wrong. I fixed that, the header now stands out much stronger.

    The subheader underline is just whatever the default photoshop throws in when i set the font to underlined. When I convert it all to html and css I'll be sure to fix the underline.

    As for the fonts, I'm trying to reduce the number of fonts used in the design. Changes will be made as time goes on. I believe I've eliminated a font or two, leaving myself with Arial Narrow for the navigation, Adobe Garamond Pro for the subheaders and catchphrase, League Gotchic for the header and footer subheaders, and verdana as the body copy. I'm looking to see if I can work verdana in place of arial narrow.
     
  19. Unread #10 - Apr 14, 2011 at 8:35 PM
  20. Emperor Nero
    Joined:
    Jun 11, 2010
    Posts:
    7,159
    Referrals:
    2
    Sythe Gold:
    93
    Discord Unique ID:
    143107588718854144
    Sythe's 10th Anniversary Heidy

    Emperor Nero Hero
    $5 USD Donor New

    WIP: The Design Ledger - A web design blog

    But do you really need 4 fonts to achieve all of that, and remember to try to use common fonts - unless that part will me an image and not text. The common fonts help the browser and coding and less fonts make it a smoother less chaotic look.
     
  21. Unread #11 - Apr 15, 2011 at 3:04 AM
  22. T R 1 B A L
    Joined:
    Jun 27, 2007
    Posts:
    2,726
    Referrals:
    1
    Sythe Gold:
    0

    T R 1 B A L Grand Master
    Retired Sectional Moderator

    WIP: The Design Ledger - A web design blog

    For example, the navigation font can be the capitalised serif font in slightly larger size, as can be the little "the".

    Serif fonts generally tend to read better, so having it as your body font could also be a decent change.
     
< Feedback on new Signature + Avatar | Tags and The Like >

Users viewing this thread
1 guest


 
 
Adblock breaks this site