SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Suggestions to improve flat website design

    Hi
    I am a newbie in we designing and tryin to give a flat look to my profile website...Need your suggestions for the "portfolio" section as I am unable to bring abt a flat look to the images (taken thru printscreen for the websites Ive designed)
    url of my site:http://www.clouditheaven.com/#portfolio

  2. #2
    SitePoint Mentor silver trophy
    Rubble's Avatar
    Join Date
    Dec 2005
    Location
    Cambridge, England
    Posts
    2,435
    Mentioned
    82 Post(s)
    Tagged
    3 Thread(s)
    What does "flat look" mean? Do you have an example of what you want through another graphics program for example.

  3. #3
    SitePoint Member
    Join Date
    May 2013
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Rubble

    Here are a few examples...http://webdesignledger.com/tips/the-flat-design-era

  4. #4
    SitePoint Wizard webcosmo's Avatar
    Join Date
    Oct 2007
    Location
    Boston, MA
    Posts
    1,480
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    In your website use white boxes, and a white border for portfolio images, also the lightbox should have square white borders.

  5. #5
    SitePoint Member
    Join Date
    May 2013
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by webcosmo View Post
    In your website use white boxes, and a white border for portfolio images, also the lightbox should have square white borders.
    I have changed to a black border since the background color doesnt blend well with white..pls check and suggest.

  6. #6
    SitePoint Zealot WebEminence's Avatar
    Join Date
    Jan 2012
    Location
    Chicago, IL
    Posts
    131
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I guess a flat design is using solid colors without any graphical elements using color gradients.

    I would say your design is flat since it uses solid colors only. I don't think it's very attractive though.

    One major problem that stands out is your page titles are too close to the top. You need a larger margin there.

  7. #7
    SitePoint Member
    Join Date
    May 2013
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks and do u have any suggestions for the color schemes and portfolio images?

  8. #8
    SitePoint Zealot Siick26's Avatar
    Join Date
    May 2013
    Location
    England
    Posts
    113
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I don't like the dark grey, i think the page background would look better with a lighter grey colour. The way the portfolio images are aligned looks fine.

  9. #9
    SitePoint Member
    Join Date
    May 2013
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have changed the background color and several other features..Please take a look..

  10. #10
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,413
    Mentioned
    273 Post(s)
    Tagged
    5 Thread(s)
    We seem to be drifting away from the original issue, and more into the realms of a site review, which belongs in the Review Forum. Feel free to post again there; meanwhile, I'm closing this thread.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •