4 Ways to use Photographs in your UI Designs

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

ความคิดเห็น • 54

  • @DesignCourse
    @DesignCourse  3 ปีที่แล้ว +6

    DesignCourse.com update: I have 31 modules done out of about 100 planned so far. We're looking at a release of some time either in late August / September!

    • @xenoaurora
      @xenoaurora 3 ปีที่แล้ว

      This content is gold, thank you so much!

  • @AhmedMubarak255
    @AhmedMubarak255 3 ปีที่แล้ว +15

    Gary is a great designer, I love how he makes things look easy. Great tutorial

  • @SaifZiya
    @SaifZiya 3 ปีที่แล้ว +11

    You're killin' it!! ❤️
    My favourite: 2nd and 4th
    How about using the text vertically?

  • @xiangzhou8188
    @xiangzhou8188 3 ปีที่แล้ว +2

    This channel is a real gold mine.

  • @technobasic4523
    @technobasic4523 3 ปีที่แล้ว +8

    Gary I would love to see how you would makes these responsive to mobile as well. Often making the layout in a desktop layout is easy, then to translate a photograph layout to mobile can be tricky.

  • @musicmoi
    @musicmoi 3 ปีที่แล้ว +2

    Thanks Gary! Digging the longer hair

  • @vatsalaykhobragade
    @vatsalaykhobragade 3 ปีที่แล้ว +1

    I just loved the second one. I am gonna use it.

  • @piyushgarg9897
    @piyushgarg9897 3 ปีที่แล้ว

    Thanks man! Definetly gonna use the second idea. Please make a video explaining your thought process for the pages that come after the landing page. How to design, how to choose the shape and structure, white spacing and all

  • @SuperDarmino
    @SuperDarmino 3 ปีที่แล้ว

    Learnt alot today about photographs in UI. Thanks Gary

  • @lorrieuiux5802
    @lorrieuiux5802 3 ปีที่แล้ว

    Yesss, I needed this and the gradient video!
    Retics represent!!

  • @saisanz419
    @saisanz419 3 ปีที่แล้ว

    I've learned so much from you. Thanks for sharing your knowledge with us!

  • @GuilhermeSouza-hz7dt
    @GuilhermeSouza-hz7dt 3 ปีที่แล้ว +1

    Hey Gary, could you make a video on how to design and showcase products in hero sections or regular pictures?
    Love your content!
    Peace.

  • @mariiasirenko4087
    @mariiasirenko4087 3 ปีที่แล้ว +2

    Hey Gary! Great video 👍
    Do you have any recommendations on how to make these landing pages elements work on mobile devices? I’ve tried some of these hero sections section, but can’t figure out on how to make them responsive. Thank you!

    • @DesignCourse
      @DesignCourse  3 ปีที่แล้ว +3

      It's all about figuring out which elements should stack on top of each other, in terms of rows and the space you have available. On smaller mobile devices, it's typical to not have many (or any) columns.

    • @mariiasirenko4087
      @mariiasirenko4087 3 ปีที่แล้ว

      @@DesignCourse thank you!

  • @lowlay964
    @lowlay964 3 ปีที่แล้ว

    Thank you sir. I am new to your channel and I watched some of your videos and it is really helpful to me since I am an aspirant web designer. Thank you for sharing your knowledge.

  • @cthuloox476
    @cthuloox476 3 ปีที่แล้ว

    Loving it!

  • @jantenhaaf362
    @jantenhaaf362 3 ปีที่แล้ว +2

    Great video! Thanks for explaining!
    What I'm mostly struggling with is when I need to place multiple pictures close to each other, while they don't really match in color tones/textures. It often looks like something unprofessional and I'd like to know if there is a solution to this (even if it's as simple as "don't do it"...).
    Keep it up!

    • @sudhamajayanthi
      @sudhamajayanthi 3 ปีที่แล้ว

      Try to edit & export them in something like photoshop/photopea if possible or just don’t do it!

  • @rohitkf8474
    @rohitkf8474 3 ปีที่แล้ว

    Whoa 🤣🤣
    He did those 4 designs like it was easy.
    You are one hella awesome designer.
    Looking out for your bootcamp ♥️♥️

  • @enraihakanagi8547
    @enraihakanagi8547 3 ปีที่แล้ว

    I learned something new again! :)

  • @eljaycampbell3388
    @eljaycampbell3388 3 ปีที่แล้ว

    Thanks man, this was really helpful as always

  • @T25de
    @T25de 2 ปีที่แล้ว

    Make it look so easy

  • @ayabc4320
    @ayabc4320 3 ปีที่แล้ว

    Thank you so much, this video is Amazing !

  • @talhashaikh1435
    @talhashaikh1435 2 ปีที่แล้ว

    Gary is a natural designer ..

  • @presida3927
    @presida3927 3 ปีที่แล้ว

    Could you make a video on how to design a dashboard or statistic card? Thank you for the great content.

  • @afzalmahmudd8365
    @afzalmahmudd8365 3 ปีที่แล้ว

    Thank you sir.Love you❤️❤️❤️

  • @shamantakhegde2121
    @shamantakhegde2121 3 ปีที่แล้ว

    Love from India 😍

  • @JeffCreates
    @JeffCreates 3 ปีที่แล้ว

    Thanks for this. If nothing else it was a great representation of Figma vs Adobe XD

  • @HipHop-gc3ic
    @HipHop-gc3ic 3 ปีที่แล้ว +1

    Hey, is there any tool to build administration-Mockups? ...i mean the most tools Adobe XD, Figma, Invision and so on are for websites in my eyes
    Like something to build 3D-Elements too?

  • @lashachan
    @lashachan 3 ปีที่แล้ว

    Cool tips. And I love snakes.

  • @unattended129
    @unattended129 3 ปีที่แล้ว

    Gary casually mentioning that he has an entire reptile collection... Lol

  • @kosslanoss
    @kosslanoss 3 ปีที่แล้ว

    Not new, but pretty good

  • @oguzakankan518
    @oguzakankan518 3 ปีที่แล้ว +1

    did you switch to Figma? Nice content, thanks.

    • @DesignCourse
      @DesignCourse  3 ปีที่แล้ว +2

      Mainly for 1 reason. XD refuses to allow us to change the canvas background color.

  • @yuck59
    @yuck59 3 ปีที่แล้ว

    love #4

  • @franolich3
    @franolich3 3 ปีที่แล้ว +1

    How do you make these designs responsive? They assume a wide aspect ratio. No good on a smart phone for example...

  • @NachoCombo
    @NachoCombo 3 ปีที่แล้ว

    Nice Kemper in the back!😊

    • @DesignCourse
      @DesignCourse  3 ปีที่แล้ว +1

      Check my twitter.. Just posted a little shred vid with it.

    • @NachoCombo
      @NachoCombo 3 ปีที่แล้ว

      @@DesignCourse Oh nice, will definitely do that! Thanks for the info

  • @Anon101sss
    @Anon101sss 3 ปีที่แล้ว +1

    Type 3 are my favorite and it is not close.

  • @theisoj
    @theisoj 3 ปีที่แล้ว

    Thanks.

  • @yurisamarin8200
    @yurisamarin8200 3 ปีที่แล้ว

    The master...

  • @yogeshpant1761
    @yogeshpant1761 3 ปีที่แล้ว +3

    You missed the chance to say "Perhaps we can switch to poppins and make it pop" :v

  • @wff6790
    @wff6790 3 ปีที่แล้ว

    It is very similar to make a PPT

  • @muzammilsyed2339
    @muzammilsyed2339 3 ปีที่แล้ว

    Tortoise! What are they doing!!?

  • @Adanmacreates
    @Adanmacreates 3 ปีที่แล้ว +1

    Step 1: client must have high quality photos 😅

    • @kcjpunk
      @kcjpunk 2 ปีที่แล้ว

      lol ikr this could be done because most unsplash photos are great or even better than stock photos. if client send really low quality photos then oh boi

  • @nn-hs6ho
    @nn-hs6ho 3 ปีที่แล้ว

    This hairstyle feels more natural lol

  • @sheikhsamaunsayeed8362
    @sheikhsamaunsayeed8362 3 ปีที่แล้ว

    Why sanke? :'(

  • @abhishekchaubey1471
    @abhishekchaubey1471 3 ปีที่แล้ว

    Why snake??😥😭

  • @anandnarayanan7085
    @anandnarayanan7085 3 ปีที่แล้ว

    XD don't allow us to do the same without a rectangle 🙃
    Why you changed to figma? Any Special reason 🙄