Hey guys! I am here with a UI I have just finished designing with Adobe XD. I have recently downloaded Adobe XD and this is my first UI designed from scratch in it, took me around 1 hour to make, I had to google some shortcuts for Adobe XD lol. Tell me what you think of it!
Note: To all of the aspiring UI Designers out there, I strongly recommend Adobe XD for UI Design, it is simple to use, and doesn’t look as ‘daunting’ as other programs such as Illustrator and Photoshop.
Yeah Adobe XD seems like a great piece of software, especially do its mock up features. I personally prefer more advanced vector graphics software, but I did try Adobe XD once but I was turned away when they didn’t have a dark mode.
Anyway, the UI looks good but it does need some work.
Font and accent fonts
Too many different fonts can ruin the consistency of your UI. Using accent fonts to throw in a little bit of inconsistency can look good, but differing too much between fonts can hurt the style.
Image fade. It feels too quick or abrupt. Maybe make the white part more transparent.
This is my first attempt at Adobe XD, not UI Designing, and cmon, dont think of yourself like that. My UI’s used to be trash as well, this is an example of what I used to make:
Over time, I practiced a lot, which made my skill and experience gradually gain. So have some hope in yourself, motivate yourself, and go for it! And over time, your UI’s will look amazing!
Remember, we all start from somewhere, whether it is good or bad.
The UI looks good. I would suggest you change how the cart icon looks like. Additionally, I would use more different font weights for the text.
As for the drop shadows, I think you should reduce the drop shadow a tad bit for the text and the button that says “View Our Menu”. I like the font on the “View our Menu” text. What font did you use for that text? I would also make those light text paragraphs have a normal font weight and have it at that size.
I would also say you take the “expensive.” text a bit more up. Then, take that paragraph and “View Our Menu” button a bit up closer to the “Flavour doesn’t need to be expensive” text.
Also, for the tabs on the top bar, I think you should make the “Home” tab first, and have the “Contact” tab at the end of the tabs (don’t place it where the cart icon is). I would have the “About” tab next to the “Home” tab, then the “Menu” and “Services” tabs, and finally the “Blog” and “Contact” tabs. Keep the cart icon where it is though.
Overall, the UI looks nice, but with some more work put into it, it will look even better. Good work!