How to improve the VISUAL of your UX PORTFOLIO
Вставка
- Опубліковано 27 лип 2024
- Four steps to improve the VISUAL of your UX Portfolio for new UXers.
Check out the sponsor LOOM at loom.com/AlienaCai to start using LOOM for free.
material design color tool: material.io/resources/color/
figma community: www.figma.com/community/explore
Intro: (0:00)
Improve the Design System: (0:35)
Sponsor LOOM: (6:08)
Update Design Components: (7:18)
Fix Alignments: (11:30)
Create a Presentation: (15:08)
Outro: (18:58)
Besides these, I also suggest you to update your placeholder text and try to work on more real life projects. Hope you find this #UXDesign video helpful for updating your #portfolio and building up #visualdesign skills. More contents coming soon!
Awesome pointers! To help with the visual improvement process, I like to use Figma's auto-layout feature for nearly everything. Combined with creating components for things like repeated elements like your boxes, it really helps speed up the process and guarantees clean & consistent spacing.
Pinned your comment! I’m also a HUGE fan of auto layout!
After learning Auto Layout, I use it for nearly everything. Especially clickable prototypes.
i agree 100%
Aliena, I never usually comment, but I can't express how much I love your content. I had no idea how to make a visual hero image and this was the only video that demonstrated the steps to making it. Thank you for just doing what you do, truly.
No worries at all!!! I totally understand how you feel cause I went through that before 😢😁
hi Aliena, I just started my journey in UI/UX, and since I am a self-learner I struggle a lot. but your channel really helped me from D-1 till now. I started my journey with your suggestion of a google course. it really helped a lot. And while designing, your figma tutorials are really a blessing to me. I learned a lot from it. I want more videos like this to help starters like me. And I also suggest you have more figma tutorials video. What you are doing is really amazing. You are like an Idol to me. Thanks, for helping us. It means a lot to US
Thank you for this amazing videos! I got my first intern being an UX Designer thanks to you! You help many people to grow 😊
Omg I’m soooooo proud of you!!!!
Thank you SO much for your content, it is incredibly helpful and a great supplement to the Google UX course. Really appreciate the content and you!
Honestly love and appreciate the effort you put into your videos! helps me as someone who is new and transitioning into this field, Thank you luv x
I'm so glad! And thanks so much for the support ❤️
It's very clear and helpful! Thank you so much! You definitely deserve 1 million subscribers!
Thank you soooo much! If I ever get 1 million subs it’s partially because of this comment ❤️
Thank you for this video. I'm in the middle of the Google UX design certificate and really need to improve my mockups.
This channel is a blessing for every aspiring Designer. Thanks so much. I literally used to feel so clueless at times.
Thank you ❤️❤️❤️
Thanks a lot for this videos! Today I got a UX interview and your case of study helped me a lot! I share your videos to my UX Community
Thank you so much for sharing! I wish you all the best 👍🏼
Thanks for sharing your knowledge with us.
Always welcome
Thanks Aliena , you're great!
Thank you! 😃
I love you Aliena. Big thumbs up👍💘
Thank you, your videos are easy to follow and super helpful. Love the breakdowns and organization!!!
Thank you!
Just started my UX Design Journey. This video was helpful.
Thank You
Thank you for the comment ❤️
I love your journey and content Aliena 💕✨ keep it up!
Thank youuuu ❤️❤️❤️❤️
I am learning something new everytime you upload a video, Thankyou :)
My pleasure!
Thanks! as a beginner your video helped me a lot, Looking forward for more!
Thank you! More videos coming up soon
Your videos are so informative! They help me stay motivated as a UX student! :)
Thanks a lot! Keep it up 👍🏼👍🏼
This is a great video, so I have a lot of respect for what you're doing.
Thank you soooo much for the support ❤️❤️
thank you, the last part very useful🪴
Glad it helped!
i love you so much! thank you for everything you have taught me
Thank you!
Thank you so much Aliena which makes my work look more professional
I'm glad it helped! Thanks for the support ❤️
Thank you Aliena!
Thank you❤️
thank you so much I am just doing a UX Design course and having a horrible time with it. and your videos really bring so much valuable info. Thank you so much.
I’m glad it helps. I hope it gets better ❤️🙏✨
This video was so helpful! Your content is very informative and easy to take in. I’m currently taking the google certificate program and I’m hoping to find a job afterwards and your videos have given me hope! If you have time could you talk more about the job search, how your job is going, what to look out for when searching for a company etc?
Thank you for the great content!
Thank you for the comment! I’ve noted your questions. It’s not easy to land the first UX job, so I suggest you to take one freelance opportunities too. But once you found the first one, it will come more natural. All the best to you 👍🏼
Thank you for ideas 🙏🙏🙏
Most welcome 😊
Awesome video! Thanks for sharing!
Thank you!
This was so great thankyou so much :)
Thank you for the comment! 😁
Thank you so much. It will be helpful if you make video on Sizes like of typography, gap between elements and so forth. Thanks once again.
What an amazing tactical video!
Thank you!
it is fun to watch your channel grow
Thank you so much Umar!
awww信息量好大～ 我的visual有救了hhh 爱了爱了😍无私心分享的艾丽娜～🎵～
谢谢你哈Stella，加油加油❤️❤️
Just subscribed amazing!
Thanks 😊
your teaching is so smooth
Thanks a lot!
Awesome.
I learnt alot
Thanks for the comment 😁
Love the sense of humor even in the sponsor video.
Thank you ❤️❤️❤️❤️
Looking forward to it
Thank you!
Great video! Im from Seattle finishing my master's in UX at ASU.
Thank you! Greetings from your neighbor in Kirkland 😄
Great video :) Funny and informative.
Personally, I like to use the grid layout to align elements faster.
thanks for the comment. Right, grid layout totally works!
This is cool video. Thank you so much 🙂
Thank you 🙏
soooo good!
Thank you!
Awesome tips! Thanks Aliena! Wish my bootcamp had teachers like you! Can you please show us how to set up the grid systems?
Thank you so much for the support ❤️ I’ve noted your question down. I’m not a huge fans of the grid system since my company also don’t use it. I prefer using more auto layout and components. But I’ll try to find time to dig into your topic!
Tanks for your content …I like your video about (day as ux designer )😁
Thank you so much for the support ❤️ more similar content coming soon :)
Thanks for your
Most welcome
Let's keep on the grind!
Great!!
Thank you 😄
yes really helpful
Glad to hear!
great teacher
Thank you! 😃
It was great
Thank you!
I regularly watch other designer videos but the way u give detailed information is great and ya with some funny stuff 😆😁❤ & ya plz make a video on how to make a website portfolio for free😁
Thank you so much 😃 Check out this then: ua-cam.com/video/-WKBKO5Byl8/v-deo.html
I love the little commentary for the hypothetical design review in the Loom ad -- 'I made the design change even though, it's completely useless'🤣
🤣🤣🤣
Your videos are always so helpful!! Do you do mentoring?
I will definitely consider that! I currently don’t. But I highly recommend ADPlist. It’s the best platform for mentoring!
thanks subscribed
Thanks for the sub!
@@AlienaCai 😍😍😍😍
Thank you very much for this video. I just started the google Ux design course. I learnt quiet a few things from this video. Im new ti Figma and still struggling to learn. please can you give point out the resources you used to learn how to use Figma. I hope to know how to use it like you pretty soon. And I just had to share your video on twitter cos its so helpful. have a lovely day.
Glad it was helpful! The best resource to learn Figma is through UA-cam videos such as what Figma posted in their channel: ua-cam.com/users/Figmadesign
Alright. Thank you. Will do that.
Wonderful video! Thank you for sharing! May I ask what program you used to record yourself while working in Figma? And do you like it?
Hi there, I was using Quick Time Player, the simple screen recording function. I think it works pretty well 😄
I have a problem with my alignments. I always have to do it in a multiple of 8. It just feels better to me. I swear I'm not usually so particular, but 8s are my golden ratio. 😅
Haha I feel you! I guess you are very sensitive to numbers. Though a multiple of 8 is definitely a special taste. I’m curious about your work and whether this decision creates something stunning and difference 😀😁
@@AlienaCai Honestly, I don't think it does anything special, but I carry on believing that my effort will be subconsciously recognised by my target audience, like the subtle natural math of a pleasant piano chord. 😂 🙏
正式成为小粉丝!!!!
欢迎欢迎👏🏼❤️❤️
❤️
❤️
can u pls do researc methods
Noted! This is an interesting topic and I’ll consider making a video on that 👍🏼
I've worked with google material 2.0, and used Google Color Tool, even it works ok, I don't understand system. For example I have Primary and Primary Dark colors, which logically can be used for buttons (Default and Hovered states) unfortunately, the dark color is not "Tasty", according to my research on default, hovered button color (for ex. Twitch) so the system is pretty old and made for old UI. Maybe I'm wrong. But the hovered color is need to be set up manually, based on the formula. Conclusion: the system of light, normal, dark colors is unreliable.
the main problem I face now is fluently communicate in English .. Not a native English speaker ...Its actually more difficult to communicate with the stakeholders and managers
I understand. I'm the same when I started out, because my native language is Chinese. I believe this will get better in time. When I interviewed at Google, my interviewer spoke worse English than I did. I've seen many people with international backgrounds working in tech without perfect English, so I believe we can make it as long as we improve every day 👍
Can you show us how to code this for a real app?
This is a great question. I’ve noted it down. I haven’t coded for a long time but it’d be great reviewing some programming skill and showcase it.
@@AlienaCai thanks for answering i hope you make a video about it specially for the newbies who are bad at coding hahaha
Whatsup Aliena
Can you please review my portfolio for me 😩🥺🙏
谢谢博主的分享～ 不评论你的视觉skill，只想建议不要把设计稿放在3D的样机里，我看这样的图直接关掉，大概率不给面试，因为… 我压根看不清你的设计稿，对齐，排版，字体，字号这些完全看不了，我还得翻转我的电脑放大去看？😅
Nice sharing! But if I were you, I definitely would NOT put my design into 3D mock-ups. Such a terrible experience for portfolio reviewer!😅
谢谢Tim的评论！我也觉得那个3D的完全突出不了设计。我把你的评论置顶了，这样方便大家看到👍🏼
@@AlienaCai 互相学习🙏🏻
I've heard of this that most people hiring or looking at your portfolio do not like mockups on a diagonal or not straight if that makes sense
@@AlienaCai 好谦虚的博主，差点开喷了，看到这条评论，有点羞愧了。建议多打磨下设计，Mockup在面试中的重要性不高，向前面大哥说的，面试你的是专业人员，他们能从你稿件的的缝隙中抽丝拨茧的感受到你的设计skill，而Mockup多半是给圈外人看，如客户、投资人，漂亮的界面和演示流程更容易让人买单
@@marig9236 Did anyone say why?
Hey Aliena, thank you for sharing?
Do you mind to review my portfolio? I do really need feedbacks on my portfolio. Let me know if you are interested!
Thanks!
Hi there, feel free to send it over via my website elenacai.com
if you give a developer that opacity crap you need to know that you are making life hell for someone.
rest, sleep, think about it, then decide if care or not.
I know for experience that designers don't care about other people, prove me wrong by working out what the 95% opacity is in HEX.
Thanks for your comment. You mentioned a very good point when it comes to collaborating with SWEs. This video is made for new designers to quickly improve their portfolio, so I didn’t thought deep enough. I personally never use opacity in actual project, and thanks a lot for bringing that out. I’m sorry that designers make you feel that way. I’ve done front-end programming for one project and I totally understand that pain. I hope there will be better communication between designers and engineers to eliminate this kind of friction.