Sketch App Tutorials – #11 iOS Design UI Tools


Download

In this Sketch App video tutorial, design and prototype iOS apps faster than ever before with the Sketch 3 iOS UI Tools. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU

Support Free Tutorials
https://www.leveluptutorials.com/store/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://www.leveluptutorials.com/store/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. .

Download

source

Have any Question or Comment?

32 comments on “Sketch App Tutorials – #11 iOS Design UI Tools

Can you release an updated video for the latest version of sketch?

Reply

Can you update this video with the new UI kit?

Reply

Thank you for tutorials! Good job

Reply

Hey, thanks for the great video!
I have a query though, how can I use the 'material design' symbols and the 'iOS UI design' symbols in the same file? Because when I choose a new template, it creates a new Sketch file. Can I even do both these things in the same file?
Thanks!

Reply

once I click on ios design it has me pick from a pop up window and it does not give me symbols that i can then use like in this video. How do I fix that?

Reply

Hi Scott, Does Sketch 3 provide iOS UI Tools for smaller screen sizes like the iPhone SE/5S that's 320 points wide? If not, what do you recommend?

Reply

I am now trying to use the ios UI presets in sketch 3, it tells me that the fonts are missing which are the apple SFUI fonts. Do you think is there anyway to relink them or just find an alternative way to mock up the UI?

Reply

Thanks for that final comment "Inspire yourself to make that app you were thinking about" always looking for ways to inspire myself 🙂

Reply

人皮燈籠。。。

Reply

Thank you for the great tutorial. What's the version of the Sketch App here? I'm using Version 3.7.2 (28276), seems the latest, but I've found something different from yours, like, there is no 'Reflection' feature below 'Gaussian Blur'' in the right.

Reply

One way you can tell this tutorial is a little old is the font. Apple have been using San Francisco typeface for almost two years.

Reply

I see a Hackintosh …..

Reply

Hi thanks for the tutorials, its really a great help. I need to know, cant we align the shapes/objects to the art-boards? Like we drag and get a object but manually have to adjust it…

Thanks for your time and consideration..
Regards.

Reply

Are these just mockups? Or can they be functional?

Reply

Hi ya, 

it's weird but I'm not getting this blank page. I've got a document which is loaded with iOS elements. It's all the time when I choose New from Template/iOS UI Design. 

How can I fix this?

Reply

If I want to support all sized devices, would I have to recreate everything for each size?

Reply

What about android UI design , are there any kits or somthing?

Reply

Only literally found about about Sketch3 yesterday and it seems so friendly and easy to use! Like more so than PS and AI, Im only using the trial package at the moment but might pay out for it soon. 

Reply

What computer is that with the Corsair logo showing?

Reply

Amazing tutorials! Great job

Reply

My UI Kit looks completely different from this video!!  What to do?

Reply

Thanks for your tutorial

Reply

What's the awesome Microphone that you're using?

Reply

Just purchased Sketch3 and looking at your tutorials.  The first thing I notice is that when you open your iOS Design UI Tools they correspond to the mobile size 640×1136.  Mine do not.  They are at 1x (375pt).  Where do I go from here

Reply

i love your tutorial.they are really useful and good for beginner .
wish you can make more and more advanced level.

Reply

1. These videos are phenomenal 2. Where did you get that shirt? I want it.

Reply

You can click "align bottom" to move the keyboard to the bottom of the artboard instead of pixel-aligning it. 

Reply

Love the series, please make more 🙂

Reply

Fantastic series, just what the Sketch users needed!
I know you have a schedule but my suggestions based on using Sketch are:
1. How to work with non-vector elements, jpegs etc. I have found the tools to be lack lustre.
2. A quick mockup of a real world web design, understanding how the grids work with something like bootstrap can difficult to grasp.
3. How to design for print, if possible? Sketch apparently replaces illustrator but not sure if it can do print designs.

Keep up the hard work!

Reply

Loving these tutorials! The included iOS UI Kit is a bit barebones, but googling for "sketch app sources" you'll find a similarly named website with tons of free goodies to play around with. 🙂

Reply

Leave a Reply

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