UI – Page 5 – Web Design Ledger

July 15, 2024

By Web Designers for Web Designers

UI

Adobe Featured Graphics Guides How-To Icons Illustrator Logo Design Tutorials UI Vectors

Draw an Icon Badge and Shadow in 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='' 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'/>

DanskyJune 23, 2016

Featured UI UX Wearable

Design to Make Technology Human

<img alt='' src='https://secure.gravatar.com/avatar/c18827601dae48a7d3d0f911198f2cc9?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/c18827601dae48a7d3d0f911198f2cc9?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' decoding='async'/>

Danielle ReidJune 11, 2016

Featured Trends UI UX

Design Beyond The Screen

<img alt='' src='https://secure.gravatar.com/avatar/c18827601dae48a7d3d0f911198f2cc9?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/c18827601dae48a7d3d0f911198f2cc9?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' decoding='async'/>

Danielle ReidJune 9, 2016

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

Using the Pen 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='' 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 27, 2016

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='' 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='' 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