Only use vector content: curve paths with the Pen Tool P and shapes are fine. ![]() Here are some general design pointers when creating your custom symbols: By tackling these visual issues early on, you can save yourself a lot of time, then go on to produce the variants in-between these extremes. Lots of shapes or curves next to each other may result in a design becoming less distinguishable or more cluttered, for example. By creating variants of the design at each extreme, this will quickly highlight if any of your design choices are going to be problematic when the line weight is scaled. He then did the same for an Ultralight and Small variant. ![]() He then duplicated the layers in his symbol design and created a Black line weight in Large size variant-this is the thickest line weight and largest font size. In this example, Matt Searston (our resident Affinity Designer Product Expert) has elected to design a cassette icon, so we might look for an existing symbol that is rectangular in shape, and so has a similar aspect ratio.Ĭreating the most extreme line weight and font size variants to identify any scaling issues early on It’s a good idea to pick a symbol that roughly resembles the design you have planned for your own symbol. Once it’s installed, you can begin exploring the symbol categories within the app. Exporting an existing symbol templateįor starters, you will need to download the SF Symbols app directly from Apple’s Developer website. This template can be imported directly into Affinity Designer and used to create your own symbols, then brought into Xcode as a resource, allowing you to use it within your app design. This is where things get interesting-you also have the ability to design and import your own symbol designs, using Apple’s SF Symbols template layout as a starting point. ![]() The SF Symbols app (free to download), which lists all available symbols and allows you to preview different line weights Designing your own symbols
0 Comments
Leave a Reply. |