Skip to main content
11 votes

Export iOS Icon Sizes in Affinity Designer

Since the requirements change from time to time, it's always a good idea to refer to Apple's guidelines. There's an Affinity Designer template on my website that I've develop that exports the 18 sizes ...
Steven Westmoreland's user avatar
6 votes
Accepted

What is the name of this UI Element?

This is called a SlidingUpPanel - given that one has this sort of interaction behavior with the element in mind: https://pub.dev/packages/sliding_up_panel Searching for SlidingUpPanel as UI element ...
ChrisBean's user avatar
  • 260
4 votes

Why are slices in Sketch Important?

You need to create slices to tell whatever software you're using what is an asset and what not. Having a symbol doesn't necessarily mean it's an asset, a symbol could be anything from a product tile ...
Summer's user avatar
  • 2,706
4 votes

How to choose font color against yellow background?

Does the type have to stay white? You could merely set the type to yellow.. removing the star. Or if you wanted that outer glow, yellow type with a white glow...
Scott's user avatar
  • 210k
4 votes
Accepted

App to take picture of sketch and convert to drawing

If you have an Adobe CC account, you can use the Adobe Capture CC app to take a photo and vectorize it. The app is available for iOS and Android devices. With the app, you can take a photo of a hand ...
Billy Kerr's user avatar
  • 87.3k
3 votes
Accepted

I cant find iOS specs equivalent to Material Design

The Human Interface Guidelines are the official guidelines and the closest official source you'll get. There is no detailed spec similar to Material Design's. Although similar in purpose, the Human ...
Cai's user avatar
  • 40.7k
3 votes

iOS iPhone App Hamburger Menu Button Size

The sizes for custom navigation bar icons are listed in the iOS Human Interface Guidelines here: iOS Human Interface Guidelines — Custom Icons The sizes are listed as: iPad Pro, iPad, iPad mini ...
Cai's user avatar
  • 40.7k
3 votes

Export iOS Icon Sizes in Affinity Designer

You can do it in Affinity Designer, slices can scale their output, using suffixes, here is iOS icons export using the 'w' suffix:
Afanasii Kurakin's user avatar
3 votes
Accepted

Where to download Sketch’s version of the SF font?

The only way to download Apple's San Francisco font is from the Apple developer website: https://developer.apple.com/fonts/ The font isn't licensed for any general use at all. Only paid members of ...
Cai's user avatar
  • 40.7k
3 votes
Accepted

Why PSD design ppi matters on iOS, but not on Android?

Assuming the same pixel dimensions, PPI (or DPI, but it really is PPI) makes no difference at all. A 100x100 pixel image at 72PPI is exactly the same as a 100x100 pixel image at 300PPI. No difference ...
Cai's user avatar
  • 40.7k
3 votes
Accepted

iOS design guidelines like Android's?

iOS Human Interface Guidelines The iOS Human Interface Guidelines set out guidelines for general design principles to follow, specific guidelines on typography, color, navigation, interactivity, icons ...
Cai's user avatar
  • 40.7k
3 votes

How to choose font color against yellow background?

If I understand your question, the problem is that colours bright enough to contrast with the background tend to blend in with the white? You could potentially solve this by having a slight 'hold-off' ...
Westside's user avatar
  • 9,523
2 votes
Accepted

Reduce size of image without reducing quality

Do Not Use PNGs You can also use SVG files saved as PDF files (open in illustrator and export as SVG-PDF). These work well as Universal sized images and should reduce the total number of images ...
Tommie C.'s user avatar
  • 196
2 votes

How to get specs of UI elements from PSD file for IOS?

You can upload PSDs in Brackets, an Open Source Adobe tool. It give you every specs you want and can extract assets directly from the PSD. As a Web Designer, I don't use it much. But our developers ...
Mijer's user avatar
  • 146
2 votes

Can I use material design for both Android and iOS?

Apple has the iOS Human Interface Guidelines, which set some limitations on design but they shouldn't prevent you from implementing material design in your app. The only real limitations you have to ...
Cai's user avatar
  • 40.7k
