Affinity Designer Tutorial UI and Website Mockups Using Constraints

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=gaZgF4iIhkk

This Affinity Designer tutorial will teach you about the constraints panel. I will explain how it works and then show you how it works and how it can help when creating UI Mockups for websites or different sized artboards/devices. • For example: Create a UI element/asset like a button or navigation bar and have it automatically resize to different artboards. This can be very useful when you need your design o fit a mobile phone, tablet and website. • This tutorial is step by step with tips, tricks and shortcuts throughout. • I now have a SUPER THANKS button!!! So if you feel like buying me a coffee as a thanks tap away! • • If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. • • NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS: • Mac Command key = Windows Ctrl key • Mac Shift key = Windows Shift key • Mac Alt key = Windows Alt key • Mac Ctrl key = Windows Right Mouse button • CHECK OUT MY AFFINITY SHOP OF FREEBIES, VECTOR PACKS AND BRUSH PACKS: • https://artistwright.gumroad.com/ • MY WEBSITE: • https://www.artistwright.com/ • Time Stamps: • 0:00 Intro • 0:18 What is the Constraints Panel • 3:47 Horizontal Vertical Scaling • 5:52 Using Anchors • 07:07 Anchor Scale • 08:04 Creating UI Elements • 11:22 UI Elements Different Artboards • 15:15 Website Mockup • 18:59 Min Fit - Constraints • 20:13 Max Fit Constraints • 22:25 Thanks for Watching • #affinitydesigner #ui #contraints

#############################

New on site