Weather App Design in Adobe XD (Wireframe/Mockup + Prototype)

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024
  • Hi guys!
    Today we will learn to design a Weather app in Adobe XD.
    Steps:
    1. High fidelity Wireframe/Mockup
    2. Prototype
    ---------------------------------------------------------------------------------------------------------------------
    Course:
    The complete Java Android App development Bootcamp 2020
    Learn Android development fundamentals and start creating your own Android applications.
    Get this course (90% off)
    bit.ly/3cCWHvK
    ---------------------------------------------------------------------------------------------------------------------
    Source files:
    Download App source file:
    bit.ly/3qrpgjW
    Download free icons:
    www.flaticon.com
    ---------------------------------------------------------------------------------------------------------------------
    Follow us:
    Facebook:
    Page:
    / designsense2070
    bit.ly/3h5Uafm
    Group:
    Join our Facebook group for curated content, inspiration, design critique, and job postings:
    bit.ly/3jw0VbL
    Join our Webflow group.
    bit.ly/3KZz3Ig
    Instagram:
    @designsense99
    Dribbble:
    dribbble.com/D...
    ---------------------------------------------------------------------------------------------------------------------
    Music:
    Song: Sappheiros - Lights
    Music provided by Vlog No Copyright Music.
    Creative Commons - Attribution 3.0 Unported
    Video Link: • Sappheiros - Lights (V...
    -------------------------------------------------------------------------------
    Song: Tobjan - Memories
    Music provided by Vlog No Copyright Music.
    Creative Commons - Attribution 3.0 Unported
    Video Link: • Tobjan - Memories (Vlo...
    -------------------------------------------------------------------------------
    Song: Extenz - Endless Summer (Vlog No Copyright Music)
    Music provided by Vlog No Copyright Music.
    Video Link: • Extenz - Endless Summe...
    -------------------------------------------------------------------------------
    A Little Faith - Bitter Suite by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. creativecommon...
    Source: www.amazon.com/...
    Artist: incompetech.com/

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

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

    Can you please suggest a course in which we can learn UI/UX just like you?

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

      Contact on our fb page.

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

    Красиво дизайнишь, ты меня вдохвноялешь

  • @relentless3199
    @relentless3199 2 ปีที่แล้ว +1

    hi do u mind reposting the source file? i cant open it because bitly thinks it is harmful, thanks

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

      Try again it's a safe file. Sometimes it's giving that error.

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

    Mind blowing sir 👌👌

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

    Nice bro..

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

    Does this app give live weather data? 🙄

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

      No it is just a mockup.

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

    Wonderful

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

    So nice

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

    Bro how can I convert it into code or real app plz make a tutorial on it 👍

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

      You need to code it in android studio for real responsive app.

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

      @@DesignSense thanks for your information bro 👍

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

    It's 12 pm not am haha

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

      😒Sorry for the mistake 🙄

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

    Not a good tutorial when there's annoying music and no talking to explain to us what you're doing and you're moving way too fast.

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

    MashaAllah ❤

  • @ShanMuhammad-ny8dp
    @ShanMuhammad-ny8dp ปีที่แล้ว +1

    Owsm

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

    Weather is update daily ( temperature, time and status), is it's update automatically and how?

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

      It is just a demo app wireframe only.

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

    Thanks for your tutorial, but please try to always include graphics used in the App source file.

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

      The source file is in the description!

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

    Hi, I don't have the pushdown option on my xd. Do you know how to solve that?

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

      Please update your xd. You can find it in transition drop down. Thanks

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

    Hi friend
    it's beautiful
    What about language program

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

      Do you want to learn?

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

      @@DesignSense yes
      Now I'm study sudan unvercity of scientists and Technology
      But you work better than Gavin us on university really
      I'm toll my friends about you and your channel on TH-cam
      Thanks

  • @Lucky-sm8gd
    @Lucky-sm8gd 3 ปีที่แล้ว

    Just like this

  • @dorabenarbia6027
    @dorabenarbia6027 2 ปีที่แล้ว +1

    my fav youtube channel thank you

  • @Lucky-sm8gd
    @Lucky-sm8gd 3 ปีที่แล้ว

    How do I get to get your course to be a great graphic designer

  • @syedasimi8986
    @syedasimi8986 ปีที่แล้ว

    From where you get that all content i mean is it provided by the client?

    • @DesignSense
      @DesignSense  ปีที่แล้ว

      These are the dummy contents.

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

    what plugin you used ? i mean, on the left available components

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

    Very nice! :-) Thanks for sharing!

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

    I'm learning a lot

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

      Glad to hear that ❤️

  • @fardinabdulrahman
    @fardinabdulrahman ปีที่แล้ว

    Hello my bro pleas How To Edit Source Code!?

    • @DesignSense
      @DesignSense  ปีที่แล้ว

      This is only the design.

    • @fardinabdulrahman
      @fardinabdulrahman ปีที่แล้ว

      @@DesignSense ok Bro But I want Design Like you pleas New Vedeo How To.!?

  • @DuyTran-ss4lu
    @DuyTran-ss4lu 3 ปีที่แล้ว +1

    Awesome

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

    It is a very nice and clean UI. Can I use this for making a dummy project.?

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

      Is there any issue if I use it for making an app for dummy project. ?

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

    Lv u work brother....same question...do u remember me :)

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

    Great content keen of your videos all the time ❤️❤️❤️❤️❤️❤️

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

    666

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

    great tutorial, thank you very very much!

  • @WasifFaraz-uw1ie
    @WasifFaraz-uw1ie ปีที่แล้ว

    What a great tutorial I love it 🤗

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

    amazing

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

    Great , Keep Going

  • @mohammed.k9637
    @mohammed.k9637 3 ปีที่แล้ว

    Superb one bro 👍👍

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

    I love it

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

    Amazing 👌

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

    Mind blowing

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

    Hey. Mate you did a tiny mistake in the second slide. After 11.00 am, there should be 12.00 pm (Afternoon), then 1.00 pm & so on. But you changed that to 12.am. How is it possible?🤔
    Btw. It's really elegant looking interface ever for a weather forecast UI design.. Loved it❤️. Thanks for the video.👍

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

      Thanks for pointing out the mistake. We appreciate such feedback.

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

      @@DesignSense it's okey, you welcome.👍. I got so many ideas by watching your videos 😇