2350_smart-g-green_q8CYMCu
Green guides
When you're dragging and dropping an element, you'll occassionally see green lines appear. These green lines show the user alignment in relation to the canvas. 25%, 50%, and 75% are the areas on the canvas that will light up with green guide-lines when your selected element lines up with those areas. The image above shows that our selected element (the title) is aligned with 25% on the width of the canvas (top) and 25% on the height of the canvas (side)
Purple guides
It's also important to ensure that your elements are lined up with other elements. From a design perspective, we want to make our pages look as polished as possible, and alignment and consistent margins help a lot with acheiving that polished look. The image above shows an example of what our guide-lines look like when you align elements. The selected textbox element containing the text "So, why should I care"? has it's left-side, middle, and right-side all in alignment with the textbox element above it, as it should.
 
For a live demonstration of the smart guide feature, check out our video below.
6329_smart-g-purple_mdkchLZ
Purple guides
It's also important to ensure that your elements are lined up with other elements. From a design perspective, we want to make our pages look as polished as possible, and alignment and consistent margins help a lot with acheiving that polished look. The image above shows an example of what our guide-lines look like when you align elements. The currently selected textbox element containing the text "So, why should I care"? has it's left-side, middle, and right-side all in alignment with the textbox element above it.
For a live demonstration of the smart guide feature, please check our video below.
Please check out our video below showcasing the Readz smart layout feature!
Smart Guides
Your best friend for aligning elements!
web element- menu web element- blue menu
Back to Menu
LEARN MORE
DELIVER BETTER CONTENT EXPERIENCES
web element- close
SUBSCRIBE
label 1
Email:
readz logo
SUBSCRIBE
readz logo- bold
web element- close
DELIVER BETTER EXPERIENCES
LEARN MORE
readz logo- mobile
twitter logo
facebook logo
linkedin logo
readz logo
DESIGN THE WAY YOUR BUSINESS GROWS
Powerful, intuitive content creation software for marketers and designers.
VISIT READZ.COM
TRUSTED BY SOME OF THE WORLD’S SMARTEST COMPANIES
readz client- nonprofit readz client- health care readz client- sporting goods readz client- financial readz client- legalreadz client- technology readz client- mediareadz client- cosmetics readz client- hospitality readz client- telecommunications readz client- outdoor advertising readz client- ecommerce
label 1
Email:
SUBSCRIBE
readz logo- mobile twitter logopink twitter logofacebook logopink facebook logolinkedin logopink linkedin logo
Share:
pinterest logopink pinterest logo
USING READZ
BEST OF
LATEST