Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
As great as it is to get this insight, I'd love to see more of the actual design process. This, to me, seems more like design assembly of an already well thought out concept with all the assets ready to go. I'd love to be able to plonk elements on the page and it be perfect first time, but it is rarely the case. I am fascinated by other people's processes and the methods they use to get to the final outcome as I find it great for both inspiration and helping me come up with new methods myself. Love these short formats, but it would be so cool to see a breakdown afterwards explaining why you chose to have elements in that position or why each section was put where it is. Love the work as always!
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
3 things from this I am using in my next project: 1. Those lines above text blocks to group items. Simple but effective. 2. The vertical line bullet points. 3. The way you have the social icons in the footer. Love that one especially!
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
I love seeing these design process videos! I love using XD to design. Out of curiosity would Sang ever want to create their own video? It would be interesting to hear more from them and their design process!
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
@@JustGotALife once you complete a website by coding and take it to your and then he says you to make some changes. You make some changes and again go to him , then more changes and so on so on. So it's best option to first make design , then work on code
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
Superb use of colours and spacing. One question though: Why have you used a grid system over here. Apart from the left alignment of elements, I couldn’t spot any other use of it done in this design process?
not using XD to its max capacity. there's a 'repeat grid' feature to make duplicating faster if you're working in an agile environment. I also don't get why aren't there reusable components? or a UI kit seems like a lot of things were design from scratch. • don't need rules at 00:54. it's a section with H2, eyebrow, body, H3 and image. there's not many elements. it's not like entire page is all white with no sections. • Circle at 1:05 seems arbitrary. What does it mean? That the design group is a design circle? Does it mean closed to only that design class? is it an element that was based off TFA monogram container? • form at 3:57 with field labels in black makes no sense for user. what if it was an old fart looking at form? the 'full name' and 'email address' appear to be already filled in. should be greyed out and definitely NOT black. Though it's a good design, seems like a lot was design on the fly. I don't see re-usable components. this is not good UI practice. If this was done in a design studio at IBM, Atlassian, FB or Apple, design managers, or sr. designers would make your ears bleed.
Never used adobe XD before... is it mobile optimize automaticaly?
4 года назад
anj anj no it’s not. The output is an image and not a website. You would have to design mobile layout manually, but often times developers just adjust the desktop layout on the fly, especially when using tools like Wordpress builders or Webflow.
Message from a developer: PLEASE do not design a desktop-only mockup if the intended use case includes mobile, and do not leave this up to the developer. Not all desktop layouts work on mobile, nor will the user experience be the same. Design both the mobile and desktop mockups to achieve best results.
If you're interested in seeing the live page, click here: bit.ly/CD-IG-Workshop
What a neat and clean design.You guys are pure professional.
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
As great as it is to get this insight, I'd love to see more of the actual design process. This, to me, seems more like design assembly of an already well thought out concept with all the assets ready to go. I'd love to be able to plonk elements on the page and it be perfect first time, but it is rarely the case. I am fascinated by other people's processes and the methods they use to get to the final outcome as I find it great for both inspiration and helping me come up with new methods myself. Love these short formats, but it would be so cool to see a breakdown afterwards explaining why you chose to have elements in that position or why each section was put where it is. Love the work as always!
Great suggestion. We'll consider moving forward.
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
3 things from this I am using in my next project:
1. Those lines above text blocks to group items. Simple but effective.
2. The vertical line bullet points.
3. The way you have the social icons in the footer. Love that one especially!
Thanks
The design is so "The Futur" like.
So clean.
Created by our art director Sang Chung
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
I love seeing these design process videos! I love using XD to design. Out of curiosity would Sang ever want to create their own video? It would be interesting to hear more from them and their design process!
We're trying to encourage everyone on the team to (slowly) feel more comfortable sharing and confident on camera.
This was amazing! I was wireframing an Instructor website not long ago. Definitely gonna bear the tips in mind when I continue with the wireframe. 👍🏻
Cheers
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
Creative , love from 🇰🇪🇰🇪🇰🇪🇰🇪🇰🇪
THIS IS GOLD
great edit
thank you booboo 😘
Cool
When watching this video, every second your heart beats faster.
Adobe xd is magical for website design
Is web designing used so deeply by people that they require seperate software just to see how things will look
@@JustGotALife once you complete a website by coding and take it to your and then he says you to make some changes. You make some changes and again go to him , then more changes and so on so on. So it's best option to first make design , then work on code
Okay!
Tip: In this example, for the meta text, you can use a stack and it will automatically move the line based on how much text there is next to it.
Is the UI and UX designer responsible for designing the icons, pages, shapes ..etc only? or does he have to bring them to life using css and html.. etc?
Thank you!
Dat retro inspired music
That's DJ Jona, with the cuts
I would be grateful if I would be able to get the Style Guide in a pdf format.
instantly downloading Adobe XD
So good!
Thanks Alex
Superb use of colours and spacing. One question though: Why have you used a grid system over here. Apart from the left alignment of elements, I couldn’t spot any other use of it done in this design process?
We always use grids on websites. It takes the guess work out, and gives us a system to place elements on.
Xoxo
not using XD to its max capacity. there's a 'repeat grid' feature to make duplicating faster if you're working in an agile environment. I also don't get why aren't there reusable components? or a UI kit seems like a lot of things were design from scratch.
• don't need rules at 00:54. it's a section with H2, eyebrow, body, H3 and image. there's not many elements. it's not like entire page is all white with no sections.
• Circle at 1:05 seems arbitrary. What does it mean? That the design group is a design circle? Does it mean closed to only that design class? is it an element that was based off TFA monogram container?
• form at 3:57 with field labels in black makes no sense for user. what if it was an old fart looking at form? the 'full name' and 'email address' appear to be already filled in. should be greyed out and definitely NOT black.
Though it's a good design, seems like a lot was design on the fly. I don't see re-usable components. this is not good UI practice. If this was done in a design studio at IBM, Atlassian, FB or Apple, design managers, or sr. designers would make your ears bleed.
Bet you're fun at parties.
@@jdanielortega lol. I actually am. I just work hard and play hard bro.
Is Adobe XD used to sketch out the pages and then send them to a web developper?
Used for the wireframe and design, then taken into Webflow. No additional developer.
@@TheFuturAcademy oh wow ok thanks for the info
@@TheFuturAcademy Is webflow better than elementor ?
How do you make the design slideshow on mac at the end of video??
After Effects animation
Never used adobe XD before... is it mobile optimize automaticaly?
anj anj no it’s not. The output is an image and not a website. You would have to design mobile layout manually, but often times developers just adjust the desktop layout on the fly, especially when using tools like Wordpress builders or Webflow.
Message from a developer: PLEASE do not design a desktop-only mockup if the intended use case includes mobile, and do not leave this up to the developer. Not all desktop layouts work on mobile, nor will the user experience be the same. Design both the mobile and desktop mockups to achieve best results.
Sure, this is a great video. But did the video wash its hands?