2 votes

Why are slices in Sketch Important?

Slices are just another way to export in Sketch. You can just set a layer or group or artboard or symbol to export, but using slices give you more control over padding. It’s also worth noting that ...
Marc Edwards's user avatar
2 votes

how to design for iPad screens using a browser interface

There are a lot of options for testing different screen sizes and resolutions. The best will depend on your workflow. Online Tools Online responsive tools require a domain to test. This can be a local ...
Cai's user avatar
  • 40.7k
2 votes
Accepted

Is this a native iOS design?

Tab bars in IOS go at the bottom of the screen. Check out these IOS Human interface guidelines, as they call it, from Apple. They have guidelines for all the components that are available to the ...
Jane Alefragi's user avatar
2 votes
Accepted

When and when not should i use proportionally-to-screen sizes

You'll want to choose your font and image sizes to be comfortably usable on the smallest screen, which might result in short lines and little space for images. But that's a function of physics, for ...
MMacD's user avatar
  • 355
2 votes

What format should animations be in for Spritekit / Swift?

SpriteKit is slightly unusual in 2D game engines in that it does all its own texture packing. SpriteKit desires a .png sequence. What this means, when creating sequenced image animations, is that ...
Confused's user avatar
  • 2,885
2 votes

I cant find iOS specs equivalent to Material Design

Also this can be useful for you :)
Sebastian Zarnowski's user avatar
2 votes
Accepted

How to use Sketch iOS app icon template?

Version Updates Depending on the version of Sketch you use; you will want to take a look at different versions of the plugin. Here is that list (https://github.com/tadija/AEIconizer/releases). To ...
Tommie C.'s user avatar
  • 196
2 votes
Accepted

Name of vector icon font set on iOS

Apple doesn't have an official iOS icon font. It does provide some icons for iOS mockup purposes only on its official website. For implementation, developers refer to the icons, which are bundled with ...
Tin Man's user avatar
  • 628
2 votes
Accepted

Remove Extra Background behind the iPhone frame in Sketch

I'd try masking the image with a shape. Make a rectangle with rounded corners in the middle of that phone border and use it to mask the image. I did this using an old version of Sketch, so there ...
Joonas's user avatar
  • 15.5k
2 votes
Accepted

San Francisco and designing for iOS

Apple's iOS developer guidelines on typography are pretty clear (emphasis mine): San Francisco (SF) is the system typeface in iOS. The fonts of this typeface are optimized to give your text unmatched ...
GerardFalla's user avatar
  • 9,626
2 votes

Can we put back button at the bottom in iOS app? Are there any apps in App Store like that?

Several things to unpack here: There is a usability issue of reaching back button in iOS because it is on the top left. This is not a usability issue - if it were, then the vast preponderance of ...
GerardFalla's user avatar
  • 9,626
2 votes

What is the name of this UI Element?

Those are simply called "cards" in every environment that I've seen them in. You could add other descriptors in this case, such as "flat", "rounded", and "low contrast" (the text in the images you ...
Zach Saucier's user avatar
  • 13.4k
2 votes

which artwork dimension to use for mobile app design

Maybe just avoid using Photoshop to design user interfaces/apps. With the best will in the world, Photoshop isn't designed for this. It's a photo editor. Adobe has XD (for Mac and Windows). It's ...
Billy Kerr's user avatar
  • 87.3k
1 vote

What sizes and units should be used for creating iPhone wallpapers?

As the page you linked to says, the point units are an abstract system for determining coordinates; they don't directly correspond to pixels on a screen but give a convenient coordinate space across ...
Cai's user avatar
  • 40.7k
1 vote

Illustrator: blurry app icons when scaling down

The problem is anti-aliasing. It may be tempting to believe if you create a large icon in Illustrator with snap-to-pixel enabled, then it will scale down to any size while staying sharp. But ...
MG_'s user avatar
  • 1,521

Only top scored, non community-wiki answers of a minimum length are eligible