12 Column Grid for your Website

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ต.ค. 2024
  • Subscribe for tutorials / midasmultimedia
    Understanding 12 Column Grid for your website | Adobe XD 2021
    The 8px grid is organizing framework for ui design. 8px is foundation is for many units. Within the grid columns provides structure and consistency in visual design. They are invisible guide for setting typography, padding and margin between elements.
    12 column layout is a standard for website and 4 column for mobile. This tutorial will give you a clear idea about why to use columns and grids. If you are new here please subscribe our channel so you will get updates when we upload new videos.
    Subscribe and Download Assets
    drive.google.c...
    Other Tutorials on Adobe XD
    adobe xd 2020 scroll animation
    • adobe xd 2020 scroll a...
    tutorial on How to Load Real data in adobe xd
    • Adobe XD 2020 Powerful...
    15 Amazing Shortcuts of Adobe XD 2021 You Aren't Using
    • 15 Amazing Shortcuts o...
    Advanced Masking in Adobe XD 2021
    • Advanced Masking in Ad...
    #adobexdscrollanimation #adobexdtutorials #adobexdtutorials2021
    adobe xd tutorial ux design adobe xd update

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

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

    You should have been credit more for your video, it was more explanatory end the other and the calculation very helpful 👍👍✔

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

    in just a friction of time there will be million subscribers

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

    I have adobe Photoshop cc 2015 and Cs6. But there is no oil paint filter in both of the software ...... Kindly can you plz share your Photoshop version.......
    Upload your setup on Google drive or mega and share the link.....

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

    Keren banget

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

    Very nice I like your work can you make one vector art for me

  • @francka.4174
    @francka.4174 ปีที่แล้ว

    11:21 Hi. I'm a total noob, sorry. I don't get it, doesn't your logo need to be aligned to the column too?
    15:26 I thought elements should " never " (even if there is no " never " in UI-UX design if I understand it correctly) in the gutters and yet your " send " button does.
    I'll never get this 12 columns layout thing 😑.

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

    Again a great video! Keep up the excellent work! I'm looking
    forward to another awesome upload! Take care and stay in touch! 🌻😍🌻

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

    wow! best ever bro!! why you are not regular in making videos??

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

    Fantastic, simple and very comprehensive video. Thank you

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

    Finallly i successfully learnt Grid use. thank you

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

    Really helpful broo thanks so much

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

    Thank for the best guiding and i also learning alot by you

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

    Really good information

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

    Awesome! Very clear tutorial😍😍😍

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

    Great work man, clear and comprehensive. Thanks very much!

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

    Screen recorder software name?

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

    Very useful. Thank you!

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

    Great tutorial, thanks!

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

    Awesome ✨ one of the best out there!

  • @butterpaper-illustratortra4009
    @butterpaper-illustratortra4009 2 ปีที่แล้ว

    Very good

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

    Awesome video, learn lot of new things

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

    Thank you for pointing out the exact px numbers for most screen sizes!

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

    Very helpful video. Keep up the good work! Thank you

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

    thank you so much

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

    Great video man thanks!

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

    very nice tutorial!

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

    Great video !

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

    Awesome video!

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

    best video

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

    what would be the container size for 1440 web?

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

      For more than 1400px art board, container size should be 1320px
      For 1200px to 1399px art board, Container size should be 1140px
      For 992px to 1199px art board, Container size should be 960px
      For 768px to 991px art board, Container size should be 720px
      For 576px to 767px art board, Container size should be 540

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

    Amazing man keep it up 👍

  • @MuhammadArif-kj6qe
    @MuhammadArif-kj6qe 3 ปีที่แล้ว

    Really helpful. Thank you

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

    So informative vdo 👍👍👍👏👏pls make more

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

    Thanks bro. Its really help. Do more

  • @MuhammadArif-kj6qe
    @MuhammadArif-kj6qe 3 ปีที่แล้ว

    Hoping to create more videos on web and mobile layouts