Тёмный

Why you should NEVER start in Elementor, but in Adobe Xd (improve your web design process) 

Rino de Boer
Подписаться 222 тыс.
Просмотров 415 тыс.
50% 1

He guys, today I'm finally answering the question of Why I always start in Adobe Xd with a web design project before I even touch Wordpress or Elementor. This has everything to do with your design process and will actually make your workflow faster (even though it doesn't feel like that).
In addition, this tutorial shall give examples of other design tools to use like Sketch and Figma as well as those not to use like Photoshop since it is slow. In this video, you will see examples of how fast it is to design a website in Adobe Xd than it is in Elementor demonstrating the advantages of starting in Adobe Xd as compared to starting in Elementor. The video also explains the four steps included in a professional designing displaying the features that Adobe Xd has and Elementor doesn’t.
Interested in a discount for my upcoming design course? Grab the discount here: livingwithpixe...
These days I don't promote Xd anymore, so now visit: livingwithpixe...
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixel...
Siteground for premium webhosting: livingwithpixel...
Elementor for no-code web-development: livingwithpixel...
Figma for Web Design: livingwithpixe...
All recommended software & discounts: livingwithpixe...
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixe...
Figma Design Starters Guide: livingwithpixe...
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixe...
Figma Design Mastery Course: livingwithpixe...
Business Course: livingwithpixe...
→ Social media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 835   
@emersoncreative4586
@emersoncreative4586 4 года назад
I'm a 62 year old graphic/web designer. I started on a mac back in 1984. I really appreciate your content and your relaxed presentation style. Please keep it up. thanks
@謝宗佑-u1m
@謝宗佑-u1m 4 года назад
You sir are a real history, planning on making a video about how people making websites back then?
@gordacapivara
@gordacapivara 4 года назад
Glad to share this profession with someone as experienced. Would be awesome to hear about your professinal journey and advices, sir.
@DanteEhome
@DanteEhome 4 года назад
I would also like to know, how hard would it be to create a website with no tools. Just thinking of it makes me inspiring.
@moritzathaher
@moritzathaher 4 года назад
Do you remember at that time you were 26 years old? Isn't this the opposite of 62, which is your age now? I hope you are always productive and have good health. Kind regards from me
@brooke510
@brooke510 3 года назад
I just turned 50, and I often think I'm too old to still be a graphic designer. Hard to imagine myself at 60 doing this, but I said the exact same thing about 50 when I was 40. Great to see someone still going strong - I'm not nearly ready to hang it up!
@jarrodgordon
@jarrodgordon 4 года назад
Step 1: Sketches, Step 2: Wireframe, Step 3: Design, Step 4: Development, Step 5: Test, Step 6 Launch
@diasaidlv
@diasaidlv 4 года назад
Step zero: plan :)
@BlueMrDragoN
@BlueMrDragoN 4 года назад
Step -1: requirements
4 года назад
Step 7 - Test UX and SEO performance
@limivanb
@limivanb 4 года назад
Development consists of Database Design, Query Optimization, Server Setup and Configuration, DevOps, Secure Coding, etc.
@ulysse-2029
@ulysse-2029 4 года назад
Old process :D
@dylankaplon
@dylankaplon 4 года назад
I'm just getting started with my website and in the last 15 min of finding your channel I feel way more confident. Thank you for your content!
@youtubedestroyedmylife309
@youtubedestroyedmylife309 2 года назад
Dude this video has totally revamped my entire design process and made things so much easier and faster for me. As sad as that is saying and as common sense as your points are, thank you for this video i needed it.
@VictorAlaez
@VictorAlaez 4 года назад
I’m an old school photoshop guy and I never thought about Adobe XD for this part of the process. this is really eye-opening and inspiring. thanks!
@AsilAdnan
@AsilAdnan 3 года назад
Me too, but XD is surprisingly easy to learn and I have learned it recently, not only the process is much faster, but it is also better for UI designing. Go give it a try.
@daler4911
@daler4911 4 года назад
I am SO glad I found your videos. Some other guys talk forever and say nothing. You get right to the point, make it very clear, explain why you do what you do, and treat me like an intelligent person (which I am). I feel like those other vids drag on forever. I am new to Wordpress and Elementor, and now Xd. (I am an old school hand coder from way back). Your videos are saving me time, money, and give me the information I need at a pace I appreciate. It might be too fast for some, but those other guys put me to sleep and then I have to start watching them all over again. You are the best!
@morizanova8219
@morizanova8219 4 года назад
"Design First " method really works and give me bunch of cool layout ideas which I would never consider if I`m straight to fire up elementor or another page builder And in the end of project my knowledge about CSS and custom script increase significantly ( because some design or layout really need you to typing the codes)
@DeniseSkinner
@DeniseSkinner 3 года назад
This is a great course. I appreciate now, building my web design in Adobe Xd. I have not build a website for many years and am now confident with my skills to make a start. You did an excellent job presenting each module. I love you style.
@gobboallan
@gobboallan 4 года назад
Wonderful points! I always thought just like that! Before becoming block builders in elementor, we are Designers! And designers need to test! Before XD I used Illustrator, but XD is so much better! Thanks for the lessons, Rino! Greetings from Brazil!
@VinceComfort
@VinceComfort 4 года назад
Awesome video. 100% of all the sites I've built, I start straight from Elementor. I knew practically it's right to first have a wireframe design but it just feels like additional work. Especially when working with low budget clients. But I'm going to learn everything I can about XD. I love the fact that you can customize icons from XD. Thanks once again!
@BiaAlvesribeiro
@BiaAlvesribeiro 4 года назад
Because of this video, I completely changed my creative process. Thank you so much for sharing knowledge!
@colettemoolman4410
@colettemoolman4410 3 года назад
I downloaded Adobe XD about 2 weeks ago after watching this video. After starting to design a new website in XD, I now understand the message of this video as follows : It is the same as an architect (Web designer) that makes a house plan which is then given to a builder (Web developer) to build the house. You don't have to be a Web developer to be a Web designer and visa versa, but you can be both too!
@follow_MarLa
@follow_MarLa 3 года назад
This was an excellent and helpful video. I just start my first steps in wordpress and I never even thought about using XD for conceptional webdesign. Thanks a lot & keep up the good work. I will keep following.
@lukakorsic5820
@lukakorsic5820 3 года назад
Oh my :) I'm new in these waters and I've built a page with very mixed content with Elementor pro, coworking with a graphic designer. It was a very hard project as I needed to learn all about WP, Elementor, plugins, etc., just to start. We were going back and forward all the time, making tons of headers, pages, etc., as we developed our idea because at first, as we didn't even know what we want. Showing it to our client back and forward all the time. Yes, they were understandable that it's something new for us. Adobe Xd would help us so much + we could have all the history of developing our site to this day. But hey! It will help us from now on! Thank you for this awesome content! You are amazing. I've watched a lot of videos, tutorials, but I didn't stumble upon this till today as information bombard me from all sides. Once again, thank you from my heart, as for now, this is all I can give you back!
@louistsung-lunghsueh6695
@louistsung-lunghsueh6695 4 года назад
Starting from 4:16 tackles my concern for the existing website update exactly, thanks for the clear breakdown and kind sharing! GOOD JOB!
@szarenne
@szarenne 5 месяцев назад
I’ve been working on 3 websites right now but this saved my life. Thank u!
@Yaissshh
@Yaissshh 3 года назад
The true tutorial on youtube should be like yours, the most awesome tutorial in the world! this saved my work, and day! thank you brother, keep it up, may God bless you.
@tvwillia110
@tvwillia110 4 года назад
I absolutely agree with you. I am UX designer. I design and program website for a living and I'm always starting designing process with sketches and SketchApp. From your presentation XD looks easy to use as well. From the comments below it is clear to me why we have so many ugly, cheap and embarrassing websites. I understand we do our work to make money. But the design and user experience play an important role when we are building website and personal branding as well. Many companies figure it out so they start with UX process first. However, some freelancers are using quick solutions. It's also fine.
@theroldan8675
@theroldan8675 2 года назад
lets get real.. for a landing page in a google ads campaign.. you dont need a ux ui interface... aplies also for a site that always have home about contact etc. A mood board with the styles of the elements and a guide of the branding must be enough for a little site... adding ux ui, optimization, seo, additional functionalities like custom forms or traductions, etc for a starter site it is just too much work for a single designer it is most the cost than the bennefits. In real world rookie designers must be efficient if they wanna get clients. ux ui with elaborated interfaces applies for apps and super big sites. I have learned that if you arent flexible you are gonna suffer a lot without need
@artkarapetov3933
@artkarapetov3933 4 года назад
Great overview, I struggled with Elementor before, and for the last 6 months did all my designs in Adobe XD first. It really is a much better experience for both myself and the client, and allows you to build real high quality websites.
@rodmarker2071
@rodmarker2071 4 года назад
and you get paid by adobe too ? or just not creative enough with elementor ?
@matildepereira9849
@matildepereira9849 4 года назад
This video was A MA ZING!!! The step by step, all the examples and the reality check of why this is the best method to a design flow... wow I'm amazed! I wish I could like & subscribe 1000 times cause A plus right here 👏👏
@davihcastro560
@davihcastro560 2 года назад
Verdade, meu nível de webdesign vai aumentar muito daqui pra frente
@JohnsonOpigo
@JohnsonOpigo 3 года назад
This is just what I wanted. I have never wireframed before because I used to think it is time wasting, what with all the fantastic templates out there in elementor or ready to be purchased elsewhere. But I am now a convert to building outside elementor first because I like to be creative beyond what all these canned templates offer. Good job LivingWithPixels. You made your point so very well and it makes a lot of sense.
@visiongroove
@visiongroove 3 года назад
I just started with Elementor really enjoying it. After watching this I can confidently say that you've saved me a lot of headache. It all makes perfect sense . Legend!
@FriendlySpiderFriend
@FriendlySpiderFriend 4 года назад
I just use pen and paper to draw out the layout and then use illustrator to create a mood board with the color palletes, icons, fonts, ect. and then i go into elementor to recreate what i've drawn using the design features from illustrator. haha. but i do 100% agree that creating a design first is key!!!
@LizbethLeeds
@LizbethLeeds 3 года назад
Cannot argue. You deserve like, comment and donation. Thank you for your Fantastic work! Your chanel is a perfect tool to learn.
@markjszymanski
@markjszymanski 4 года назад
I think that the idea is good, in theory. In actual practice, however, I don't see it being feasible based on my experience. The time that it takes to *develop* a website can start to add up based on client requests. Unless the client is willing to pay for all the extra time of mocking up and wireframing outside of Elementor, there's not a chance we'll do that. And from my experience, the general client is unwilling to pay market value for development, let alone pre-dev design work.
@alejandrorios8386
@alejandrorios8386 4 года назад
Exactly! give this man a medal! I came to the comment section looking for this.
@GustavoRodrigues-yk6tb
@GustavoRodrigues-yk6tb 4 года назад
I agreed with you. Something the best is go directly to elementor
@fachrulariestarahman939
@fachrulariestarahman939 4 года назад
Agreed
@rafaelarmanelli8544
@rafaelarmanelli8544 4 года назад
Sad but true
@KTudor625
@KTudor625 4 года назад
Mark Joseph Szymanski is there a plug-in to be able to see the whole page? Because this does seem like a lot of work. Sounds good in theory but who wants more work?
@ervanrhermawan2380
@ervanrhermawan2380 3 года назад
I really agree with your arguments. All my past website projects takes longer time because I had to redesign and find another needed plugins if my client want to change their previously-agreed design
@alexbuelvas
@alexbuelvas 3 года назад
I'm so glad I found your video! I've been beating my head wondering why it's taking so long to build sites when Elementor Pro is so great. You clarified a lot and opened my eyes to the bottleneck that was holding up my progress.
@rinodeboer
@rinodeboer 3 года назад
Really nice to hear. That was exactly my goal with this video.
@vincentmayaki
@vincentmayaki 4 года назад
Wow! After designing websites in Elementor directly for 2 years. I can confidently say that this has been my missing piece. Thank you very much for sharing this video. Informative, instructional, and generally awesome.
@stupiddiary
@stupiddiary Год назад
I kind of agree. Elementor made huge steps forward. Today with global copy and so on. Still, I used XD after your video to create the overall design for a long onepager (not with everything aligned and only gray rectangles for the text blocks) to give the client a good overview of what will happen when. And she loved it & it saved me A LOT OF TIME doing so. Now my workflow is - 1. sketch 2. XD 3. approve of client 4. Elementor
@ferayres
@ferayres 3 года назад
Very good, congratulations! I am learning XD and Elementor and I didn´t have think about this process in some many datails
@ishybeats
@ishybeats 3 года назад
the only thing I worry about when designing in XD is that i wont be able to recreate it in elementor. That's the only thing.
@renearreola7812
@renearreola7812 3 года назад
I think it comes down to experience. I first started using Elementor about 2-3 years ago. I know what I'm capable of creating with Elementor. Having XD now will allow me to make designs much faster (and changes) while still adhering to my knowledge of Elementor. Of course, I learn news things about Elementor as well, it's just that it makes so much sense what LivingWithPixels is saying in this video. I guess, in other words, don't make something in XD that you can't replicate in Elementor?
@profissionaldigital
@profissionaldigital 3 года назад
@@renearreola7812 that's true! If you master Elementor, then any project like adobe xd, figma, indesign etc is more than welcome. In my case, I work with great web designers who know nothing about Elementor. So, they send me the project and I replicate in Elementor. It's a win x win deal $$
@oluleganowolabi
@oluleganowolabi 3 года назад
Major for presentations to the clients.
@Hundred_Parishes
@Hundred_Parishes 3 года назад
I was thinking this. Although Rino is offering good sound advice, you have to understand the limitations of Elementor and the version you intend to use (free or pro) before you can confidently use XD etc. I can imagine making a big promise to the client based on what you have made in XD only to find it's not possible or will cost them more.
@sonareclipse9810
@sonareclipse9810 2 года назад
Absolutely my concern too! I’m literally right at the stage of loading up Elementor for my first build or now quickly learning Figma 😬
@paulsalele3844
@paulsalele3844 3 года назад
Am new to wordpress and I already love your design process. Thank you very much!!
@germanasliubajevas8054
@germanasliubajevas8054 4 года назад
Thank you, Rino! But, while creating a design on XD, how can you be sure that some elements are not outside of Elementor functionality?
@patrickbock3467
@patrickbock3467 2 года назад
When I got educated in design, one of my mentors used to put it like this: It is your responsibility as a professional to know the tools you are working with. Meaning that if you put features and designs in your pre-visualization that you (should) know aren‘t possible when building the website, that’s on you and not or at least not mainly on the software you are using. I guess with page builders most of the time it’s like a 95% accuracy you can achieve from pre-design to the real thing. Being aware of functionality’s helps getting it close to 100% tho.
@tinishagold
@tinishagold 3 года назад
You are so right! Thank you for confirming this. Your Adobe XD skills are killer. Keep it up!
@jemmajacobs8607
@jemmajacobs8607 3 года назад
Very helpful - you have got me looking forward to the design process and introduced me to helpful software. Huge thanks.
@floklo
@floklo 2 года назад
thanks for your content. I always wanted to work as web designer, but my career drove me to printing and branding. lately I have a bit more time on my hands (and I am bored of my job) so I wanted to get back into web. But I am one of prehistoric man that was doing web design layout using photoshop. AHAH I was using macromedia flash and my minimum resolution was 800x600 pixel in my 15 years of career I did learn one thing: the clients will always change their mind even if they agreed on something before. One of my clients decided to change a layout when I was printing the mockups for his product.
@leestirk7095
@leestirk7095 3 года назад
Great video. Not thought about using XD to standardise image/logo sizes. I really like that idea!
@rogermarquezmedina8865
@rogermarquezmedina8865 4 года назад
I´ve been wanting to improve my web designing skills (I suck at it) and I was on the edge to whether or not to learn design web sites on Adobe XD but, after watching a few of your videos you convinced me to and, after watching this one I AM 100% SURE NOW!!
@rogermarquezmedina8865
@rogermarquezmedina8865 4 года назад
I think an 1+ hour long Adobe XD tutorial for Web Designers is coming up?
@rinodeboer
@rinodeboer 4 года назад
Thats awesome to hear. Great that you see the value now. I will make more video’s about xd this summer.
@simpleg8679
@simpleg8679 4 года назад
@@rinodeboer pls do so especially on windows & also share the short cut keys to on the same.
@shujaatali1405
@shujaatali1405 Год назад
Amazing video. Cleared lots of queries I had for designing a website. Thanks a lot
@felipeconte646
@felipeconte646 3 года назад
You convinced me. I'm stubborn and didn't want to use XD. You made me change my mind with this video. Great content, congratulations.
@skzsandmouse2948
@skzsandmouse2948 3 года назад
You are amazing, we are adding or rather splitting our company to incorporate a UX/UI department and this video has gone a long way in helping me understand why and its importance esp being a frontend web developer & company overall! New Subbie
@sergio_grez
@sergio_grez 3 года назад
man, your videos have such a relaxing effect on me and at the same time i feel i am abetter designer and more productive just by watching your content. Keep this up! I love Adobe XD and Elementor!
@rinodeboer
@rinodeboer 3 года назад
That’s a huge compliment for me. Thanks so much 🙏🏻
@dougscott188
@dougscott188 4 года назад
Xd is not always practical for clients on a budget, but this video does inspire me to use it on some framework redesigns I am doing. Nice video.
@Kuwandi
@Kuwandi 2 года назад
You are truely a great teacher - I love your Genuine approach to help designers -⭐️⭐️🏅
@PswACC
@PswACC 4 года назад
The problem is designing with the Elementor modules in mind. If you can freely design and perfectly recreate that design in Elementor, XD would make sense. However, if you are going to limit your imagination by the restrictions of Elmentor modules, then I would understand why some people may skip XD. This workflow while very practical may be better suited for a platform that allows you to use Div's like Webflow or are hand-coded. If you are designing for clients, then XD is a must as part of the approval process before you start developing.
@itsjordyv
@itsjordyv Год назад
There is so much valuable information in this video wth. I need to watch this again haha. Thanks bro!
@niameanspurpose
@niameanspurpose 2 года назад
aandd again, I have alot to learn but this is the best video on web design. crazy. I build my own sites and I love using elementor but the main point was to vusually see my sigte before building it. and everything is in one place and make changes in a prototpe. Im considering building sites for small businesses and the "process" was very helpful. thank you.
@theoriginalwannabe
@theoriginalwannabe 4 года назад
I design/build with Divi and have been exploring this process with a tool like XD. I am nearly convinced that this is the way to go. For those of you who said that your clients don't pay enough to do a predesign...get better clients :)
@jasonc2275
@jasonc2275 3 года назад
Thank you so much for your comprehensive video. Very very good points and makes so much sense 👍
@emanuelcalzadilla3043
@emanuelcalzadilla3043 4 года назад
I enjoyed the design process with XD that you presented but you clearly haven't messed around with elementor enough to really understand what you can do with it, most of the stuff that you said you can't do,.......you can.
@justintaylor5915
@justintaylor5915 3 года назад
Dude your videos save me SO MUCH TIME! I wish we had content like this when I was going to college 10 years ago. I would've just dropped out hahaha!
@jakubbizon1169
@jakubbizon1169 2 года назад
You absolutely convinced me to always use this method in just 15 minutes... Good job. :)
@oliviaward2678
@oliviaward2678 3 года назад
You're content is awesome and has been super helpful learning how to design on Wordpress without code. Much appreciated! Keep it up!
@janportfolio
@janportfolio 4 года назад
Another great video, tnx Rino. Thanks to you I changed my work proces like you described in this video and it is working great for me. The image part of the XD project is something I will ad to my new project, so simple but also so effective. Great job👍👍 I also started your XD course and can absolute recommend Rino’s course, I give the online course ⭐️⭐️⭐️⭐️⭐️ I definitely will earn the cost of it back with the next client project.
@lancelillie628
@lancelillie628 3 года назад
Great Presentation! I really like that you think of the design conception and review BEFORE ever coding or building anything - Very few people do this!
@frankthedsigner558
@frankthedsigner558 2 года назад
Good video, and to summarize: We design layouts upfront as it is design best practice that is expected of designers. Planning, creating a design systems, wireframing and prototyping saves you a ton of time having to do this in a live environment. To your point, designs goes through iterations and constantly change depending on content and client feedback. This would count as good design practices.
@michellecay9639
@michellecay9639 2 года назад
This info is exactly what I was looking for and more. Thank you!!
@howareyou1365
@howareyou1365 4 года назад
Thank you so much rino..... U make me realize why im hanging right now, Im doing my first client website. Wish me luck 😆
@rinodeboer
@rinodeboer 4 года назад
Awesome! Good luck with your first project. Make sure to prepare before you start building.
@lexhantig11
@lexhantig11 3 года назад
U THE BEST MAN! NICE TALKING AND SO CLEAR ALL! I WILL START WITH XD FROM THIS MOMENT BEFORE CREATE IN ELEMENTOR. SAVE A LOT OF TIME WORKING, THANKS
@nrapiera
@nrapiera 4 года назад
This is exactly what I was looking for! The video is so thorough! You're the absolute best
@levonau
@levonau 4 года назад
Brilliant overview on the use of Xd. I will be implementing this into my workflow right away. ✌️
@conte4762
@conte4762 3 года назад
your recommendation is very useful and easy to understand what are you talking about.........awesome.....keep going....i need to watch all of your videoclips, thanks for your contribution.
@misterwoodman
@misterwoodman 3 года назад
You are very talented. I have designed hundreds of web sites and I have never played with XD, but I'm downloading it now!
@JuanCastro-C
@JuanCastro-C 4 года назад
Thanks Internet that put this AWESOME channel in my life
@ezbraun
@ezbraun 4 года назад
Same!
@RyanSmith-lc6wp
@RyanSmith-lc6wp 3 года назад
@@ezbraun Same! Same!
@wayniesinclair
@wayniesinclair 4 года назад
Great advise from your videos as usual. I've switched from Elementor. I've started using WP Page Builder by Themeum... Almost all of the pro features of Elementor is in WP Page Builder for FREE. Amazing!
@mikeys4u
@mikeys4u 4 года назад
Wow that's going backwards....
@csoethiopia7095
@csoethiopia7095 3 года назад
I have started to learn XD recently, just out of curiosity and found out that it is a combination of Adobe's previous Apps - Indesign, fireworks, Photoshop etc . I have been doing the web mock up with fireworks before (just to show my clients what I am proposing). I also use a combination of Adobe's different Apps to do graphics (Photoshop, illustrator etc). Thanks Adobe for refining the process by bringing XD.
@Rikankub
@Rikankub Год назад
You are a great teacher! Thank you for this!
@jacobwwarner
@jacobwwarner Год назад
Damn, I wish I saw this video and your channel years ago. Great quality and excellent summary 👌
@PotpurriPasta
@PotpurriPasta 4 года назад
Would love to see a tutorial on how to build a webshop on Elementor from you!!
@marcoolinho
@marcoolinho 3 года назад
This is an awesome video with great guidelines! You are a real pro!
@mcgreevs24
@mcgreevs24 3 года назад
You're killing the game. THANK YOU for this so much
@katrinkpunkt
@katrinkpunkt 3 года назад
First of all - that's a very nice and well done overview of how to speed up design process in certain parts as well as some practial tipps =) (liked the photo part, never really thought of it - I'm admittedly a bit lazy about that, having set a default resize in WP which obv doesn't give that much quality control and may clutter the server depending on original image size) However - reading a lot of comments here - to do this you need to be very familiar with how elementor and it's grid works, how to change that and how the default Elements/widgets work. If you don't know that, you easily design blogarchieves that don't work for example, since Elementor is very limited in what you can actually do there without putting in additional code if you don't want or can do. Also, depending on the client you just build stuff twice instead of once - but that's really depending on the client and the project. Still, a very good video giving me some new ideas! Thanks =)
@michaelborys848
@michaelborys848 3 года назад
thanks! hello from Spain, Canary Islands, Lanzarote! Felises fiestas!!!
@sarahebrahimi6266
@sarahebrahimi6266 2 года назад
Yeah I totally agree with you, in order that I insisted a lot to my boss that I have to design with XD first. But it takes my lifelong time to convince him! I wish I'd seen this video before then I could send it to him!
@njehtetuh350
@njehtetuh350 3 года назад
Thanks so much for this wonderful tutorial, i must say your videos are wonderful i love them
@d.w.5144
@d.w.5144 4 года назад
Great video Rino. My problem is to transfer the xd work to Elementor. Sometimes it doesn't fit with paddings margins etc. Your tip use a artboard to change images to right size maybe helps.
@dpk000sharma
@dpk000sharma 4 года назад
Exactly, what I'm looking for. Let me know if you got any idea.
@katrinkpunkt
@katrinkpunkt 3 года назад
In case you didn't find out yet: Elementor has in-built CSS and in-built margins and paddings. You need first to either set up your XD grid the same way as Elementor does or the other way round (you can do that in the theme settings for Elementor Pro in the grid paddings). Natively I believe XD uses a bootstrap grid (haven't worked with it in ages). For horizontal paddings you can change them to 0 if you want Full control, but that means you have to put a padding in every.single.element.
@felipef6516
@felipef6516 2 года назад
This is exactly what I needed to hear. Thank you !!
@davidw717
@davidw717 4 года назад
Problem is that you might design stuff that isn't possible or is quite tricky, you need to know the possibilities with elementor and what you'll need to add to get that style/functionality to work. Definitely pre-agreed design before building is best practice and any additional changes come at a further charge otherwise they'll keep asking for tweak here a tweak there. Time = money
@DunderKlomp
@DunderKlomp 3 года назад
Love the artboard image size tip. Very smart.
@bennybravo5337
@bennybravo5337 3 года назад
Building in elementor only saves alot of time for me, since your video has been made, elementor now has global styles and an improved template library. Making changes or reverting back to versions is done in a matter of clicks. What makes it even better is when you have a huge library of templates, sections and modules that you created from previous websites and there's even a plugin where you can copy the template/section from one site to another :)
@stupiddiary
@stupiddiary Год назад
I kind of agree. Elementor made huge steps forward. Today with global copy and so on. Still, I used XD to create the overall design for a long onepager (not with everything aligned and only gray rectangles for the text blocks) to give the client a good overview what will happen when. And she loved it, it saved me A LOT OF TIME doing so. Now my workflow is - 1. sketch 2. XD 3. approve of client 4. Elementor
@riazurrahman2389
@riazurrahman2389 3 года назад
great information for those who didn't use XD for website development
@leonardtervoli6531
@leonardtervoli6531 3 года назад
I like your tutorials. Very useful. I found myself using COREL DRAW for design. have many more feauteres than XD. and im very happy
@kerim4973
@kerim4973 4 года назад
This was so awesome!!! Please please make a crash course on Adobe Xd, I love watching your videos, please keep it up!!
@rinodeboer
@rinodeboer 4 года назад
Thanks so much! At the end of the video I talk about my Xd course. Maybe that is what you are looking for 🙏🏻👌🏼
@JOHAN5459
@JOHAN5459 3 года назад
i really like this video. I am about to build a website and this video really helps. thanks a lot
@michaelduff333
@michaelduff333 3 года назад
Great video I stumbled on here. You made so many excellent points and kept the tone fun and engaging. Subscribed.
@tomwalters6139
@tomwalters6139 3 года назад
Literally speechless. Most helpful video I've seen in a long time.
@DickieLim
@DickieLim 4 года назад
Great information which I never thought it, dealing with clients may not be easy. I totally agreed with you, I have learned Adobe Xd but never make use of it.
@AsilAdnan
@AsilAdnan 3 года назад
I was a Photoshop guy but I recently switched to XD to design a prototype. It is not only faster, but it is also better for UI and websites. You will master it in a day's time if you are coming from feature-rich Photoshop or Illustrator. Also, there are plugins to export the designs to HTML and Android XML which makes the development team's work far easier and quicker.
@karinasol2011
@karinasol2011 4 года назад
Excellent video!! You are totally right, it’s really professional work in that way.
@AdityaMehtaMusic
@AdityaMehtaMusic 3 года назад
You're doing fantastic! I gained a lot of knowledge through this video. I'm new to the design world - website designing and building to be specific. Keep up the good work! :)
@meneernijhuis
@meneernijhuis 3 года назад
Eye opener! Thanks man, ga dit gelijk toepassen in m'n dagelijkse workflow!
@lucasvalanif
@lucasvalanif 3 года назад
Obrigado por colocar legendas e ter a possibilidade de tradução. Parabéns pelo conteúdo.
@davidvillena8432
@davidvillena8432 2 года назад
I wish I saw this video a year and a half ago I had to rebuild my website 8 times, it works great now though, thanks Rino
@shadrackmaluleke4187
@shadrackmaluleke4187 2 года назад
Nice work, you make it so easier 👍
@ethansguide
@ethansguide 4 года назад
Quality content, as always! Feels like a proper course!
@ivanvperez
@ivanvperez 4 года назад
Hey man! Thank you so much, this was amazing! I use beaver builder instead of elementor, but I still understood every argument completely. Such a great content ☺ 👍🏼.
@mmahdish9594
@mmahdish9594 2 года назад
Thanks Rino, Great content as always
@cesarp6761
@cesarp6761 4 года назад
My struggle is when you a really nice design (like “floating images” “overlaps” and “offset” stuff that looks awesome in tools like this and then you paint yourself into a corner trying to translate that into css. Yeah. Good luck! Some are pretty difficult other close to impossible!
@crowdyke220
@crowdyke220 3 года назад
Easy to follow presentation style. Thank you for posting.
@stephanieghio1822
@stephanieghio1822 3 года назад
It's such a pleasure to watch your clips! Thank you! :)
Далее
А вы играли в school boy runaway?
00:30
Просмотров 149 тыс.
I tried every website builder. This is the BEST
19:31
Просмотров 109 тыс.
Easily Improve Your Web Design (With Example)
17:59
Просмотров 97 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 143 тыс.
I’m moving away from Adobe Xd to Figma
9:43
Просмотров 59 тыс.
Why I Never Start In Figma, But Elementor Instead
20:37
I tried every FREE website builder. This is the best
7:58
7 Wordpress Plugins I install on all websites (2024)
15:07