December 19, 2016
7 Responsive Design Secrets
Like
(7)
Comments
(6)
7
6
This video talks about how to design with responsive design in Adobe Captivate. Since the creation of this video, I have changed my mind about a few points. For example, I think there are cases where using fixed pixels is appropriate, such as when you create an interface object like a button. Having that object setup with a fixed number of pixels makes sense because regardless of your screen size, you finger remains the same size.
Here is a list of tips that I keep in the back of my mind when working with responsive design
Responsive Design Secret Tips
- Work in Desktop View and work you way down across the breakpoints
- Don’t think in pixels but rather think about percentages (unless your objects need to remain the same size across breakpoints)
- Don’t use Auto Height or Auto Width
- Turn on and use Smart Position.
- Use the anchor tools (tophats) to select accurate positioning for all your objects
- Use Apply position properties to all views
- Use Apply text and text properties to all views