Extra Design Tips

A few more suggestions that are going to make your Foleon Doc shine!

Timelines
Isolated images
Creative use of masking
Gradients
Custom navigation bar
Quizzes
Ads
Reveal more

Timelines

Creating a timeline in Foleon is a simple yet powerful way to structure and showcase information in a chronological manner while elevating the visual appeal of your Foleon doc. Check out a sample timeline below for inspiration:

2019

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

2020

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

2021

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Isolated images

Stand-alone visuals like isolated images hold a unique place in design and communication

These images are meticulously separated from their backgrounds, eliminating distractions and placing the subject front and center. Isolation not only enhances the image's visual impact but also allows for versatile use in your Foleon doc, content creators to emphasize their subjects and convey a clear message with precision and clarity.

Creative use of masking

Use masks and dynamic video backgrounds to craft captivating visual effects that seamlessly blend text and multimedia. Although creating masks is not something you can directly create in the Foleon editors, the masks you create outside of Foleon can quickly deliver a truly immersive and engaging storytelling experience. Take a look at the fun examples below!

With Foleon you can create amazing interactive content that wows your audience! ๐Ÿ‘€

With Foleon you can create amazing interactive content that wows your audience! ๐Ÿ‘€

Gradients

In the dynamic realm of digital design and publications, gradients have emerged as an indispensable tool for creating captivating and immersive visual experiences.

Gradients offer the designer a canvas of endless possibilities, as they seamlessly blend colors to craft smooth transitions, introduce depth, and breathe life into a wide array of design elements.

Gradients can subtly infuse a sense of calmness through gentle shifts in color, or they can create an explosion of energy by incorporating bold and contrasting hues. Beyond aesthetics, the real magic of gradients lies in their power to engage audiences on a deeper level.

By employing gradients thoughtfully, designers can direct attention, draw the eye to key focal points, and enhance the overall user experience. The gradual shifts in color create a sense of movement, making designs feel alive and inviting.

Whether it's used in a background, or as colour overlay over an image, gradients are a powerful way to infuse vibrant, eye-catching aesthetics into your projects, enhancing their overall appeal and user engagement.

Gradients are a powerful way to infuse vibrant, eye-catching aesthetics into your projects, enhancing their overall appeal and user engagement.

You can also use a gradient as a column background on top of an image or video to obtain a super cool overlay effect in your Foleon doc!

Custom navigation bar

Foleon provides users with a range of customization options to tailor their digital publications and the navigation bar to their unique needs and branding. From adjusting styles, colors, and layouts to match your aesthetic preferences Foleon offers a wealth of choices. However, for those of you who seek even greater flexibility and creativity, you can also go a step further and build your own navigation bar from scratch, ensuring that your publication's navigation perfectly aligns with your vision and objectives.

Home
Contents
Parallax
Data
Buttons
Text

The above example features a block with 6 columns accompanied by small icon image elements and custom buttons. When creating your own custom navigation bars this way, it is important to stay consistent in ensuring every page features your new creation and functions logically. Always test the usability in preview mode!

Quizzes

Looking to add interactivity and fun to your Foleon document? Consider creating a quiz! By combining text blocks and overlays, you can easily craft a simple yet engaging quiz to captivate your audience.

Question 1

What is the maximum size for uploading a GIF in Foleon?

A. 1 MB
B. 2 MB
C. 3 MB
D. 4 MB
A. Parallax
B. Overlay
C. Anchor Link
D. Data element

Question 2

What is the name of the effect where the background moves at a slower speed than the foreground?

Question 3

What is the recommeded size for an image background in desktop?

A. 1080x920
B. 1040x900
C. 2560x1440
D. 1920x1080

Ads

Unleash your creativity with Foleon by seamlessly integrating advertisements into your digital documents. In Foleon you can strategically position ads, blend them harmoniously with your content, and even add interactive elements to capture your audience's attention.

Book now your 2024 Summer vacation!

Booking early unlocks the lowest rates.

Your adventure awaits

Unlock a more immersive reading experience by blending high-impact design with unlimited narrative depth. Click the example below to see how these blocks can transform your layout instantly.

Collapsible blocks offer the unique ability to curate the reader's journey by prioritizing visual storytelling while keeping detailed information accessible. Instead of cluttering a page with technical data or long descriptions, you can "condense" that content, allowing your primary imagery and headlines to resonate first.

This creates a more interactive, tactile experience where the reader chooses their level of depth, turning a standard article into an unfolding exploration. By organizing your content this way, you maintain a sophisticated, minimalist aesthetic without sacrificing the rich, educational substance your audience craves.

Imagine giving your readers a clean, breathtaking layout that invites them to dive deeper only when theyโ€™re ready. A great example is something like an "FAQ section"

FAQs

Have a look below at the frequently asked questions (FAQ), that might shed some light on any questions you have left!


By using inline hidden blocks, you transform a static page into a journey of discovery, allowing your most stunning visuals to breathe while tucking away the "extra magic" behind a simple click. This strategy is backed by digital learning science: information retention can increase by up to 50% when content is presented through progressive disclosure rather than all at once. This ensures your readers absorb your main message before choosing to explore the finer details.

Information retention can increase by up to

when content is presented through progressive disclosure


These seamless toggles are the perfect home for "extra" elements like detailed source lists, artisan backstories, or step-by-step guides. By keeping these just a click away, you provide limitless depth for your most curious readers without ever cluttering your layout. It allows you to offer a comprehensive experience that feels light and airy, ensuring your high-impact photography remains the star of the show.


While overlays are highly effective for focused interactions or prominent calls to action, condensed blocks serve a more harmonious purpose by expanding naturally within the page itself. Instead of layering new windows on top of your work, these toggles preserve the elegant flow of your magazine, keeping the reader grounded in your story.

"True elegance isn't about having less; it's about revealing more at exactly the right moment."

This approach rewards curiosity with hidden gems of information without breaking the immersive, tactile rhythm of the design. It allows the reader to stay present in your world while uncovering the layers of your narrative at their own pace.


Eager to discover more about this and other super cool tricks from our expert designers?

Contact our Professional Services team
Previous page
Next page