Product Imagery
Overview
Foxit's interface may be represented in three distinct ways: high-fidelity interfaces, simplified interfaces, and interfaces in device photography.
When choosing between these representations, we recommend asking: what will help bring more clarity in order to get the message across?
High-fidelity interfaces work best for educational demonstrations.
Simplified interfaces work best for focusing in on a specific feature or benefit.
Interfaces in photography connect on a more emotional level where the message is enhanced by showing a real-world context focused on a person benefiting from using Foxit.
High-fidelity Interfaces
High-fidelity interface representations literally mirror what a customer sees in the deployed product. These work best when demonstrating in-depth product functionality like new feature demos and such.
Guidelines:
Always stay true to what the user will see. Menu bars and navigational elements should be present. The signing experience should be truly represented.
Avoid abstracting a partnership or integration. When demonstrating how Foxit integrates with a third-party product,we should show literal,detailed interfaces across the workflow.
If you need to focus on a specific area of the screen, crop in closer instead of abstracting it.
Simplified Interfaces
These user interfaces abstract parts of our products by simplifying complex screens with mani lines of text in order to focus on a specific feature. An interface element can be enlarged or pulled out of the device frame to clarify the feature when the full view would complicate the message that the visual is attempting to get across.
Considerations:
An element that is enlarged and pulled away from the device frame should have dimensionality to call attention to itself and make it clear that it is abstracted and not a realistic representation. This can be achieved by applying a subtle drop shadow or glassmorphic effect.
Lines of text can be abstracted with rectangles whose corner radiuses are rounded off.
If abstracting the colors of the product in the simplified UI, do not deviate from the brand color palette.
Interfaces in Photography
Contextual images show real people on real devices using our real product—and as such, any on-screen graphics should be replaced with true, high-fidelity interfaces.
All other rules for the imagery itself should follow the guidelines for Photography.