Shape dividers are a creative design element that can enhance the visual appeal of your Wix Editor website. These graphic shapes serve as dynamic separators that can be strategically placed at the top and/or bottom of a strip, injecting a sense of style, playfulness and sophistication into your web pages.
Shape dividers are not just decorative elements but strategic design assets that can elevate the overall look and feel of your website. By incorporating these graphic shapes thoughtfully, you can create a visually compelling and immersive web experience that resonates with your audience and effectively communicates your brand story.
What are Wix Editor shape dividers?
Shape dividers are graphic shapes that go at the top and/or bottom of a strip on your Wix website. Rather than having a straight line, they add interest and create unique and fluid transitions between strips.
Whether you want sharp angles, fluid shapes, or themed graphics, there are a variety of designs available to suit your Wix website. There are also lots of customisation options available, so you can personalise your layout and create eye-catching Wix website pages.
Shape dividers are perfect for connecting or creating a smooth transition between visual content and a single colored section. Using the same colour for your shape divider as your strip on your Wix website page helped the image to be merged in across the section.
How Can I Use Wix Editor Shape Dividers to Enhance My Brand?
Shape dividers have the power to evoke emotions and convey brand identity through their unique forms and styles. Whether using sharp angles for a modern, edgy look or gentle curves for a softer and more inviting feel or even fun outlines to add emotion; these dividers can communicate the essence of a brand and create a memorable impression on visitors.
The strategic use of shape dividers can be a powerful tool in conveying your brand story and identity. By selecting shapes that resonate with your brand aesthetics and messaging, you can reinforce your brand image and create a cohesive visual narrative throughout your website. Whether you opt for organic curves, geometric patterns, or abstract designs, each shape divider can serve as a visual cue that reinforces your brand's personality and values, helping to establish a strong and memorable online presence.
In essence, shape dividers are not just design elements; they are storytelling devices that shape the narrative of a website and elevate the user experience. By incorporating these versatile tools into web design, designers can create visually captivating and immersive digital environments that leave a lasting impact on users.
Adding a Wix Editor shape divider
The Shape Divider feature uses optimised SVG shapes, otherwise known as vectors, that are customised and ready to be attached to either the top or the bottom of the strips on your Wix website. You can add a divider to the top or bottom of your strip, or both.
With a diverse selection of shapes available, you have the freedom to choose the perfect divider that complements the overall aesthetic of your website. Additionally, Wix provides access to a variety of designs through its Media catalog, allowing you to explore even more options to elevate your website's visual appeal. For those seeking a more personalised touch, the option to upload your own custom shape opens up endless possibilities for creating a truly unique transition effect.
How to add a shape divider to your strip:
Head to your Wix website Editor
Click on the strip you want to add a shape divider to.
Select the Shape Dividers icon
Click the Top or Bottom tab to choose where to add the divider.
Select a divider to add to your strip by clicking on one of the suggested styles or click + More Shapes.
Personalise your Wix Editor shape divider
After adding a shape divider to your strip, you can use the design options to personalise it to match your Wix website theme, or to stand out against the pages content. Choose the color, set the visibility, and change its position to make it look how you want.
How to customise your shape divider:
Click the Shape Dividers icon.
Select the Customise Design button at the bottom of the pop up.
Choose how you want to adjust the look of your shape divider:
Opacity & color: Select the color you want for your divider - a colour similar or the same as your strip helps to make the transition smooth - and change the opactity to whatever you like.
Height: Set how high or low you want the divider to be on the strip.
Horizontal offset: Position your shape divider to the right or left.
Layer effect: Click the toggle to add a fade effect to the divider, then select a direction from the drop-down:
Centered
Fade to top
Fade to bottom
Invert: Invert the shape of the divider to display vertically.
Flip: Flip the divider to display horizontally on your strip.
Can I use my own custom Wix Editor shapes?
Yes! Although Wix has a lot of shapes to choose from in the Wix editor, you can also upload your own custom shape dividers. Custom shape dividers are a great way to reinforce your brand identity and to add a personal touch to your Wix website.
What kind of custom shape dividers can I upload?
It is only possible to upload SVG files as shape dividers on your site. Files must be no larger than 250KB. The recommended proportion size for your SVG files is 1920px with a height between 50-300px.
Are Wix Editor shape dividers mobile friendly?
Yes, the shape dividers in Wix Editor are mobile-friendly. When you use shape dividers in your Wix Editor website design, they adapt to the mobile version of your site. This means that the shape dividers you carefully select and place on your desktop site will automatically be carried over to the mobile version, ensuring a consistent and visually appealing design across all devices.
One of the key advantages of using shape dividers in Wix Editor is that they are fixed at 50px in height on mobile devices. This fixed height ensures that the shape dividers maintain their visual impact and do not get distorted or lose their intended effect when viewed on smaller screens.
Enhancing Your Website Design with Wix Editor Shape Dividers
When incorporating shape dividers into your Wix Editor design, it is crucial to maintain a balance between creativity and functionality. Here are some tips to make the most out of this feature:
Ensure that the shapes you choose do not overpower your content. Opt for shapes that complement your content without overshadowing it.
Consider using solid colors for your shape dividers. This can help create a clean and cohesive look for your website.
Test the appearance of your shape dividers on various devices, such as mobile and tablet. Adjust the width and height of the shapes as needed to ensure a consistent look across different screen sizes.
Experiment with combining shape dividers with the parallax effect in your website strips. This dynamic combination can add depth and visual interest to your design.
By following these tips and exploring the creative possibilities of shape dividers in Wix Editor, you can elevate the visual appeal of your website and create a memorable user experience for your visitors.
Final Thoughts
When it comes to designing your Wix Editor website, incorporating shape dividers can truly transform the visual appeal. These unique graphics not only add color and movement but also play a crucial role in enhancing your brand identity. By strategically placing shape dividers, you can create a sense of fluidity and intrigue that captivates visitors as they navigate through your website.
Looking to take your Wix website to the next level? Whether you need guidance on implementing shape dividers effectively or want to explore other design elements, we are just a click away. Get in touch with us today to elevate your Wix website and leave a lasting impression on your audience!
Comments