Do you use red and yellow colours to distinguish elements in the designer?

Updated by Brady Stroud [SSW] 1 year ago. See history

123
<introEmbed body={<> Use colours on incomplete is so useful in design time: - <span style="background-color:red">Red</span> = Controls which are incomplete, e.g. An incomplete button - <span style="background-color:yellow">Yellow</span> = Controls which are deliberately invisible that are used by developers e.g. Test buttons </>} />

Usually these controls are always yellow. However sometimes new areas on forms are made red and visible, so you can get UI feedback on your prototypes. Since they are red, the testers know not to report this unfinished work as a bug.

Image

Figure: Invisible controls highlighted in yellow, and incomplete items highlighted in red

Acknowledgements

Adam Cogan
Related rules

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.

We open source.Loving SSW Rules? Star us on GitHub. Star