Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

How do you share information on a grid with a designer / design process, such that it helps in further coding of CSS of a responsive interface?

Do you use any tools in a mock? Do you show blueprints of columns? Do you provide certain settings in a PSD?

EDIT: Maybe a bit more concrete example of the design of a responsive header can help:

Assuming we want to design a responsive header for a web page. With Photoshop, a designer would chose fonts, add spacings, borders, etc. Now, when the design goes to a frontend designer, how does a frontend developer know about choosing grid settings? Or, how could a frontend designer communicate her choice for a grid to a designer? E.g what would be the use for a designer of a grid styleguide, e.g. like the Boostrap grid: http://twitter.github.io/bootstrap/scaffolding.html#gridSystem

share|improve this question

closed as off topic by 3nafish, Charles Wesley, Matt Obee, Benny Skogberg, JohnGB May 7 '13 at 2:13

Questions on User Experience Stack Exchange are expected to relate to user experience within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

    
I am not sure i understand this question. Can you elaborate ? –  Mervin Johnsingh May 6 '13 at 13:34
    
thanks, I edited the question a bit. Basically, I am confused about defining grid settings. When do they enter the design process, or is it purely needed for getting CSS details right? –  poseid May 6 '13 at 13:42
4  
This sounds like a query for graphic designers, not UX folk. –  Jimmy Breck-McKye May 6 '13 at 13:51
    
Ok, sorry, a grid is not something from the UX domain? Hmm. maybe this question is asked then in the wrong context. Close or delete it? Or any chance to take something out that could be discussed here? –  poseid May 6 '13 at 14:04
    
Ideally the people designing your interfaces understand how responsive design works. And yes, this isn't really UX related. Much more graphic design/front end dev. –  DA01 May 6 '13 at 17:58

1 Answer 1

up vote 1 down vote accepted

The answer to your question is: communication. Don't just send files off and expect the other party to know what to do. You need to talk to each other, as with any other process where documents exchange hands.

To really solve any problems, the designer should know in advance that this design is expected to be translated to a responsive design, and as such should take some grid into account. What kind of grid system is being used by the implementing party (eg. a frontend designer) will probably help them make such decisions. So, sit down together before either of you get started and run through the grid system, what elements of a responsive design the designer must take into account, and move from there.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.