Hot answers tagged

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
5 votes

How to suggest a button is for panning, not tapping?

I'd likely use some type of directional arrow. If they can swipe/pan in any direction, I'd have four arrows to show that. The following image from a google search is similar to what I'm imagining: If ...
Zach Saucier's user avatar
  • 13.4k
4 votes
Accepted

What is this pop-up that appears at the bottom of your iphone screen called?

This is called an "Action Sheet". You can read more about how to implement it on the Apple iOS Human Interface Guidelines site.
Vicki's user avatar
  • 3,184
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
  • 208k
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
  • 85.1k
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.6k
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.6k
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.6k
3 votes

Icon for reordering a horizontal nav on an iOS app?

You have to understand the icon first. Just like the toggle next to it it represents physical object. It visualizes the tactile feedback of the uneven surface (think old Nokia battery cover) that lets ...
KMSTR's user avatar
  • 7,075
3 votes
Accepted

iOS UI design - what dimension size Sketch file to give to developer?

http://screensiz.es/phone is a nice resource. I'm not sure how your team is structured, but for us it's all up to the Product Owner. He determines for us if it's important to provide exact specs for ...
AaronMcConkey's user avatar
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

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.6k
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.6k
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

Export iOS Icon Sizes in Affinity Designer

I just found a good way to do this in Affinity Designer. It's not fully automated though. I'll explain how to get the three icon sizes currently needed for iPhone (29pt, 40pt, 60pt), each with 2x and ...
Dorian Roy's user avatar
2 votes

How to suggest a button is for panning, not tapping?

Most of the time, games use curvy arrows to make their users understand they can rotate the view. They can be vertical or horizontal only. The curve usually shows they need to "drag" the arrow to ...
go-junta's user avatar
  • 13.7k
2 votes

How to suggest a button is for panning, not tapping?

If you are making a touchpad, they are typically inset rectangles or round rects. The inset helps to avoid it looking button-like. They are very common in music software and there is a hardware ...
Simon White's user avatar
  • 1,977
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 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.6k
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.6k
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

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
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
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

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

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
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

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