Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Final psd for coding

Featured Replies

Hi, i'm newbie in web design, and i cant find anywhere information on basic things like - how should final psd look like when delivering for coding? how should layers be managed ? Blending modes? . Also i designed home page and second page which will be template for all other pages. So Do i need two psd for two pages? or how do i stack them in photoshop? And one more - i have Lorem ipsum everywhere, and sample photos(in testimonials for example) , articles. Will client be changing all this himself when he have CMS ? or coding firm will make all that? If you could answer these questions or guide me to place where i can find answers, i would be very thankful!

That depends on what the client wants.

Some clients will have the content ready for you to use an some will expect you to provide stock imagery.

 

If the client wants you to source the stock imagery for them then don't forget to charge accordingly.

Edited by MikeChipshop

Mike, it looks like Chris is catching you up and soon to overtake you on the rep points.

 

Clearly you are not working hard enough.

  • Author

Nah, the amount of users stuck using web safe colours is almost un-countable now days.

 

 

Sorry i sometimes don't get it, do you mean "NO" or "YES,STUPID" ?:D

Mike, it looks like Chris is catching you up and soon to overtake you on the rep points.

 

Clearly you are not working hard enough.

 

Ah no. That would be because I'm not working hard enough - if I was, I'd never be on here at all. :p

Edited by Renaissance-Design

Ahhh noooo i missed that. I must be working TO hard!

 

I have been neglecting my extra-curricular duties as of late.

 

It's when he catches zed up we have to worry.

Edited by MikeChipshop

  • Author

Thanks for all the info! Damn, i have still to learn many of things.. Maybe you know resources , sites where i can learn about web design principles? whenever i'm searching for it i just find info on coding part or web design photoshop tutorials or something else ... :(

for example - How to choose best resolution (width) , what is common font sizes for different parts, why to flatten some effects.. this examples, to better understand what i need. I was looking for books, and i dont know which to choose, can you recommend any? or can tell anything about these http://www.sitepoint.com/books/sexy1/ http://www.sitepoint.com/books/photoshop1/ + maybe "designers idea book" (vol.1 vol.2) ?

Thanks for all the info! Damn, i have still to learn many of things.. Maybe you know resources , sites where i can learn about web design principles? whenever i'm searching for it i just find info on coding part or web design photoshop tutorials or something else ... :(

 

Just ask here :D

 

How to choose best resolution (width)

 

Currently there's a big drive to get everything flexible or responsive. This means to change size depending on the device viewing it and to expand or shrink (or change) to fit thus device.

If you're going for a fixed size layout then no more than 960 px wide is good.

 

what is common font sizes for different parts

 

Really depends on the design and the style of site. As a basic rule i start off with 11-12px for body and then go up in increments of 2px for the headers tags (H4, H3, H2, H1). For main navigation, i try to keep it a couple of pixels larger than body text but again none of this is a hard or fast rule and it would differ greatly between different designs and target user groups.

 

why to flatten some effects..

 

I don't like it when the designer flattens the effect, as i may need to adjust it or remove certain effects that i may be able to accomplish with code.

 

If you're going for a fixed size layout then no more than 960 px wide is good.

 

 

978px is fairly safe. I like to use 12 columns at 54px with 30px gutters - fits better with modern text sizes (14px+).

978px is fairly safe. I like to use 12 columns at 54px with 30px gutters - fits better with modern text sizes (14px+).

 

Very true and to be honest i rarely use 960px, but i feel for a beginner it just gives that little extra leeway.

 

 

Ok, next question then- What is difference between fixed size layout and not fixed? :)

 

Fixed stays put at what ever size you tell it too. Not fixed (known as 'Fluid') expands or shrinks to fit the browser window.

Thanks for link! How about other things? Is my job just to make just design and don't worry about content (photos, footer info for example)? in this case i just have few sample photos for testimonials, and client will use other photos for it i believe? Thanks!

 

The "design" is the content, photos, footer etc etc

  • Author

The "design" is the content, photos, footer etc etc

 

 

Yes. but this is what i mean-for example- i designed website, with stock images for testimonials. I believe client will want to change these with photos of his clients, so he will have this possibility in CMS or other ways with web developer/coding partner ? same with footer - let's say now it's just lorem ipsum for contact info. Do i need to ask him for true info, or this won't be hard to make without me (with coding partner etc.)

I believe this kind of questions sounds stupid for you, but i don't know where to start looking for this knowledge..

Whatever you put in as a place holder can be replaced in the building stage, you still need to design that elements with or without true content. However as you will learn over time your average client is not all there in the head and you can show them the same design

 

Design A All body content

Design B (exactly the same as above) but all the content is clients copy

 

They will pick B time and time again as its more "real" for them. You need to judge it based on your clients IQ ;) I've even had a few asking me to send the fonts to them so they can unlock the lorem text to read it...

  • Author

Whatever you put in as a place holder can be replaced in the building stage, you still need to design that elements with or without true content. However as you will learn over time your average client is not all there in the head and you can show them the same design

 

Design A All body content

Design B (exactly the same as above) but all the content is clients copy

 

They will pick B time and time again as its more "real" for them. You need to judge it based on your clients IQ ;) I've even had a few asking me to send the fonts to them so they can unlock the lorem text to read it...

 

 

Thanks for sharing ;)

  • Author

Ok, next question then- What is difference between fixed size layout and not fixed? :)

 

 

 

Hi , design i need to provide for client is actually 890px wide and the artboard 1124 (dont' know if it's matters for artboard) , should i expand it to 978 or 960 (like pandadoodle recommended) ? Don't remember how it happened, i thought i have 960 width:) What would be the problem if i sent 890? THANKS!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.