December 19, 2016
7 Responsive Design Secrets
Comments
(6)
December 19, 2016
7 Responsive Design Secrets
I've been an eLearning designer and developer since 2005. In 2015 I started my own eLearning design company. I began creating Adobe Captivate video tutorials to help promote my business through my YouTube channel at https://youtube.com/captivateteacher. My intention with my YouTube videos was to attract attention from organizations looking for a skilled Captivate developer. This strategy proved successful as I've worked with clients worldwide, helping them build highly engaging eLearning solutions. In addition, my YouTube channel presented another benefit of attracting aspiring Captivate developers to seek me out as a teacher. I now offer online and onsite training on Adobe Captivate, teaching users the skills to build engaging and interactive learning.
Legend 639 posts
Followers: 924 people
(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

  1. Work in Desktop View and work you way down across the breakpoints
  2. Don’t think in pixels but rather think about percentages (unless your objects need to remain the same size across breakpoints)
  3. Don’t use Auto Height or Auto Width
  4. Turn on and use Smart Position.
  5. Use the anchor tools (tophats) to select accurate positioning for all your objects
  6. Use Apply position properties to all views
  7. Use Apply text and text properties to all views

6 Comments
2018-09-06 14:24:07
2018-09-06 14:24:07

Thanks for a great post and video.

Like
(1)
(1)
>
Jim Farrell
's comment
2018-09-06 14:42:40
2018-09-06 14:42:40
>
Jim Farrell
's comment

Thanks Jim. I might have to redo this video since so much has changed with fluid boxes.

Like
2016-12-21 18:34:09
2016-12-21 18:34:09

I watched this video when it was first published. Consider it the definitive primer when transitioning from fixed design.

Like
(3)
>
Todd Spargo
's comment
2016-12-22 17:45:02
2016-12-22 17:45:02
>
Todd Spargo
's comment

Great video. This sums up what I have learnt from experience about smart positioning rather neatly.

Like
>
Todd Spargo
's comment
2016-12-22 17:53:31
2016-12-22 17:53:31
>
Todd Spargo
's comment

Thanks Todd. That means a lot.

Like
>
iDoNotBelieveIt
's comment
2016-12-22 17:53:51
2016-12-22 17:53:51
>
iDoNotBelieveIt
's comment

Thanks Andrew.

Like
Add Comment