UX – Page 3 – Web Design Ledger

July 11, 2024

By Web Designers for Web Designers

UX

User Experience

Learn How to Use the Repeat Grid Tool in Adobe XD

Adobe Featured Guides How-To Mobile App Design Tips Tools Tutorials UI UX UX Designer Web Design Web Designers

How to Use the Repeat Grid Tool in Adobe XD

<img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' decoding='async'/>

DanskyMay 25, 2016

Learn How to Create Responsive Guides in Adobe XD

Adobe Featured Guides How-To Landing Page Tips Tools Tutorials UI UX UX Designer Web Design Web Designers

How to Create Responsive Guides in Adobe XD

<img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' decoding='async'/>

DanskyMay 23, 2016

Learn How to Design a Switch UI in Adobe XD

Adobe Featured Guides How-To Mobile App Design Tips Tools Tutorials UI UX UX Designer Web Design Web Designers

How to Design a Switch UI in Adobe XD

<img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' decoding='async'/>

DanskyMay 20, 2016

Learn How to Quickly Add Images in Adobe XD

Adobe Featured Guides How-To Mobile App Design Tips Tools Tutorials UI UX UX Designer Web Design Web Designers

How to Quickly Add Images in Adobe XD

<img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' decoding='async'/>

DanskyMay 18, 2016

Adobe Featured Guides How-To Illustrator Modal Tips Tools Tutorials UI UX UX Designer Web Design Web Designers

How to Design a Profile UI in Adobe Illustrator

<img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' decoding='async'/>

DanskyMay 16, 2016

Adobe XD (Preview) The Basics of Adobe Experience Design

Adobe Featured Guides How-To Tips Tools Tutorials UX Videos

Learn the Basics of Adobe XD

<img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/1157adb365125b47ef378753cb4e93b2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' decoding='async'/>

DanskyMay 13, 2016

Featured UX

UX Design Tips to Boost Conversion Rates Up to 2x

Addison CohenMay 13, 2016