April 19, 2024

By Web Designers for Web Designers

UI

Featured Guides UI UX

Defining and Measuring Usability and UX. The Big Difference Between Usability and UX

DevJune 6, 2017

squarespace redesign

Editors Pick Featured Inspiration Interviews News Reviews

Interview with Andre Ribeiro. Redesigning the Squarespace website.

Andrei TiburcaMarch 21, 2017

Adobe Featured Graphics How-To Icons Tips Tools Tutorials UI Vectors Web Design

Draw Browser UI in Adobe XD

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

DanskyOctober 26, 2016

Adobe Featured How-To Tutorials

Design a Carousel Slider in Adobe XD

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

DanskyJune 3, 2016

Adobe Color Featured Graphics Guides How-To Icons Illustrator Logo Design Patterns Textures Tips Tutorials Vectors Web Design

Create a Gold Effect in Adobe Illustrator

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

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

DanskyMay 25, 2016