Back to Blog
Affinity designer on ipad6/23/2023 On the left side panel there’s a Transform section. From the tool menu on the left select a Rectangle Tool (M), and draw a rectangle covering the whole working area. Now we’re going to create our app background. Add other guides using attributes as shown below. Then double-click on the value which appears in the list and change it to 20 pt. Click on the small blank page icon below the Horizontal Guides section. Go to View > Guides manager and a popup will appear, with horizontal and vertical guidelines (blank for now). Next up, a space for main info about user performance, and a place for a button to start a workout. Then, although transparent, there will be a simple Navigation Bar below that (44 pt). We’ll need to allocate a space for the Status Bar (20 pt). This design will lean on basic Apple Human Interface Guidelines, which means adhering to a specific hierarchy. We won’t dwell deep into this right now, but we’ll set up a really simple layout grid. Next up we need to prepare an environment to work in. ![]() Affinity Designer will atomically set the other options for us. We’ll be designing an iPhone App so the best way to go is to choose Type: Devices and Preset: iPhone 5 (Retina). ![]() For now let’s focus on two options: Type and Page Preset. On the popup which appears you can specify the file parameters that will suit your needs the best. Let’s get started by creating a new document.Īfter opening Affinity Designer go to File > New from the main menu. We’ll be working with type, vector, images, as well as layer styles. By the end of this tutorial you’ll have gained a basic knowledge of the Affinity Designer workflow. You won’t need any previous experience with the application. We’ll be working with Affinity Designer, a new and promising tool made by Serif, and a great app for UI design. ![]() In this tutorial I’ll walk you through the process of designing a welcome screen for an iOS fitness application.
0 Comments
Read More
Leave a Reply. |