Photoshop to Layout for my site

talk design
1

Hi fellas,

I am not very confident with photoshop and its leading to problems with the completion of my layout. I am fine once i get flashing but I could really use some help tying together my layout…

an example of what i mean is www.dopeawards.com

the way that site has smooth borders etc… really ties the main content together! how should i go about doing this for my layout for a professional looking result?

thanks for your time :stuck_out_tongue:

2

you start with a pencil and paper and you design. form follows function, it should never be the other way around. start rough, refine, refine, and refine again. think ahead, think about what you want to achieve, envision it before you make your first mark, then go till its finished. step back from time to time and look at what your doing to see if its working or not. this is my formula

3

okay, what do we think of this?

4

dude dude dude, that is one hot concept man. the idea of the monk is just great. however your design is lacking. i liked the 1st one better, i think if you throw in a really cool flash nav in the left grey area, and a good content window, you’ll have a really cool site.

don’t lose the monk bro, i think that idea is gold.

maybe i’m just really hyped because i love fu-flicks.

5

thanks, digi… im glad you like him and im glad it made you think of kung fu flicks!

will do some work on the 1st one… i might moe the nav and header under the image so i get the full width?

6

how bout this?

7

YO! DDD you know you want to help me! :stuck_out_tongue:

are you feeling it?

8

Not feeling the last one at all. The first one is still the strongest in my book. Get a nice dynamic menu going in that grey space. Love the monk. It would be funny if it said ‘ey’ on the monks jacket. Monk-ey. :ne:

9

??

10

?

11

The first one looks great so far. Keep that white.

Next you should make it a little trendy by adding some simple detail to it, like little circles around one spot - it will look great. Just keep the monk/monkey concept going and its gold.

12

I still like the first one the best

13

i do like the first one too, but im not sure how i will fit the whole nav in… i have a fair few projects under each section

it also feels a bit flat to me… ill do some slight variations on the first one then post back! :slight_smile:

14

do you mean detail like this?

15

Yes! Stuff like that. You added detail without overdoing it :D.

Looks great! You could have the navigation bar to the left gray area part :).

16

how about something similar to a dropdown menu that comes off the the right… or somthing similar to an acordion menu with something like a scroll within it (if possible. then your buttons would move apart and if the number of projects exceed a certain number you could scroll without having your menu go out of frame.

17

i would make the gray bar on the left skinnier, it’s drawing my eyes away from the red content area.

looking good so far - keep playing !

18

i have to finish my dissertation…which is sucking bad at the moment, so im gonna shelve this for the next couple of weeks…

thanks for the help so far everyone, ill post back when i get time to flash it… :stuck_out_tongue: