Intro to Sketch - Beginners guide to Sketch Basics |

Поділитися
Вставка
  • Опубліковано 14 гру 2024

КОМЕНТАРІ • 389

  • @ihavetoomanytoes4028
    @ihavetoomanytoes4028 3 роки тому +3

    This video was sensual yet tender, rough yet caring. It touched me deeply, and I feel I have learned many new things about myself - perhaps not all good, but important elements of myself. Thank you for taking me on this journey.

  • @noname89636
    @noname89636 5 років тому +4

    This is how a beginner video is supposed to be done. Great job!

  • @MufasaJungle
    @MufasaJungle 6 років тому +3

    I'm changing jobs within the company, from IT to design, I want to take initiative an make an assigment in the design program they use, so i have 24hours to learn and make a design, i've used your video for this. greta work Jesse

  • @woodzeppelin3241
    @woodzeppelin3241 4 роки тому +1

    Thank you. I just started working with Sketch for my job. Had not a clue what to do until i saw this video.

  • @yugantsonawale
    @yugantsonawale 4 роки тому +2

    Jesse u are very helpful. your sessions help busy professionals to update quickly these new tools.

    • @JesseShowalter
      @JesseShowalter  4 роки тому

      Thank you so much, friend! Have a good day!

  • @pn183
    @pn183 6 років тому +16

    I literally just changed my major to UX design and a prof recommended me to get started with sketch and principle(?). You made me get a good sense of what sketch is about. I'm excited to learn how to use it. Thanks!

  • @mojdeso4993
    @mojdeso4993 6 років тому +3

    As a Product Manager, I'de never thought that I will need sketching! But now! look at me! I am trying to use it, and I really enjoyed it till now. Maybe I can be a designer in my next life...

  • @adelinas77
    @adelinas77 6 років тому +10

    One of the most animated and helpful intros I have seen on UA-cam! Thank you!

    • @JesseShowalter
      @JesseShowalter  6 років тому +3

      So glad to hear it, Thanks for watching 👍🏼

  • @sawyerneal
    @sawyerneal 5 років тому +12

    This was a really good introduction into Sketch and I learned a lot! It is now my design software of choice because it is so easy to use, and learn with the Sketch community how to use its tools and features more efficiently. Thanks!!

  • @auslander31
    @auslander31 5 років тому +1

    excellent tutorial, very concise, no fluff ! Only 6 mins in and have had to hit the pause button many times to make sure I'm following correctly and understand. Proper lesson!

    • @JesseShowalter
      @JesseShowalter  5 років тому

      That's great to hear. I love note takers... it's a great way to learn

  • @JesseShowalter
    @JesseShowalter  6 років тому +39

    An intro to Sketch for mac. Let me know if you have any questions. I hope you enjoy the video 👍

    • @walymandias6948
      @walymandias6948 6 років тому +2

      could you please make a series

    • @hankareh
      @hankareh 6 років тому

      I enjoyed it a lot :)

    • @scritchproductions
      @scritchproductions 6 років тому

      Ho do you export everything? cmd+a > export?

    • @alexbabich2698
      @alexbabich2698 6 років тому +1

      I was interested in using sketch so I could layout the websites before programming it in html/css/bootstrap. Once I have the layout how will I know what to code? For example will it have all of the border, margin, padding information in the layout so I can just write the code and have it look the same or do I just have to look at the design and figure out how to program it from there?

    • @alanwigder8518
      @alanwigder8518 5 років тому

      When I export the symbol, I get a dialog box asking where to put the file. How did you make and get it into the directory

  • @diegoalbarracin5390
    @diegoalbarracin5390 6 років тому +2

    you can do this with adobe illustrator, make your own template for each screen size and have a library of icons.

    • @JesseShowalter
      @JesseShowalter  6 років тому

      True you can but it's really not designed to work fast and efficient like some other newer tools.

  • @MichaelRezac
    @MichaelRezac 4 роки тому +2

    Excellent introduction, Jesse! Well done!

  • @shannajhullaby
    @shannajhullaby 5 років тому +1

    You're a blessing to so many people!

  • @albertanasoul
    @albertanasoul 2 роки тому

    You seem like a very smart guy when it comes to Sketch and designing in general. I came here literally knowing nothing. I want to create a mock up of an app I am designing and after watching this video still have no idea how to get started. It would be great if someone made a video for people like me.

  • @pollyau1011
    @pollyau1011 6 років тому +2

    This is awesome! Thank you so much. I have been designing for years in pc and as of today, I finally made a switch - simply because of Sketch!

  • @jacklinkin3865
    @jacklinkin3865 4 роки тому +1

    Awesome tutorial man! Super iffy on this program before this video, ready to jump in now! Thanks Jesse

  • @soybeans12345678
    @soybeans12345678 5 років тому

    Decided to switch careers and the industry I'm joining is BIG on Sketch. So thanks for the tutorial, I subbed for sure!

    • @JesseShowalter
      @JesseShowalter  5 років тому

      That’s awesome!! I wish you well on this new journey! 🤘

  • @shisitoo6849
    @shisitoo6849 4 роки тому +1

    Looooove it! Really useful skills for beginner !

  • @_Schmiddy_
    @_Schmiddy_ 5 років тому +4

    Hey Jesse, thank you so much for this great video! I just started with Sketch and the fresh way of showing us how it works, is motivating me quite a lot to learn more about this great UI design tool! Well done mate!

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      Thanks so much for watching 👍🏼

    • @faridrrrafi2839
      @faridrrrafi2839 2 роки тому

      @@JesseShowalter Hi, can you please tell me how I can download Sketch for free?

  • @dawntessmanvisser5501
    @dawntessmanvisser5501 5 років тому +1

    Jesse, this is a fantastic tutorial. I've already used Sketch a bit. But you've given me a treasure trove of valuable information. Thanks so much!

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      YES!! so happy that you've learned something from my videos!

  • @FairozeeHashim
    @FairozeeHashim 6 років тому +1

    Thanks for this video, Ive been using Sketch for months now and I really loved it!

  • @helgahbuyengo843
    @helgahbuyengo843 3 роки тому +1

    Oh my God this made Sketch so very easy, I can't believe I did not learn it early.

    • @JesseShowalter
      @JesseShowalter  3 роки тому

      One day and one step at a time! You’re doing great!!

  • @michellesudhakar9961
    @michellesudhakar9961 4 місяці тому

    Thanks for the insightful video. Just to confirm creating or designing in Sketch is limited to the Mac? Designers cannot design in this app if working on a Windows platform. Apart from the Mac, are there other devices, that the app is compatible with and allows designers to design/create?

  • @andreaaustinaabce931
    @andreaaustinaabce931 5 років тому +1

    Looks like you need to buy the product in order to test it. The trial does not allow you to do much like create a customized toolbar as shown in the video. I can't even unlock the icons.

  • @josephg.8919
    @josephg.8919 5 років тому +2

    Do you like this more than illustrator? Or is this the similar ? I’ve been doing illustrator for a 3 days now.. lolol & I actually like it but I’ve looked into this cause it seems cheaper but & this seems to be the go too in the Industry or so I’ve been told lol but what do you do as far as images ? Cause adobe you can get the adobe stock for thousands of images for the that awful monthly fee lol but gotta invest in yourself ! 👍
    But I’m going to try sketch see what I can do 🤓😎👍
    Do you have more tutorials for sketch? Like the way you teach
    But nice video man!
    Thank you again for all the help

    • @JesseShowalter
      @JesseShowalter  5 років тому +2

      Both are great I also use Figma. If you are using lots of stock images the you might like Illustrator more. I have lots more videos you can check out on sketch i'll also be releasing a new one later this week.

  • @hayleymalcho5573
    @hayleymalcho5573 6 років тому +27

    This is wonderful! I'm just starting to learn Sketch and found this very helpful, so thank you!

  • @angelvelazquez1792
    @angelvelazquez1792 5 років тому +1

    Needed a refresher on some things. Thank you Jesse

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      Doing an advanced video soon, stay tuned 👍🏼

    • @angelvelazquez1792
      @angelvelazquez1792 5 років тому

      @@JesseShowalter that would be awesome. Thanks.

  • @VimalRaj1986
    @VimalRaj1986 4 роки тому +1

    Thanks Jesse Showalter.. useful and very informative for beginners...👍

  • @justinjoseph1586
    @justinjoseph1586 2 роки тому

    Hi Jesse, is this worth to try ? when somebody is already good with Adobe Illustrator ?

  • @eLeAeReA
    @eLeAeReA 6 років тому +3

    Daaaaamn! This program is a game changer!! I feel so silly I never tried it before...
    It is for me like a mix between InDesign and Illustrator but with a much cooler interface and waaaaay easier to learn and use.
    Thank you so much for the quick and clear explanation. You got a new subscriber :) Keep on showing us cool stuff!!

    • @JesseShowalter
      @JesseShowalter  6 років тому

      Thanks for watching and for the encouragement. More cool stuff coming 👍🏼

  • @Paltorizon
    @Paltorizon 4 роки тому +1

    This intro really hit the spot, Jesse. My first encounter with Sketch, and you covered the basics in the right sequence. 15 minutes in, and I'm actually off to the races. Thank you.

  • @K3.create
    @K3.create 3 роки тому

    How do you group your app icons in the Mac Dock like you've done at 1:25?

  • @sandraw6766
    @sandraw6766 5 років тому +1

    Great video to give a basic understanding of Sketch

  • @ashishmahajan316
    @ashishmahajan316 4 роки тому +1

    hey, how can i convert image to 1x 2x and 3x ?

  • @Rhino123freak
    @Rhino123freak 3 роки тому

    Is there a similar app for Windows?

  • @stephankromin6134
    @stephankromin6134 5 років тому +1

    Can you export a sketch design from a windows onto Xcode?

  • @KreativelyKoated
    @KreativelyKoated 4 роки тому +1

    Hello, is there a specific version to export that provides the text that the developers need?

    • @JesseShowalter
      @JesseShowalter  4 роки тому

      Use sketch measure and export an inspect mode for developers

    • @KreativelyKoated
      @KreativelyKoated 4 роки тому

      @@JesseShowalter Sorry, I meant the code. What plug in can I use to export the code for my developer? Is it Timeline?

  • @AntonDanilchenko
    @AntonDanilchenko 4 роки тому +1

    Thank you for the intro to the app. But I expected to see how to use the Sketch app for prototyping. I hoped that it can be used to create a linked pages and then run, click on buttons and navigate from screen to screen, see dropdown menu when I click on it and things like that. Do you have a vide that covers this part of the app? Thank you for the video one more time. Tool looks good and I hope that it even more powerful that you described here.

    • @JesseShowalter
      @JesseShowalter  4 роки тому

      it's never going to be more than a design tool

  • @iriszee129
    @iriszee129 5 років тому +1

    I don't quite understand how do you align the red square to the grey squares? I tried selecting two objects and aligning one to the other but they just both align to the artboard.

    • @JesseShowalter
      @JesseShowalter  5 років тому

      make sure thats the only two objects you have

  • @haiagebara540
    @haiagebara540 4 роки тому +1

    Hi , which mac i must to buy to start working with Sketch ? I really need help

    • @JesseShowalter
      @JesseShowalter  4 роки тому

      Which is in your budget and can handle the work you do?

  • @singhcomputers2607
    @singhcomputers2607 5 років тому +2

    Hi Jesse its really very helpful tutorial for fresher .. thx..
    I just want to know can we use this software in windows os because i dont have Appple.

    • @JesseShowalter
      @JesseShowalter  5 років тому

      sorry, Sketch is mac only, but you will love Figma

  • @lachyyates1182
    @lachyyates1182 4 роки тому +1

    super helpful tutorial, thank you sir.

  • @littlesasa8
    @littlesasa8 4 роки тому +1

    @3:29 you say we need to click on the "key of a" right ? I don't really understand because it writes the lettre A on my canvas (sorry if this is a stupid question, I really want to understand how to use sketch) :)

    • @JesseShowalter
      @JesseShowalter  4 роки тому +1

      make sure you dont have your text tool selected

    • @littlesasa8
      @littlesasa8 4 роки тому

      @@JesseShowalter Thanks for the answer !

  • @tuhg.6797
    @tuhg.6797 4 роки тому +1

    Thanks a lot for this very clear vid!

  • @theTurbokat
    @theTurbokat 4 роки тому

    So if I'm getting this right, Sketch is pure a design software that let's you create custom elements that you can import in your html/css folder?

  • @jr17ak4717
    @jr17ak4717 5 років тому +1

    what should I learn to become a ui ux designer?

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      Watch this series ua-cam.com/video/5yKQ8vM4pco/v-deo.html

  • @MH-wd1gu
    @MH-wd1gu 5 років тому +7

    Thank you so much for the brilliant video! I needed to learn Sketch and this was a perfect intro to it!!

  • @Israelball
    @Israelball 5 років тому +1

    Is it on app store?

  • @annakabua5081
    @annakabua5081 6 років тому +4

    A lot in a short time, really nice to watch! btw vry cool tattoos!

  • @oxglowinc.1614
    @oxglowinc.1614 Рік тому

    How can I design in feets or inches?

  • @reztheson
    @reztheson 4 роки тому +1

    I’m really happy to see this. I’m good with creating things on MacBook Pages. I think it will be an easy transition for me. I will purchase this product. Thank you sir

  • @justynaq1254
    @justynaq1254 4 роки тому

    What is hot key of E ?

  • @stevepinckney7998
    @stevepinckney7998 5 років тому +1

    Great video. The QUALITY of the video looks amazing as well. Would you mind sharing which camera you use?

    • @JesseShowalter
      @JesseShowalter  5 років тому

      I use a Panasonic G85

    • @stevepinckney7998
      @stevepinckney7998 5 років тому

      @@JesseShowalter Thank you! Have you created a video on your camera/lighting/mic setup? Would love to see it!

  • @TonyHughesDesign
    @TonyHughesDesign 5 років тому +1

    Really enjoyed the video. I'm not a UX/UI designer but there are times I need to make mockups, why should I migrate from illustrator to sketch?

    • @JesseShowalter
      @JesseShowalter  5 років тому

      You should choice the tools that you love. But sketch is much better for UI and multiple screen design.

  • @jamespinderphotoman
    @jamespinderphotoman 5 років тому +1

    New to all of this. Just wondering what are the benefits to a software like this over Illustrator? AI does most of this. Yet it seems most UX/UI designers have very little do with AI.

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      AI isn’t as good good as mult screen focused UI design.

  • @andrewkerr7960
    @andrewkerr7960 5 років тому +2

    Fantastic intro - definitely somewhere I'd send people to get them up and running on day one. Top job Sir.

  • @diyside
    @diyside 5 років тому +14

    Hey, what do you think about Adobe XD. I already have a subscription for the Adobe Creative Cloud and XD is included and I'm wondering if it's worth it to pay for Sketch. Thanks

    • @JesseShowalter
      @JesseShowalter  5 років тому +4

      If you already have access to Adobe I would try that and see what you think. It still lacks some features but it’s coming along quickly.

  • @stylofoam
    @stylofoam 4 роки тому +1

    thank you for this. I am currently using photoshop for my webdesigns, mainly because I use a lot of fades, textures etc ... fiddling a lot with the image creation itself while designing the weblayouts. As I understand, sketch doesnt deal with pixels, correct? So I would have to get the images background patterns etc designed & decided in photoshop and then import them into sketch? That seems like creating an extra step and therefore I kept just simply finishing the designs directly in photoshop. Do you have another suggestion for workflow? Or are there plugins etc that deal with pixels within sketch?

    • @JesseShowalter
      @JesseShowalter  4 роки тому

      Start using Adobe XD and stay connected with the Adobe Suite. Designing websites in Photoshop is not the way to go though no matter what. It's just not the right tool

  • @izabelarodzen-olesinski9394
    @izabelarodzen-olesinski9394 5 років тому +1

    Awesome tutorial! Keep them coming!

  • @talabra
    @talabra 4 роки тому +1

    Great video! very helpful. thanks!

  • @nikonp5994
    @nikonp5994 Рік тому

    Can you really buy it? I thought you could only subscribe after the 30-day trial version. I'm trying to gain experience in UX design, and some internships require proficiency in using Sketch. Since I don't have a job, I'm not sure how I'm supposed to afford it. I guess I'll have to make the most of the 30-day trial to learn how to use the app and maybe revisit it when I have an actual project.

  • @supriyadas30
    @supriyadas30 Рік тому

    What's the difference between Sketch and figma

  • @rschinchore
    @rschinchore 5 років тому +1

    Thanks!!!! Great video bro!! Shifter to sketch now :)

    • @JesseShowalter
      @JesseShowalter  5 років тому

      Thanks so much!!! Go make amazing things!!!

  • @augustrush38
    @augustrush38 5 років тому +3

    Hi Jesse. I love your intro tutorial that I got crazy in starting sketch to apply on my work. I am a graphic design and never thought that I would still be able to learn web design. By any chance, do you have any videos integrating Sketch App with Hype Pro 3? It would be very nice to learn that as well. More power and continue doing what you do best!

    • @JesseShowalter
      @JesseShowalter  5 років тому

      Hi Richard. I don't have anything on Hype, it's not something I am big on. What are you trying to accomplish with this workflow?

  • @mounilshah2660
    @mounilshah2660 4 роки тому

    Can Sketch (and Figma) be used just for prototyping or can they also be used in generating code of the components created? Like do I have to do the work of creating everything all over again in HTML, CSS and whatever other frameworks I use?

  • @bam00777
    @bam00777 5 років тому +1

    What a great intro to Sketch... thanks!

  • @sujitramesh3873
    @sujitramesh3873 5 років тому +1

    Awesome tutorials,mate

  • @isaacsantiago1503
    @isaacsantiago1503 4 роки тому +1

    my layout settings dont change in real time? why is that? help anyone?

  • @naganathanatreya2022
    @naganathanatreya2022 5 років тому +1

    Would I be able to design vector logos in sketch

  • @jakemetz1742
    @jakemetz1742 5 років тому +1

    what was the keyboard + pointer shortcut he did around 10:43 to increase the font size quickly?

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      I used the font size input area and drug my cursor on the word "Size"

  • @viktoriakovalchuk3813
    @viktoriakovalchuk3813 4 роки тому +1

    Thank you for a great tutorial!
    Could you please specify, what is it a narrow horisontal column menu between canvas and menu of the right (with C on the top)??
    In my version of Sketch 61.1 there is not such a column..

    • @JesseShowalter
      @JesseShowalter  4 роки тому

      This is an older video so the UI has changed

  • @qotsajr
    @qotsajr 6 років тому +1

    Do you recommend both affinity designer and sketch be included in a front-end workflow? Both of these programs look pretty powerful. I'm coming from adobe suite so I'm still kind of dipping my toes into the waters of what else is out there.

    • @JesseShowalter
      @JesseShowalter  6 років тому

      Sketch or something like it is a must, affinity if a maybe depending on your workflow and focus.

  • @RuTube981
    @RuTube981 5 років тому +2

    I've used Axure for five years and I just got a job that primarily uses Sketch. This was very helpful :) What are your thoughts on Axure? I swear by Axure like you swear by Sketch in this video lol

  • @jamieharris3878
    @jamieharris3878 5 років тому +1

    Great overview of the program!

  • @Hawkhunter07
    @Hawkhunter07 6 років тому +3

    Thank you for this tutorial, I'm about to start my UX/UI program in a few weeks, I appreciate it

    • @JesseShowalter
      @JesseShowalter  6 років тому

      That's awesome, good luck in your program

  • @simonemambella5774
    @simonemambella5774 5 років тому +1

    Can U run Sketch on a new MacBook Air 2018??

  • @gorgeou8
    @gorgeou8 5 років тому +1

    Great video Jesse! Do you happen to have made a video on 'preparing design system' using Sketch? Although I found a lot in UA-cam but they are way too long videos, one even goes to 45 min long!

    • @JesseShowalter
      @JesseShowalter  5 років тому

      Wow!!! I haven't done a video on building a Design System in Sketch but Ill add it to the list

  • @henrybroadcast
    @henrybroadcast 5 років тому +1

    Hi Jesse, great guide and lots of great tips in only 15 mins. Just one suggestion if you allow me respectfully, you have a gesture in your face to rise the right side of your mouse that I could not stop looking at. Yours is a pro approach, hope you take this as a constructive criticism. Thanks again

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      Can't change my face but thanks for the feedback

  • @techsandbulls1869
    @techsandbulls1869 4 роки тому +1

    hey what are your budgets for ur app idea ?let me come to know

  • @k.leathal3206
    @k.leathal3206 6 років тому

    Awesome, thorough, informative. Like your energy!

  • @SocialmotionMedia
    @SocialmotionMedia 6 років тому +1

    Is Sketch used more by UI or UX -- or both equally?

  • @jaloliddinesonboyev
    @jaloliddinesonboyev 4 роки тому

    From which site can I download Sketch for free

  • @maryloucomeau6193
    @maryloucomeau6193 6 років тому +2

    Loved it, thank you for your enthusiasm, very well spoken: good job :)

  • @Optte
    @Optte 6 років тому

    Same things we're able to make AI? Do you agree?

  • @stark07rahul10
    @stark07rahul10 4 роки тому +1

    is it free of cost software????

  • @KatrinaaH
    @KatrinaaH 6 років тому

    Hey! This vid was featured in Sketch News Issue 43! Way to go Jesse!!

    • @JesseShowalter
      @JesseShowalter  6 років тому

      So Cool! Thanks for letting me know and thanks for the encouragement.

  • @katreenatolentino2788
    @katreenatolentino2788 6 років тому

    Greetings. Thank you for creating this. I have a quick question. I am interested in creating a children’s book, but I am new to computer graphics and whatnot. I was wondering if Sketch would be a great option to make a master copy. Would you recommend it for my end goal-a colorful chikdren’s book with sketches made on a drawing pad and “cleaned up” on sketch with text and all?

    • @JesseShowalter
      @JesseShowalter  6 років тому

      I think The Adobe Suite or the Affinity Suite would be better suited for for designing and laying out a book.

  • @RosieSquall
    @RosieSquall 5 років тому +1

    What's best? Adobe XD or Sketch?

  • @fractalelement857
    @fractalelement857 4 роки тому +1

    Sketch or photoshop ?

  • @Sensieapp
    @Sensieapp 4 роки тому

    Super helpful, you're a champ - thank you!

  • @DBFamilyVlog
    @DBFamilyVlog 5 років тому +1

    I just wanted to say thank you for explaining this software so well, I need to learn to use it and this helped me understand what I was diving into. SUBBED

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      I’m so glad I was able to help out, Matt!! Welcome aboard 🤘

    • @DBFamilyVlog
      @DBFamilyVlog 5 років тому +1

      Thanks! 😁😁 Jesse Showalter

  • @madstonder
    @madstonder 5 років тому +1

    WHOA MAGIC!!! what just happened here? Red box. black text. select both. KAPOW! blue button with white text (11:26 - 11.31) could you please explain how you made that happen. Great tutorial BTW - thanks ;)

    • @JesseShowalter
      @JesseShowalter  5 років тому

      The power of fast forward

    • @madstonder
      @madstonder 5 років тому

      Jesse Showalter I kind of came to that conclusion too. Just had to be sure 😄. Thx!

  • @peteradgate3637
    @peteradgate3637 6 років тому +1

    great intro to sketch.. thanks mate!

  • @willyvillashonner
    @willyvillashonner 4 роки тому +1

    Good teacher.

  • @antolepore
    @antolepore 6 років тому +1

    Its only for design or is capable to bild a working ux for android for example?

    • @JesseShowalter
      @JesseShowalter  6 років тому

      Sketch can be used for UX work like wireframes and user personas 👍🏼

    • @antolepore
      @antolepore 6 років тому

      @@JesseShowalter ok ... so no code... only sketch...

  • @catw6274
    @catw6274 5 років тому +1

    Holy cow, this was awesome, thanks!!

  • @kaesandt3756
    @kaesandt3756 5 років тому

    You do so great on all your videos

  • @luqmansabir5843
    @luqmansabir5843 5 років тому +1

    Its so help full thanks ..... I am switching to sketch from xd and figma

  • @the_tattooed_medusa3060
    @the_tattooed_medusa3060 4 роки тому +1

    Thank you so much for this content!