iPhone 7 Sketch Files

As part of trying to figure out what I’ll move to now that Adobe is ending support to Fireworks, I’m looking at alternatives. First up was Sketch, partly because lots of people use it and like it, so I decided to try it out. From past lives, I’ve found the best way to learn a new application is to grab a project, set a deadline and try to make it happen in the new software. This can be painful. Since I didn’t have a personal project to toss at it, I decided I’d just create something.

Slice 1I took a JPG export of the Teehan+Lax iPhone OS7 template, dropped it into the background, and off I went. (Those people, by the way, are significantly amazing. I’ve used their iPhone templates for as long as they’ve been making them. I’d convert them into Fireworks files and jigger them around to create what I needed. I have a lot of respect for what they’ve done. If you use Photoshop or Fireworks, use their stuff.)

My goal was to completely recreate that file in its entirety all as vectors. No bits were mapped in the making of this project. Every icon, gadget, and everything else are either vector images or Sketch objects. (Do not try to deconstruct the settings gears icons, I’m letting you know ahead of time, that one’s a pill.) As a result, you won’t see shiny iPhone cases and dreamy space scenes as background images, but nobody really uses them when designing applications anyway. You also won’t see perfectly constructed icons, either, but they do have usable ones. If you use them, your mom won’t be embarrassed for you.

What I discovered as I finished all the screen components, the Apple application screen samples, the two iPhones, the AirDrop, table views, new message screens, and then started in on creating the underlying home screen they had as an image under the control center, is that Sketch seems to have a limit on the number of objects one file can handle without repeatedly crashing and burning. It just stopped letting me make objects, period. They aren’t huge files. It happens.

As a result, I broke out the components into one file, and kept working. Then it stopped a second time and I couldn’t add anything else. As a result, I have three sketch files, the screen components, the screens sets within the applications, and a third file with the two phones, the home screen and the Control Center overlays.

What these do also include that T+L didn’t include (and I don’t blame them. That was a pain.) a fully rendered vector version of the home screen, including all the icons but not the space background image.

What these files do not include: The lock screens. They’re nice looking, but I don’t create lock screens when I design applications. It also doesn’t include the two notification screens for the same reason. (Oh, and I’m tired as well. There were five of these screens.)

Link to the archive

5 thoughts on “iPhone 7 Sketch Files

  1. democommie

    I read stuff like this and lament my lack of understanding of the basics of computer (or old fashioned) graphics.

    I took drawing lessons once, about 35 years ago, from a woman who was skilled at drafting and also had a talent for making abstract art that made sense to me. She became a bit frustrated at my lack of progress and suggested that perhaps I wasn’t “seeing” things as I should. I brought her some of my poetry and after reading it she said that my “seeing” wasn’t the problem. But she also said that the process of my seeing was not translating into some sort of objective drawing and that she could not teach me that piece I was missing. When I began to do some photography a few years later and showed her some photos, she nodded and said, “This is your drawing.”. If you mosey over to tkmanion.com you can see some of my stuff on a webpage my nephew set up for me (it’s still in a limboish sorta stage).

    I wish that I could do what you and others do but I’m happy to be able to do what I do.


    1. Jim Post author

      You can’t do everything, Demo. When I was a kid I apparently was good at art and didn’t remember it until we cleared out my parents’ house after they died. No telling what I’d be if I kept it up. Probably an impoverished artist.

    1. Jim Post author

      Thanks, Cole. I enjoyed it. It’s been a long time since I played that much with vectors.

  2. Pingback: Mockup Tools | jimvoorhies.com

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>