Questions about designs that adapt to the size of the viewing device.

learn more… | top users | synonyms

15
votes
5answers
1k views

To which extent is the designer responsible of a responsive design?

Consider the following (idealized) chart. Now, I have worked with colleagues from every side of this spectrum and have learnt that, unfortunately, it tends to be more like this. Most "web ...
0
votes
1answer
97 views

When designing PSDs for responsive design, how do grids and columns behave?

Ok, so I have this question that has been bugging me for quite a while, I'll try to explain it in detail. I'm designing a regular marketing website, and did the desktop version first using the ...
1
vote
1answer
56 views

Responsibilities and requirements graphic design

Plan to recruit one position for graphic designer to my organization, but I'm not sure how to put/assign the responsibility to him/her. actually I have read this article How can I write requirements ...
4
votes
4answers
283 views

Resources on producing responsive design wireframes and artwork, for graphics designers

We're developers who partner up with a graphic design studio for our project artworks. Some times they even bring in the clients themselves and we both cooperate to get a development project done. ...
10
votes
5answers
668 views

What are the best practices for dealing with desired line breaks in responsive web design?

I design a great deal of simple single page web items for sales or email. I often find I run into issues with headlines and my desired line breaks at different media widths. For example, I could ...
0
votes
0answers
27 views

Responsive Images in Practice: @2x images [duplicate]

Are @2x images simply larger in terms of height and width or do they actually have a higher PPI (pixel density)? Trying to figure out my workflow for creating retina (@2x images) and this affects how ...
1
vote
1answer
75 views

Is it possible to hide part of an adaptive web design on smaller screens?

This is the News page of my firs adaptive website. The full height is shown (the scroll-down part is also included). The terracotta sections on the horizontal line are for placing news feed ...
0
votes
0answers
88 views

Ideas for tap indicators for hover effects on responsive design

I'm currently working on a website for a client that uses many hover effects. While the client loves the hover effects and would like to keep them on the website, there is an issue of the site viewers ...
14
votes
3answers
2k views

What are best practices for determining responsive design breakpoints?

I've done a lot of research trying to figure out where to put my breakpoints for designing a responsive site. There seem to be at least three, maybe four common plateaus: phone, tablet, and two ...
0
votes
1answer
184 views

What is the most up to date design template I should use?

I am a web-developer and am starting a new project. First step is designing the site. In the past, I have used 960 grid system but I was wondering if this is still the standard pretty much? Is there ...
1
vote
3answers
244 views

How can I test the responsiveness of my non-hosted website on my phone?

I wonder if there is a similar tool to Skala Preview (it is for live preview of photoshop work on your iPhone via Wifi) to test my web design (index.html and its assets folder) onto mobile phones ...
0
votes
1answer
727 views

How to scale a web page for different resolutions?

I have a web-page for devices(smartphones/tablets). I have used media queries to make it responsive and have used rem units for all measurements. I have set default html/body font-size:62.5% and then ...
7
votes
3answers
278 views

Can Email Be Responsive?

Love it or hate it, there’s no denying the popularity of HTML emails. And, like the web before it, the inbox has officially gone mobile—with over 50 percent of email opens occurring on mobile devices. ...
2
votes
2answers
736 views

Gaming Icon Question for A Flat Design Gaming Portal

My designer is working on a flat design for a gaming portal for World of Warcraft. We want to use icons for a sub-menu and figured using icons directly from the game would be best from a user ...
0
votes
2answers
58 views

Intervals: compact/responsive design ?

We have to display intervalls to the user to choose from: less than 1250, 1250 to 5000, 5000 to 10000, 10000 to 50000, 50000 to 100000 and over 100000 I thaught of something like this ...
0
votes
4answers
15k views

Best image size for responsive css background image

I am looking for a particular px size (WxH) image that would be the best dimensions to use if you wanted to call a single image that could be called as the background image for a mobile device using ...
-2
votes
4answers
1k views

Screenshot mockup of website on different devices [closed]

Which is the best way to show how a website differs on various devices for responsive web deisgn such as the screenshots found here
2
votes
2answers
110 views

Responsive or adaptive design

Which is better experience in responsive design.. To create all containers with % and em units OR use pixels for main containers and % for content (adaptive)? Thanks
1
vote
2answers
8k views

Setting up responsive grids in photoshop

I'm having some serious trouble understanding one aspect of responsive design. I understand almost all of the basics but one thing that is troubling me is setting up correct grids in photoshop for ...
1
vote
1answer
524 views

Is it possible to use media queries for responsive emails?

Today and yesterday I had nightmares... One thing is that I personally have a Windows phone. That didn't help surely. But I was reading up on iPhone settings and Android settings and there was no ...
0
votes
2answers
747 views

Mockup strategy for Responsive Web Design

When making mockups for Responsive Web Design projects, should I separate them by Page or by Screen Size? What are the pros and cons of the following: Page based: All the home page mockups in all ...
0
votes
1answer
2k views

12 or 16 column grid for a full width website? [duplicate]

So I'm looking for the right answer for my grid system: 1) Should I use 12 or 16 column grid for a full width website similar to these websites: http://xfinitytv.comcast.net http://www.vevo.com 2) ...
2
votes
2answers
308 views

How does the grid system work for a full width page?

How does the grid system work for those websites that expand to the full size of the browser (no matter how you resize) while working with a base 12 grid system (such as 960.gs)? For example, take a ...
6
votes
4answers
4k views

Responsive web site mockup tools

I've always done web mockups in Photoshop, recently I switched to Illustrator because I thought it could speed up my work flow (And it did!) As I design more and more for responsive web sites though, ...
0
votes
2answers
282 views

Recommended grid systems or layouts for large display and responsive designs

I've been working with 960 layout for years – but was wondering if there are other grid systems that are strongly supported by the design and development community and also have blank or starter pages ...
5
votes
3answers
1k views

Advice for creating a fluid and responsive graphic

So I'm creating an entirely responsive website, with the aim of using as few media queries and magic numbers as possible. I've found after a number of attempts, that using the content to create the ...
4
votes
3answers
483 views

Mobile First and RWD workflow and how to interact with client

Our agency's workflow for creating a website normally consists of: discuss content-design with client we create wireframes (with optional, depending on client, approval) we create one or more pixel ...