Design a Modern & Trendy Coffee App for iPhone X in Sketch

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

КОМЕНТАРІ • 91

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

    Man finally someone is thete on youtube who makes some deatailed tutorials but also makes them easy to understand m good job amd have a nice day cody .

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

    Ahhhh on video 3/5, please make more! I don't want to run out of your sketch tutorials, they're the best ones.

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

    Doesn’t matter how long this video is...this is information and visual examples you won’t get at ease anywhere else. Thanks dude! I don’t regret to subscribe.

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

      Thanks Cesar! I appreciate that. Thanks for watching! :D

  • @MissyMicha
    @MissyMicha 7 років тому +1

    Great stuff - not only clear instructions, but great design too. Keep doing those tutorials Cody!

    • @CodyBrownDesign
      @CodyBrownDesign  7 років тому

      MissyMicha thanks for the kind words, will do!

  • @Ralphunreal
    @Ralphunreal 7 років тому +14

    Nice, I don't mind if the video is longer. I think it's good to see more design artboards than just one because I feel other states of a website/app are harder to design. It would be cool to see you go deeper with multiple artboards for future projects.
    Also did you know the distance sketch feature?
    With a layer selected, hold the Option key and hover over another layer. You will see that Sketch displays the distance between the two layers. When measuring against other layers, you can also hover over the Layer List.

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

    Amazing tutorial! Simple to understand and best one I've found so far. First time using Sketch

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

    You are really good. A lot better than a lot of other tutorials, please do more sketch tutorials!

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

      Thanks Andrew, I appreciate that. There's a lot of other great tutorials out there though too!

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

    Love it bro! A quick and simple way to demonstrate what Sketch can do!

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

    Hello @Cody Brown you videos its amazing thnx very much :D but can i ask u what its parellax ? can i put design on my website ? thnx ! :D

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

    Great vid, man! Have you ever been told you're the Bob Ross of app design tutorials? You reminded me so much, I searched one of Bob's classics just to make sure I wasn't imagining it.

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

    Juts changed my major to UX design and trying ti familiarize myself with sketch and you're making it look super fun! Subbed!

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

      pal bee great to hear! Thanks for the kind words and good luck with on your transition! 😎

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

    Wow. Great stuff bro. Got a new subscriber here

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

    People like you are my inspiration :) Thank you.

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

      CodePulse Studio you’re too nice! Thanks for watching :)

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

    Very nice demo, easy to follow, well done and keep up the good work. Henry

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

    Great tutorial! Thanks. And... you actually got a nice voice)

  • @williamrolph662
    @williamrolph662 7 років тому +1

    Another good video! Simple and easy to follow. I like the clean style. Would love you to upload more regularly!

    • @CodyBrownDesign
      @CodyBrownDesign  7 років тому +1

      Thanks for the comment William! Yeah, same here! It's my goal this year to make many more videos on a weekly-or biweekly basis. They take some time to produce and I'm already looking at ways to speed up my process while still bringing you guys more valuable content.

    • @williamrolph662
      @williamrolph662 7 років тому

      Look forward to it!

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

    Nice work mate!

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

    really appreciate your work .. so easy to understand and good explained video .. need more stuff from you .. thank you sir ..

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

      Thanks for the comment, and watching my videos! More to come :D

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

    It is my first time of sketch, nice video thanks~

  • @92Poland
    @92Poland 7 років тому +1

    Great video! Watching your tutorials is always a pleasure. That app looks pretty cool but I would add one more button like order your coffee on your way or book a table. Would be cool to have in real app :)

    • @CodyBrownDesign
      @CodyBrownDesign  7 років тому +1

      Thanks a lot! That's a great idea, give the user some call to action. :D

  • @tiare.price23
    @tiare.price23 6 років тому +2

    Love this !!! It really doesn't matter how long this video is. I can keep listening to you all day long. thanks !!!

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

    Great work

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

    I really liked your video Cody. I’m a developer looking forward to learn design. It would be great to see you talking about typography or what colors to use in what situations!
    Keep it up and upload more ofter :)
    Thanks!!!!!!!!

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

      Thank you! Here's a video where I talk a little bit more about color in moodboards. Trying to upload every week! ua-cam.com/video/QEbAwTIPexA/v-deo.html

  • @ZEN-nz3kl
    @ZEN-nz3kl 4 роки тому

    Hi Cody, how do you hover the info blue?

  • @mohamedkhodary7831
    @mohamedkhodary7831 7 років тому +1

    nice video and merry Christmas

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

    Great Tutorial! Soothing voice and music :)

  • @OpenMicDropNight
    @OpenMicDropNight 7 років тому +1

    Great looking man provides a great tutorial.

    • @CodyBrownDesign
      @CodyBrownDesign  7 років тому

      Why thank you! Don't know about the good looking part though.

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

    This is subtle and beautiful....Thanks a lottttt,Kind Sir...❤️✌️👌👌👌

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

    please do a few more tutorials in sketch app at it is very helpful

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

    Great job! I have to say this is one of the better tutorials on ui design with Sketch i have seen, and I have seen more than a lot. Really looking forward to seeing a Sketch file animated in AE next! Awesome collaboration!
    Just a quick question: Once you make each element exportable, do just export the whole dartboard or? Do wish you had spent a little more time on file preparation before importing into AE since this is where I generally have issues with this particular workflow.
    Anyways keep up the great work! Would love to see more of this collaborative style maybe with websites being animated.

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

      Thanks for the kind words!
      I would export the whole artboard for reference, as well as each asset on it's own. Then stack the assets on top of the flat image.

  • @Roomierplanet
    @Roomierplanet 7 років тому +1

    Great video Cody! I really like that you're contributing to the community by educating people about UI design! I'm also a beginner designer who'd like to go into UI and UX design. I'll keep up with your social media profiles and channel to stay updated :)

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

    Great Job. Loved it

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

    So kind of a noob question, but when you are laying out text, to what degree should you follow the font size guidelines from the HIG?

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

    Is there a template available for this video?

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

    How did you drag to other card after you duplicated it?

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

    2:19 how to insert ios ui design??

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

    Hey, I enjoy your tutorials! but I have an issue, I just download Sketch and the resources from Apple, but I can't find the iPhone X frame, Is it out of the new version of mac?

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

      I believe it should be in the latest version of Sketch.. If not, there's lots of great resources to get the UI from. Here's one: developer.apple.com/design/resources/

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

      @@CodyBrownDesign I had the same problem, you have to go on Sketch -> Preferences -> Libraries and then down loading the Apple specific resource

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

      follow this steps:
      Insert
      Symbols
      Apple iOS UI
      Device bezels

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

      @@voice4israel the latest version of ios libraries(2020 June) from apple doesn't seem to have bezels for iPhone X.
      Only for iPhone XS and iPad Pro's. Not sure why is that, any place to get old libs?

  • @ninjagraphics1
    @ninjagraphics1 7 років тому +1

    Great video Cody!

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

    I know its a simple task but how did you create a folder and put your common layers in it ex. text layers, shape layers, etc.?

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

    So, when you're actually designing an app do you have to design it for each iPhone size? Or does it auto adjust?

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

    Cool! Very useble tutorial. Just 100% information. definitely subsrcribe

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

      Thanks Alexandr! I appreciate the kind words Thanks for watching :D

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

      ill be waiting for new videos :)

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

    I am using sketch 59.1 anda cant find ios x ui design, how can i get it?

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

    Nice sir , i am a new subscriber

  • @moboxgraphics
    @moboxgraphics 7 років тому +2

    Awesome design. Here from Devil Cube channel. Sub'd

    • @CodyBrownDesign
      @CodyBrownDesign  7 років тому

      MOBOX GRAPHICS thank you! Glad to have you

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

      You prolly dont give a damn but does someone know a tool to log back into an Instagram account..?
      I was dumb forgot my login password. I would love any help you can give me

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

      @Zayden Raphael instablaster ;)

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

      @Miller Kingston I really appreciate your reply. I found the site on google and I'm in the hacking process now.
      Seems to take quite some time so I will get back to you later when my account password hopefully is recovered.

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

      @Miller Kingston It did the trick and I actually got access to my account again. Im so happy!
      Thanks so much you saved my account!

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

    Hi! Can I download file I phone X frame? Thanks!

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

      you can download here: www.sketchappsources.com/free-source/2882-iphone-x-mask-template-sketch-freebie-resource.html

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

      Thank you so much! It really useful with me

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

    When changing the text in the symbols of the card, it doesn't align it in the middle. Can anyone advise? Thanks!

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

      You have to go to your original text box within the symbol, make sure that your text box is set up with center alignment. Then anytime you update it should maintain that alignment

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

      Thanks for your feedback!

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

      Ioannnify of course! Thanks for tuning in 😎

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

    Would yo mind sharing me the sketch file please?
    Thank you so much !!

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

    Can we get the finished product files

  • @mirkozoric81
    @mirkozoric81 7 років тому +1

    For some reason I can't leave a reply comment on your other video(tried twice, but no luck). Just wanted to say that after watching your video I posted my first Dribbble shot made in Sketch. Nothing spectacular, just a holding page for my portfolio, that badly needs a redesign. I plan to code that page in a few days, and then build on that and finally do that portfolio redesign I've been prolonging for so long.
    Here is the link if you are interested dribbble.com/shots/4055119-Portfolio-Holder
    p.s. Looking forward to watching your new video tonight. Thanks for making them!

    • @CodyBrownDesign
      @CodyBrownDesign  7 років тому +1

      Thanks for the comment! UA-cam for some reason held this comment for me to review and approve, maybe because of the link it probably thought spam.
      That's awesome to hear, saw your snapshot, looks great! I like that serif font you're utilizing.
      Glad to have you here, looking forward to seeing the finished product. :D

    • @mirkozoric81
      @mirkozoric81 7 років тому +1

      Hi! Glad that you like the snapshot, I like that serif a lot also, been thinking of were to use it for some time.
      New video is also great, I am halfway there, super clean instructions from your side, meaning very easy to follow. I don't know if you ever thought about running a Skillshare class? Keeping the smaller ones for youtube, and something a bit more in depth for Skillshare class. Or some other similar site, there are plenty of them as you already know.
      Nice to see you on Dribbble too :)
      p.s. I am also looking forward to the finished product, hopefully it will not slip down on my to-do list, as it always does.