52
votes
How to use San Francisco font on Windows?
You go here: https://developer.apple.com/fonts/ (yes I know this is the official link - thing is: SF is a open type font, its just "hidden" deep in the downloaded package)
Then you download the font.
...
19
votes
How to use San Francisco font on Windows?
Step 1: Download the font package from Apple.
https://developer.apple.com/fonts/
Make sure to download the regular fonts and not the compact fonts for watchOS. The download will have an annoying ....
10
votes
How to use San Francisco font on Windows?
I'm resurrecting this from the death, because I think I have the answer.
I ended up downloading the font here, and proceeded to convert all the fonts to TTF format using this converter. This has ...
5
votes
Accepted
Inkscape Filter: Mimic macOS Big Sur Icon 3D Effect
Here's my attempt at replicating this style with custom filters created by using Inkscape's filter editor:
First give your shape a gradient so that approximately one third at the top is fully white, ...
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 ...
2
votes
Font similar to San Francisco for PC?
You can download San Francisco directly from Apple in OTF format. Windows doesn't like that format, but you can use this tool to convert it to TTF. It worked for me using Windows 10.
I discovered the ...
2
votes
Font similar to San Francisco for PC?
Google fonts has a nice, free alternative that's close called Roboto:
2
votes
I cant find iOS specs equivalent to Material Design
Also this can be useful for you :)
2
votes
Accepted
What software do you recommend for creating a logo
To give you the answer you're looking for, most people would probably still be using Adobe Illustrator to design logos. There are some free alternatives to that and of course, Zach's answer should ...
2
votes
How to design stack-like icons like Apple and Bootstrap do, in Sketch?
Since you stated that you could use either Photoshop or Sketch, I wanted to mimic
@Danielillo's answer but using Sketch this time.
Disclaimer: The result is far from perfect, I'll just explain the ...
1
vote
What font was used here? (Apple Watch font)
It's the Nike Globe font. It's not yet distributed, it's a custom design made by Chul Lee for Nike.
You can find all the numbers here :
https://media.licdn.com/dms/image/v2/D5622AQEgZBi2eTSynw/...
1
vote
Accepted
How to work with Apple's Design Resources in Photoshop
---EDIT after further research---
Apple Instructions - Apple has step-by step instructions on how the document icon works here.
I wasn't completely wrong. You're not supposed to export the whole ...
1
vote
How can I recreate these Apple device shadows?
I recreate those type of shadows constantly at my work.
Tool used: Photoshop
My process consists of three main layers:
A soft darker and shorter layer around the object with a little bit of ...
1
vote
Text/Icon Radio Button Name?
There's no common name for this sort of set of inputs to my knowledge.
I would call it stylized radio buttons. They are likely inputs with button labels and the actual input hidden.
1
vote
Junior Designer - Struggling with iOS icon sizes
I had the same problem. Adobe Ilustrator keep generating not apropriate size of Icon images. 21 instead of 20, 30 instead of 29, 168 instead of 167.
Ready to go script solved the problem:
https://...
1
vote
Junior Designer - Struggling with iOS icon sizes
The half pixel dimensions @2x or @3x are for high density displays (Retina, Super Retina, etc.) which are used by pretty much all modern Apple devices. This means it will take twice the number of ...
1
vote
Illustrator envelope distort tool alternative
I do believe Affinity Photo for iPad has mesh warp and perspective distort, but I'm not sure how much vector editing capabilities it has.
1
vote
What software do you recommend for creating a logo
I recommend using pen and paper. Sketch a bunch of ideas. Take about 3 that you like and try a bunch of variations of them. Eventually you should get something usable.
Then after you get something ...
1
vote
Where to download Sketch’s version of the SF font?
Go to https://developer.apple.com/fonts/ to download San Francisco Font styles as a zip file. extract the font files from the SF-Font.dmg then open the SF Pro file folder. All the fonts will be ...
1
vote
Where to download Sketch’s version of the SF font?
Sounds like you already figured this out, but this is one of the top google results so I figured I'd post more links.
Apple used to provide the SF font to anyone as normal font download, but now they ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
apple × 31ios × 7
adobe-photoshop × 5
font-identification × 5
fonts × 4
icon × 4
interface-design × 4
logo × 3
sketch-app × 3
font-recommendation × 3
adobe-illustrator × 2
color × 2
software-recommendation × 2
mockup × 2
windows × 2
applications × 2
ipad × 2
inkscape × 1
website-design × 1
typography × 1
export × 1
transparency × 1
photoshop-effects × 1
resolution × 1
copyright × 1