GithubHelp home page GithubHelp logo

ios-text-styles-in-sketch's People

Contributors

riomarmccartney avatar saffad avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Forkers

cocoabagel

ios-text-styles-in-sketch's Issues

Inclusive app design support [JP]

Inclusive App Design

screen shot 2016-07-06 at 11 36 08

This was a hot topic at WWDC because iOS is now all around the world and it is used by many different people with different cultures. So designing and considering only alphabetical format is becoming a thing of the past, we as designer must consider about other languages and make it accessible to people not native to alphabets.

Your sketch was super helpful to simulate System Font used in Xcode. It's clearly a great idea to make it into a styled text format for Sketch. So I thought, why not make it inclusive, so that designers that are making for other international markets don't have to research all over again about how typography will be treated in different languages and regions.

Right now I mainly work for the Japanese market, and as you can see on the table above (2nd Column), Japanese System Font (Hiragino Sans) have only 2 weights. Plus Japanese fonts are generally larger than the alphabet we know, font size do change when styling, but in Xcode It's considered the same.
For example, Body style in alphabet is SF Text Regular 17pt, whereas the same style in Japanese would be Hiragino Sans W3 16pt.

This is a real pain and confusion when making typographic layouts for both languages, so following your sketch file format, I made a Japanese version (screenshot below). I would love to contribute to this repo so that the resources are all together for designers around the world. @saffad

screen shot 2016-07-06 at 11 28 37

PS : I tried to be as perfect as possible, replicating the System Font in Japanese but there are some limits to Sketch and by the way OS X treats Japanese font. The red text layout is sketch, the background is the text generated from Xcode System Font.

screen shot 2016-07-05 at 9 42 48 pm

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.