Uidesign

Uidesign смотреть последние обновления за сегодня на .

Level up your UI design skills in 12 minutes!

68309
4145
284
00:12:05
27.06.2023

Start your 7-day free trial and access 230+ apps & tools for Mac and iPhone: 🤍 'Before' design by Shindi Fatika: 🤍 Setapp tools mentioned in video: - TypingMind - CleanShot X - Session The result showcase is made with Rotato. After prototyping with Figma, I use Rotato for the 3D animations. I reached out to the Rotato team and got a 25% off promo code. From now till 12 July 2023, go to 🤍, apply code ‘RACHEL’ when you checkout for 25% off! | Links Resources, desk setup, gear: 🤍 Manage your freelance business using this: 🤍 My go-to design tool is Figma: 🤍 My website is built using Webflow: 🤍 Music in my videos: 🤍 | Let's be fwens! Newsletter: 🤍 Instagram: 🤍 Twitter: 🤍 Request a video here: 🤍 | Watch next Watch the previous episode: 🤍 My 9 income streams: 🤍 Why I quit my high-paying job: 🤍 10 side income ideas for UI/UX designers: 🤍 My freelance process: 🤍 | Chapters 00:00 Design Critique 02:00 Content Planning 03:05 Ideas 04:13 Setapp 05:08 Redesign 10:59 The Result | Disclaimer Some of the above are affiliate links—I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator!

Level up your UI design skills in 7 minutes!

125762
8878
701
00:07:12
01.06.2023

This UI is good, but let’s make it great ✨ free roadmap to becoming a UI/UX Designer in 2023: 🤍 Thank you Wanda for the original designs: 🤍 P/S: The last screen should be Name on Card and Card Number. Apologies for the mistake as this was all done under 1 hour :) The result showcase is made with Rotato. After prototyping with Figma, I use Rotato for the 3D animations. I reached out to the Rotato team and got a 25% off promo code. From now till 12 July 2023, go to 🤍, apply code ‘RACHEL’ when you checkout for 25% off! | Links Resources, desk setup, gear: 🤍 Manage your freelance business using The Creative Freelancer Kit: 🤍 My go-to design tool is Figma: 🤍 My website is built using Webflow: 🤍 Music in my videos: 🤍 | Let's be fwens! Newsletter: 🤍 Instagram: 🤍 Twitter: 🤍 Request a video here: 🤍 | Watch next How to find freelance clients: 🤍 My home office / desk setup: 🤍 My 9 income streams: 🤍 Why I quit my high-paying job: 🤍 10 side income ideas for UI/UX designers: 🤍 My freelance process: 🤍 | Chapters 00:00 The Redesign Challenge 00:40 Critique (Payment method screen) 02:15 Critique (Add card screen) 03:00 Thought process 05:50 Final touch up 06:20 The result | Disclaimer Some of the above are affiliate links—I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator!

4 Foundational UI Design Principles | C.R.A.P.

137071
6393
78
00:09:16
13.04.2022

These 4 foundational design principles can be used for any visual design but are especially important for UI designers... Remember to Subscribe 🤍 0:00 - Intro 0:25 - CRAP 0:40 - Contrast 3:16 - Repetition 4:48 - Alignment 6:56 - Proximity 🏆 //////////// Join my members community to get access to perks: You can get this starting and ending design file 🤍 👋 ////////// Join the Discord Server and meet other creatives 🤍 🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship 🤍 👋 ////////// Follow me on Social Instagram: 🤍 Twitter: 🤍 📫 ////////// Sign up for my Monthly Newsletter 🤍jesseshowalter.com/newsletter 🖥️ ////////// I build most of my websites using Webflow 🤍 💻 ////////// I host all my websites with Hostinger 🤍 🎵 ////////// Musicbed is the best place to get music for your films. Get your first month free when you purchase an annual subscription by using my coupon code JESSE at checkout. 🤍 📸 ////////// The Equipment I use 🤍

4 Useful Dark UI Design Tips for Web Designers

24595
1639
8
00:00:28
06.05.2022

Are you following these tips? ✅ Avoid using pure black or pure white - This color combo can cause the user’s eyes to work harder to adapt to the brightness. ✅ Avoid visual vibration - Use less saturated colors, since saturated colors can impact the legibility of your design. ✅ Use the right contrast validation. - Text with low contrast can be almost invisible and can ruin usability. ✅ Allow the user to switch themes - Some users still prefer to have light mode on their devices. 💎 For more #webdesign & #development resources: ➢ Visit Creative Tim Courses: 🤍 ➢ Visit our website: 🤍 ➢ Visit our blog: 🤍 ➢ Subscribe to our channel: 🤍youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w ➢ 𝗡𝗘𝗪 | The Ultimate UI/UX Design Course - 🤍 #darkmode #shorts

UX Design vs UI Design - What's The Difference? (2023)

364303
15203
845
00:10:08
11.03.2021

What’s the difference between UX and UI design? What will you be doing as a user experience designer, or a user interface designer? In this video, we delve into these two in-demand design roles, sharing key definitions, responsibilities, similarities and differences. Dee Scarano, a UX/UI designer with over 12 years of experience, gives an overview of both UX and UI design, sharing industry insights and tangible examples of what the two roles entail—helping you figure out which is the best fit for you. Thinking of a career change and curious about UX or UI design? We offer a free short course in both areas so you can see which is right for you. Sign up here: UX Design Short Course - 🤍 UI Design Short Course - 🤍 Do you think you’d prefer UX design, or UI design? Which are you most interested in, and why? Let us know in the comments! Want more information? You can check out our long-form blog article on this very topic! 🤍 For more weekly UX/UI content, subscribe to our YouTube channel here: 🤍 Video timestamps and topic areas: (00:00) Intro (00:50) Definitions of UX & UI design (03:59) The different tasks involved (07:23) UI designer - An example (07:57) Which is right for you? (08:15) Contrasting UX & UI Thanks for watching! #UXDesign #UIDesign #UXvsUI Want more? Check out our other social media channels and blog here: 🔍 🤍 For more information on our courses, visit us at: 🖥 🤍 UX vs UI Design - What’s The Difference? (2021): 🤍

The MOST IMPORTANT rule of UI design.

33809
2242
43
00:04:25
12.11.2021

You can even use Comic Sans, or clashing, ugly colors. But this one rule you don't break, otherwise it all falls apart! Learn layout, grid, hierarchy and spacing rules in UX and UI design, to level up your skills as a junior designer. With these tips you'll be able to make your designs instantly better! This works in Figma, Sketch, Adobe XD, Lunacy, Penpot and any tool you like, including Powerpoint and MS Word ;) And if you want to check out my course on alignment in mobile apps, you can get it here: 🤍 #uxtips #uitips #design COOL INFO HERE 👇 = 🎬 GET MY UI COURSES: 🤍 🤍 Upcoming: 🤍 🤍 MY BOOKS: 📘 Designing User Interfaces - over 500 pages all about design, likely the biggest source of UI knowledge in the world: 🤍 🦄 Frontend Unicorn - How to learn faster, earn more and grow as a front-end developer: 🤍 MY FREE UX COURSE: 👨🏻‍💻 Become a designer: 🤍 BE MY FRIEND: 💌 Sign up to our newsletter - 🤍y 🌍 My website - 🤍​ 📸 Instagram - 🤍 ✍️ My Medium Blog - 🤍 🐦 Twitter - 🤍 ⁉️ You can ask me questions on Twitter, just 🤍 me or DM :-) ABOUT ME: 👨🏻‍💻 I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️ =

Become a UI/UX designer in 2023 - A step by step guide

630743
33008
611
00:12:22
11.03.2022

To start your 7-day trial today for just $1, go to 🤍 Here's the roadmap that I wish I had when I switched careers to become a Self-Taught UI/UX Designer 🥔 After you're done watching this video, get the roadmap (link below) and adjust it based on your own needs and learning journey. Get the UI/UX designer roadmap at 🤍 📺 Watch next: What i learned by building 8 income streams in 6 months: 🤍 10 side income ideas for UI/UX designers: 🤍 My Notion setup on how I organize my life, work & finances: 🤍 🎉 My gear, tools, resources: 🤍 Mobbin: 🤍 ✿ Instagram: 🤍 Twitter: 🤍 Newsletter: 🤍 Some of the above are affiliate links-I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator! // Chapters: 00:00 Hello! 00:27 Step 1 02:16 Step 2 03:06 Step 3 07:45 Step 4 08:02 Step 5 09:00 Step 6 10:35 FAQ

What is UI vs. UX Design? | What's The Difference? | UX/UI Explained in 2 Minutes For BEGINNERS.

119511
1851
43
00:02:19
08.09.2022

What is UX/UI Design? What is the difference between the two? How can you get started? Lucky for you, we'll get you up to speed in under 2 minutes. UX/UI Design is by far one of the most hands-on, in-demand, and rewarding career paths you can take that still falls under the tech umbrella ⛱. The world is changing, everything is going online. If you want to be a modern-day Picasso 🎨, what better way than to leave your print in the digital world?! Start Learning Design For Free 👇🏻 🎨 Design 101 Crash Course: 🤍 🎉 Full Design Bootcamp course (+ free lessons): 🤍 🤩 2 Hour Interview With Dan Schifano (Salary, Day in the Life, Portfolios, Tips, Will AI Replace You + More): 🤍 5️⃣ Best ways to use Figma to supercharge your designs: 🤍 👍 Subscribe for free tutorials and exclusive content: 🤍 BONUS: You’ll also get instant access to 100+ assets and premium design templates that you can keep and use to customize all your future projects. 💥 Who is the ZTM Design course for? ◾ You are a complete beginner and want to become a successful designer or freelancer ◾ You want to get hired as a Web Designer, Mobile Designer, UI/UX Designer ◾ You are a designer who is looking to learn modern design skills and tools and charge more for your work ◾ You are a web developer or mobile developer and want to improve your design skills or learn from scratch so that you can add another valuable skill to your toolbelt ◾ You want to learn about the latest CSS3 features like Flexbox, CSS Grid, and CSS Variables as well as HTML5 💥 Topics covered in ZTM's Complete Web & Mobile Design Bootcamp Course: ◾ Web & Mobile Design Principles ◾ Web Design vs. Web Development ◾ Sketching ◾ Inspiration ◾ User Flows ◾ Sitemaps ◾ Wireframes ◾ Prototyping ◾ Getting Feedback ◾ Grids + Spacing ◾ Typography ◾ Color ◾ Forms + UI Elements ◾ Imagery + Iconography ◾ Accessibility (often overlooked in design!) ◾ Design Systems ◾ Motion Design ◾ Microinteractions ◾ Design Systems ◾ Working With Developers ◾ Figma ◾ Turn Your Figma Designs Into Live Apps & Websites Using HTML & CSS ◾ HTML + HTML5 ◾ CSS + CSS3 + more Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, Shopify + other top tech companies. Many are also working as top-rated Freelancers getting paid $1,000s while working remotely around the world. 🎓 Here are just a few of them: 🤍 This could be you 👆 #zerotomastery

The Best Fonts For UI Design

4907
368
5
00:00:45
24.02.2023

These Are The Best Fonts For UI Design #uidesign #uiwebsite #webdesign

6 Stages of UI Design

145090
4690
125
00:08:23
21.07.2021

UI design is a process; starting from nothing and ending up with final, high-fidelity UI designs. This high-level overview will take you through the entire UI design process, the purpose of each UI design stage and the best UI design tools to use. #ui #ux #designcourse 〰TIMESTAMPS〰 00:00 - UI design process intro 01:19 - Stage 1- Sketching 02:52 - Stage 2 - Wireframing 03:52 - Stage 3 - Components 04:45 - Stage 4 - User and Task Flows 05:50 - Stage 5 - Mock-ups 06:54 - Stage 6 - Prototype 📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED ⊚ Enroll Now | 🤍 📒 GET FREE DESIGN LESSONS ⊚ Free UI Design Crash Course | 🤍 ⊚ Newsletter | 🤍 ⊚ Live Webinars | 🤍 📖 READ THE BEST DESIGN ARTICLES ⊚ BLOG | 🤍 🥰 JOIN OUR MINDFUL COMMUNITY ⊚ DesignerUp Community | 🤍 💬 CONNECT WITH US ⊚ Twitter | 🤍 ⊚ Instagram | 🤍 ⊚ Facebook | 🤍 ⊚ LinkedIn | 🤍 ⊚ Pinterest | 🤍 🧰 RECOMMENDED PRODUCT DESIGN TOOLS ⊚ Figma | 🤍 ⊚ ProtoPie | 🤍 ⊚ Notion | 🤍 ⊚ Framer | 🤍 ⊚ Canva | 🤍 ⚙️ RECOMMENDED GEAR Video Gear | 🤍 Home Office Accessories | 🤍 🙋🏽‍♀️ ABOUT ELIZABETH ALLI ⊚ Senior Product (UX/UI) Designer ⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School ⊚ Trained teacher ⊚ Youtube creator ⊚ Author *Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and help us continue to create the highest quality content possible. So thanks for your clicks and your support! 💜 💻 SPONSORSHIP AND COLLAB INQUIRIES ⊚ Email | learn🤍designerup.co

Practical UI Design Trends 2023

33634
1552
56
00:09:00
20.03.2023

00:00 - Intro 00:24 - Trend 1 01:35 - Trend 2 02:25 - Trend 3 03:14 - Trend 4 04:20 - Trend 5 05:26 - Trend 6 06:09 - Trend 7 06:53 - Trend 8 07:32 - Trend 9 Ultimate Figma Design Masterclass (5,000+ students. 90+ Videos. 10+ hours) 👉 🤍 Practical User Research & Strategy Masterclass (NEW!! 200+ students. 8 hours) 👉 🤍 Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉 🤍 Outline - Figma Wireframe Kit (350+ components and variants) 👉 🤍 Sign up to my newsletter for exclusive content: 👉 🤍 Follow me on IG (Daily updates): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours)

UX Design 2023: How To Get Started - Full Guide

35995
2280
178
00:10:51
29.05.2023

It's here! My complete, step by step guide to becoming a designer in 2023. Where to learn from, how to start, how to spend as little as possible! And more! Most of this video is dedicated to a free path - with paid options being just that - options. What I believe you shouldn't do is picking an expensive bootcamp - especially if you're not sure if you're really into it yet! Anyway, if you want to become a UX/UI Designer in 2023 follow this precise blueprint and do it in style! Thousands of people from my community have already done it so you can too! You can find both the FREE and all other learning materials here: 🤍 And you can find the playlists here: 🤍 🤍 And of course have a beautiful day! Don't forget to subscribe! ❤️ #ux #userexperience #designer 00:00 What it's like to be a designer? 00:36 What designers do? 00:47 Apps and Websites 01:03 What I do 01:23 The plan 01:50 is UX boring? 02:12 Will AI take over? 02:34 Google UX Course 02:52 Stop here! 03:00 How much and Free option 03:20 Google UX Certificate 03:27 Peer review 03:44 Importance of visual skills 04:02 How good are you? 04:17 Free path 04:28 Free UX/UI course 04:46 Check your mentors 05:04 Faster path 05:28 What designers say? 05:52 Secret UX methods 06:18 You now know UI design 06:31 30 second tutorials? 06:48 Portfolio guide 07:21 Research to success 07:42 Portfolio in Figma? 08:05 Important tip! 08:38 Case studies 09:10 Festival of boring 09:15 Best way for CS 09:32 UI Sandwich 09:55 Final step? 10:19 Full overview 10:28 Free downloads Beautiful animated gradient GIF by Erica Anderson - amazing work, check it out on giphy!

5 levels of UI skill. Only 4+ gets you hired.

366715
14893
435
00:11:05
28.11.2022

After reviewing literally hundreds of UX/UI portfolios I started to notice some patterns. There are five distinct UI levels, or skill levels and only being above 4 will result in getting a UI design job. Watch the video to find out which skill level are you and what to focus on to progress to the next level faster. Of course it's all in the details! Become a great UX/UI designer, whether you use Figma, Sketch, Adobe XD or any other tool, it's not just the tutorials, but rather the right approach - focusing on the right things and the right learning sources. 🚨 This is based on my own experiences with over a 1000 junior designers and their portfolios, tracking which ones later got an industry job and which ones didn't. ☝️ IMPORTANT: The screens shown as these examples are only focusing on LOOKS, not the UX because the product doesn't exist. If someone tells you recruiters will analyse the UX and how it makes sense of a fake, made-up product in a junior portfolio then sorry - 90% of the time ONLY UI matters. When you get your first job you'll get wireframes and instructions to deliver the proper structure. This is just to show UI-skill differences. So... Yes, I believe you can be a level five designer. Do you? 🚨 🚨 🚨 The platform is live at 🤍y ☝️ Watch next and be awesome! Step by Step portfolio guide: 🤍 🏆 Master design with me ✅ Check out the boring UI Course: 🤍 ✅ Create an amazing case study: 🤍 ✅ 3000 people improved their skills: 🤍 ✅ Learn WebDesign from the best: 🤍 ✅ Best book about UI (5000 sold): 🤍 ✅ Learn UX cheap and easy: 🤍 🎉 See all my books & courses 🤍y 🐦 My Twitter: 🤍 👨🏻‍💻 About me I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️ #portfolio #ux #design

The Perfect Spacing Framework in UI Design | Figma Tutorial

45168
2125
50
00:08:32
08.05.2023

Ultimate Figma Design Masterclass (5,200+ students. 90+ Videos. 10+ hours) 👉 🤍 🏷 Get 10% off via checkout - SPACING10 Practical User Research & Strategy Masterclass (NEW - 250+ students. 8 hours) 👉 🤍 Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉 🤍 Outline - Figma Wireframe Kit (350+ components and variants) 👉 🤍 Sign up to my newsletter for exclusive content: 👉 🤍 Follow me on IG (Daily updates): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours)

Figma Tutorial for UI Design - Course for Beginners

1144338
27791
998
10:16:51
05.01.2022

In this Figma course, you will learn how to use Figma for UI Design. Figma is a vector graphics editor and prototyping tool. ✏️ Joseph Brendan developed this course. Check out his YouTube channel: 🤍 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:55) Creating A Figma Account ⌨️ (0:02:32) Creating & Naming A Figma Design File ⌨️ (0:04:47) Creating Shapes In Figma ⌨️ (0:07:16) Selection In Figma ⌨️ (0:12:02) Editing Shapes In Figma ⌨️ (0:36:14) Introduction To Typography In Figma ⌨️ (1:01:41) Design Tree In Figma ⌨️ (1:06:43) First Design Task ⌨️ (1:20:44) Colors In Figma ⌨️ (1:44:22) Drawing Tools In Figma ⌨️ (1:49:20) Margin And Padding In UI UX Design ⌨️ (1:56:08) Figma AutoLayout ⌨️ (2:13:48) Formatting Principles In Figma ⌨️ (2:34:32) Figma Constraints And Resizing ⌨️ (2:51:11) Website Design in Figma ⌨️ (2:55:52) Jakob's Principle Of Design ⌨️ (3:00:25) Introduction to Styles and components ⌨️ (3:25:29) Figma Component Variants ⌨️ (3:36:18) Layout Design & Configuration For Websites in Figma ⌨️ (3:40:07) Layout Grids In Figma ⌨️ (4:01:22) Introduction To Responsive Design ⌨️ (4:07:32) Material Design Guide ⌨️ (6:26:24) Introduction To Tailwind UI ⌨️ (6:28:24) Tailwind UI Design Project ⌨️ (7:25:45) Responsive Landing Page Design Project ⌨️ (8:45:54) Designing Mobile Apps ⌨️ (8:56:47) Iconography In Figma ⌨️ (9:02:32) Boolean Groups ⌨️ (9:09:52) Figma Tokens ⌨️ (9:18:29) Animation In Figma With Figmotion ⌨️ (9:36:29) Mobile Design Project 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

What Does a UI Designer Do? (2023)

6800
313
14
00:08:32
06.04.2023

🧑‍🎨 What are the responsibilities of a UI designer? What skills are essential when working in the UI design field? Discover what UI designers focus on throughout their average work day with CareerFoundry Design Lead, Zeyu Yu. Stick around to learn the technicalities, where the visual and human aspects of the job overlap, and what are the main soft and hard skills required. By the end you’ll know what UI designers do day-to-day and what skills you should develop to be successful in this career! Curious about a free UI design course? Try it out for yourself here: 🤍 Still can’t get enough? Explore the UI design program where you’ll learn everything you need to master the typical tasks and learn the skills of a UI designer! Get more information here: 🤍 Keep the learning going over on the blog—with UI design topics here: 🤍 Video chapters 00:00 - What does a UI designer do? 00:56 - The importance of visuals in UI design 01:33 - What are the human factors in UI design? 02:37 - The key soft skills of a UI designer 03:33 - Hard skills to master as a UI designer 04:14 - What are the main tasks of a UI designer? 05:28 - What is a prototype in UI design? 05:50 - Different types of prototyping 06:34 - What tools do UI designers use? 07:13 - How to get started in UI design, and your next steps Thanks for watching 👀 Even if you were only half-watching, we're honored to be your background noise! #UIDesign #UIDesigner #LearnUIDesign Want more from CareerFoundry? Check out the blog and our other social media channels here: ✍️ 🤍 ​ Learn more about our programs here: 👩‍🏫 🤍 Link to this video: 🤍 Happy streaming! 🫡

6 UI Hacks I Wish I Knew As A Beginner

353249
18677
331
00:11:11
24.11.2022

Some things you just wish you learned YEARS earlier in your career. These 6 practical UI tips and tricks will save you a lot of time and make your UIs look much more crisp — without a bunch of effort. 🔴 Find More Free Learning Resources Here: 🤍 Timecodes 00:00 Introduction 02:11 Hack 1 03:35 Hack 2 04:58 Hack 3 06:15 Hack 4 07:56 Hack 5 08:38 Hack 6

5 Common UI Design Patterns | Part 1

37173
1535
12
00:05:50
06.04.2022

These are 5 of the most common and useful UI design patterns that every UI designer should know... Remember to Subscribe 🤍 Here are some helpful links if you want to research UI Design Patterns 🤍 🤍 🤍 🤍 0:00 Intro 0:20 Accordions 1:10 Dropdowns 2:17 Cards 3:08 Breadcrumbs 4:21 Hamburgers 🏆 //////////// Join my members community to get access to perks: You can get this starting and ending design file 🤍 👋 ////////// Join the Discord Server and meet other creatives 🤍 🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship 🤍 👋 ////////// Follow me on Social Instagram: 🤍 Twitter: 🤍 📫 ////////// Sign up for my Monthly Newsletter 🤍jesseshowalter.com/newsletter 🖥️ ////////// I build most of my websites using Webflow 🤍 💻 ////////// I host all my websites with Hostinger 🤍 🎵 ////////// Musicbed is the best place to get music for your films. Get your first month free when you purchase an annual subscription by using my coupon code JESSE at checkout. 🤍 📸 ////////// The Equipment I use 🤍

UI Design Trends 2023

83502
2558
56
00:10:47
03.01.2023

Hello guys! Today we brought to you a new video about "UI design trends in 2023" #ui #trends #uidesign - Follow us: Facebook: Page: 🤍 🤍 Group: Join our Facebook group for curated content, inspiration, design critique, and job postings: 🤍 Join our Webflow group. 🤍 Instagram: 🤍designsense99 Dribbble: 🤍 - Credits: Mockflow: 🤍 Medium: 🤍 Envato: 🤍 99designs: 🤍 Shakuro: 🤍 UI design trends 2023 links: 1) Neo-Brutalism: 0:12 🤍 🤍 🤍 🤍 🤍 🤍 🤍 🤍 2) Gamification: 0:58 🤍 🤍 🤍 🤍 🤍 🤍 3) Nostalgic Isometric Illustrations: 02:15 🤍 🤍 🤍 🤍 🤍 🤍 🤍 🤍 4) Type Takes Center Stage Again: 03:18 🤍 🤍 🤍 🤍 🤍 🤍 🤍 🤍 5) 3D Interactive Objects: 04:27 🤍 🤍 🤍 🤍 🤍 🤍 6) Neon Mist: 05:56 🤍 🤍 🤍 🤍 🤍 🤍 🤍 🤍 🤍 7) Text Overlay: 07:10 🤍 🤍 🤍 🤍 🤍 🤍 8) Minimalism: 08:11 🤍 🤍 🤍 🤍 🤍 🤍 🤍 🤍 9) Off-White: 09:21 🤍 🤍 🤍 🤍 🤍 🤍 10) Pearlcore & Iridescent: 10:06 🤍 🤍 🤍 🤍 🤍 🤍 - Music: Song: Wonki - Whispers (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: 🤍 - Song: Wonki - Sunset Paradise (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: 🤍 Song: Wonki - Anywhere (Choco Banana) Music provided by Vlog No Copyright Music. Video Link: 🤍 Song: Wonki - Three Lakes (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: 🤍 - "This video is for educational and informational purposes and falls under fair use as outlined in the Copyright Act of 1976. The content used in this video is copyrighted by its respective owner(s) and has been used under the doctrine of fair use for the purposes of criticism, commentary, news reporting, teaching, scholarship, and research. All footage, music, and images belong to their respective owners and are not being used for commercial gain. If you are the copyright owner and have an issue with the use of your content in this video, please contact me and I will remove it immediately." Email: designsense999🤍gmail.com

6 Advanced UI Design Tips (Deep-dive)

69333
3667
106
00:23:56
24.11.2022

00:00 - Advanced UI Design Tips (Deep-dive) | Figma Design 00:25 - Consider all user roles 04:00 - [🖤] 30% OFF Black Friday Promo - Coupon: BLACK30 04:34 - Avoiding conflicting copy + messaging 07:48 - Visual reinforcement 09:56 - UI kits + design systems 14:59 - Figma design system slots 21:21 - How NOT to ask for UI design feedback = Zeplin provides a simple workspace for your entire team to collaborate and build your designs. Simply upload your designs from Figma, Sketch, or XD and they'll handle the rest. Zeplin saves you time preparing and explaining your designs, so you can get back to designing them. Get started for free 👉 🤍 = 🖤🖤🖤 30% OFF Black Friday Promo - Coupon: BLACK30 🖤🖤🖤 My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours) 👉 🤍 Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉 🤍 Outline - Figma Wireframe Kit (350+ components and variants) 👉 🤍 Sign up to my newsletter for exclusive content: 👉 🤍 Follow me on IG (Daily updates): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍

How to Steal Designs Like a PRO | End-to-end Process

127207
6713
285
00:21:06
20.09.2022

00:00 - Introduction 00:36 - Lean branding workshop 02:56 - Finding inspiration on Pinterest 04:13 - Finding inspiration on Dribbble 06:29 - Begin UI design 18:50 - Design beautiful social media shots 20:31 - Final designs + presentation = My Ultimate Figma Design Masterclass (3,700+ students. 90+ Videos. 10+ hours) 👉 🤍 Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉 🤍 Outline - Figma Wireframe Kit (400 designers. 350+ components and variants) 👉 🤍 Sign up to my newsletter for exclusive content: 👉 🤍 Follow me on IG (Daily updates): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍

UI Design for Beginners | FREE COURSE

90136
3448
53
01:20:53
30.11.2022

In this UI Design tutorial, we’re going to be jumping into Adobe XD, focusing on UI design for beginners (you can use other UI design tools, like Figma, to follow along too). ► Download creative UI kits and more from Envato Elements: 🤍 We’ll start by wireframing a fictional app, then we’ll add a design layer and pick some colors. There’ll be plenty of design theory and UI design tips sprinkled throughout. ► Download source files: 🤍 UI Design Tips to Bookmark: 00:00:00 Introduction 00:20:40 Sizing, spacing, and positioning touch targets 00:22:13 Custom or default guides? 00:29:55 Building your own collection of components 00:33:13 Consistent shadows and light sources 00:42:24 Have a break! Make a cup of tea 00:44:27 Judging visual weight and alignment 00:55:51 Align text, not the bounding box 00:59:05 Proximity in design 01:01:29 Designing for the worst case scenario 01:07:56 Matching nested border radiuses ► Download unlimited photos, fonts, and templates with Envato Elements: 🤍 Read hundreds of free UI design tutorials on Envato Tuts+: 🤍 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts+ Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: 🤍 Envato Elements All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: 🤍 ► Subscribe to Envato Tuts+ on YouTube: 🤍 ► Follow Envato Tuts+ on Twitter: 🤍 ► Follow Envato Tuts+ on Facebook: 🤍 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

3066285
74466
2094
00:24:23
08.12.2020

Do you want to learn Figma but don’t know where to start? Well, if you follow this step-by-step tutorial, it will only take you 24 minutes to learn all the basics you need to know to start designing apps and websites in Figma. In this Figma tutorial for beginners, UX designer Amr guides you through Figma’s interface and tools following a very valuable principle to start mastering this tool. “If you want to learn the basics, you should copy other designs”. Do you have more questions about Figma or the next steps you should take? Leave them in the comments below ⬇️ ✅ If you want to learn about facilitation and workshopping join our FREE FACILITATION COMMUNITY where hundreds of workshop facilitators gather to share their resources, insights and experiences 👉 🤍 Also if you haven't already, subscribe to our Youtube channel for weekly UX / UI / Career / and Design Sprint videos: ❤️ 🤍 😉 🛠Free resources mentioned in this video: 1️⃣ Figma website - 🤍 2️⃣ Figma resources (Food delivery app UI template) - 🤍 3️⃣ Free Figma icons - 🤍 4️⃣ Unsplash (Free images) - 🤍 ⏰ Video Timestamps 0:00 Intro 0:22 Advantages of using Figma 1:22 How to log in into figma.com 1:36 Why you should copy other designs Start of Tutorial 2:28 How to start a project from a TEMPLATE 5:10 Interface OVERVIEW 5:27 Create a FRAME 6:38 SHAPE and COLOR creation 8:28 CORNER RADIUS adjustment 10:12 Create a CIRCLE 12:25 How to use an ICON 14:28 How to paste IMAGES 15:32 How to use TEXT 18:39 BUTTON UI 21:39 Conclusion 22:32 Next steps ✅ Check out our new FREE FACILITATION TRAINING and learn the 5 things you can do to become a top 1% facilitator and earn 6 figures while doing it! 👉 🤍 Thanks for watching! #Figma #FigmaTutorial #UXDesign 📣 FREE FACILITATION TRAINING! 👉 🤍 We’ve JUST launched a new 1-hour facilitation training, where we’ll teach you: ✅How we landed facilitation gigs with the world’s best companies (Google, Twitter, LEGO & more!) ✅How to successfully build & facilitate ANY workshop, even when you’re not a subject-matter expert ✅How to become a high-paid facilitator in 90 days or less, using our special ‘5-1-6 method’. Interested? This training is available for a limited time only, so unlock it now and start watching! If you want to stay ahead of the UX game, level up your career, and be in the know on the nerdiest, ‘techiest’ things, sign up for our FREE newsletter here: 📩 👇 📝 🤍 👀 Want more? Join 200,000+ people subscribing to our AJ&Smart YouTube, LinkedIn and Instagram channels for free content to help you and your team do more valuable work. AJ&Smart is the #1 design sprint firm in the world, the official Design Sprint training partner with Jake Knapp inventor of the google design sprint and partner of choice for the world's most successful brands. Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2021) 🤍

O que é um bom UI Design? Como desenhar boas interfaces?

7285
555
27
02:05:36
03.03.2023

⚡️ Aprenda UX Design 🤍 🔗 Links (Telegram, Instagram e etc.) 🤍 #uxdesign #uidesign #uxlive

5 Rules for Perfect UI Design - Web Design Tips

14113
1107
7
00:00:53
04.10.2021

Let's see what are the five basic rules for perfect #UI design: ✅ Keep users in control: Using reversible actions, autocomplete actions, or informative feedback. ✅Be consistent: It is important to use a consistent and intuitive design with the same colors, fonts, and icons, for example, throughout the product. ✅ Follow Design Standards: Standards ensure that users know what features to expect. For example, if you want users to find your mobile menu, you should use the hamburger icon. ✅ Offer Help: Even though it is better if the interface can be used without documentation, it may be necessary to provide help and documentation. Any help information should be easy to search for and focused on the user’s task. ✅ Reduce Cognitive Load: Using a smart organization of the screen elements will help people understand your interface easier and more quickly. Avoid cluttered screens! #shorts 💎 For more #webdesign & #development resources: ➢ Visit Creative Tim Courses: 🤍 ➢ Visit our website: 🤍 ➢ Visit our blog: 🤍 ➢ 𝗡𝗘𝗪 | The Ultimate UI/UX Design Course - 🤍 ➢ Subscribe to our channel: 🤍youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w

UI Design Principles | Everything You Need To Know

56038
2178
74
00:05:27
27.08.2022

In this video, I'm going to walk you through the most important UI design principles and show you how you can use them in your projects. 👉 Become a UI Designer with my UI Design & Figma Mastery course: 🤍 👉 Get my FREE UI/UX Design e-book here: 🤍 📸 Instagram: 🤍 Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 30,000 students around the world to become UI/UX designers from scratch.

60-30-10 Colors - Design Masterclass

34099
1876
89
00:08:15
27.03.2023

Master colors in UI/UX design with me in just 8 minutes. We'll use a little bit of AI to see how it can potentially help with generating beautiful color palettes, but also our eyes and our brains so we know what we're doing every step of the way. Get my course: 🤍 In this video I share my trusted palettes, how to pick the right accent colors in user interface design, how to use the 60/30/10 color theory rule and how it works for both interior design and graphics / ui design. #colors #tutorial #ai 00:00 - Intro 00:04 - UX/UI Design tools 00:13 - AI tools in UI design 00:23 - Color theory 00:40 - 60/30/10 Color rule 00:51 - Interior design 60/30/10 example 01:09 - UI Colors example 01:29 - Colors for beginners 02:17 - Generate colors with Chat GPT 03:17 - Creating a color mockup 03:41 - Tweaking the colors 04:04 - Manual accent color tip 04:40 - My go-to colors in UI design 05:19 - Midjourney UI asset creation 05:58 - Chat GPT for product name and descripton 06:37 - Tweaking the output manually 07:05 - Critical thinking in UI design 07:39 - Future of AI in UX/UI

How to Grow as a UI Designer in 2023 | The Ultimate Guide

16852
736
50
00:06:08
13.12.2022

In this video, I'm going to show you how to grow as a UI designer in 2023. I'll share with you my tips and tricks on how to grow as a UI designer as quickly as possible. 👉 Become a UI Designer with my UI Design & Figma Mastery course: 🤍 👉 Get my FREE UI/UX Design e-book here: 🤍 📸 Instagram: 🤍 Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 30,000 students become UI/UX designers from scratch worldwide.

UI design will never be the same! AI for UI design 😳

5657
513
12
00:00:37
02.05.2023

🤍uizardio #autodesigner

Don't Become a UX/UI Designer BEFORE Considering These!

104978
3458
181
00:09:42
03.04.2023

Practical User Research & Strategy Masterclass (NEW!! 200+ students. 8 hours) 👉 🤍 Ultimate Figma Design Masterclass (5,200+ students. 90+ Videos. 10+ hours) 👉 🤍 Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉 🤍 Outline - Figma Wireframe Kit (350+ components and variants) 👉 🤍 Sign up to my newsletter for exclusive content: 👉 🤍 Follow me on IG (Daily updates): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours)

ONE ui design style to learn in 2023.

29174
1670
112
00:06:08
27.12.2022

There's one style of UI design that is gaining in popularity. In this video I'll tell you all about it, with examples, what to do, what not to do and how to level up your UI game this year. This style has high accessibility in terms of font sizes and contrasts, so it's one that will stay with us for a while. ☝️ Watch next and be awesome! Step by Step portfolio guide: 🤍 🏆 Master design with me ✅ The BORING UI Course: 🤍 ✅ Create an amazing case study: 🤍 ✅ 3000 people improved their skills: 🤍 ✅ Learn WebDesign from the best: 🤍 ✅ Best book about UI (5000 sold): 🤍 ✅ Learn UX cheap and easy: 🤍 🎉 See all my books & courses 🤍y 🐦 My Twitter: 🤍 👨🏻‍💻 About me I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️ #neuflat #ui #ux 00:00 - Intro 00:34 - Flat is back? 01:14 - Minimalism but... 01:57 - High contrasts 02:21 - Big Typography 02:56 - Sharper corners 03:33 - Glassmorphism 03:48 - Aurora 04:06 - Solid colors, flat surfaces 04:27 - No shadow 04:44 - Gradients? No thanks 05:08 - UI is VIRTUAL 05:23 - room to experiment

UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma

1898617
56419
750
01:26:21
10.02.2021

Learn the process of UI / UX design. In this tutorial you will learn how a professional designer builds a full website design from scratch following the process of user experience and user interface. The video covers wireframing, prototyping, and designing in Figma. This course was developed by Adrian Twarog. Check out his channel: 🤍 ⭐️ Sections ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:27) Wireframing ⌨️ (30:58) UI Layout ⌨️ (1:06:38) Mockup Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

Text Prompt to UI Design 🤯

1024
61
2
00:00:16
05.04.2023

Figma | Testing Prototype with Figma Mirror | #figma #uidesign

126749
3658
59
00:00:21
08.05.2023

Figma prototype screen on a coffee onboarding design. Follow for more! Thank you for watching! | Links 👉 To see the prototype tutorial see this : 🤍 👉 Watch my other videos: 🤍 | Let's Connect!👇 Instagram: 🤍instagram.com/tulsiindesign/ Linkedin: 🤍linkedin.com/in/tulsipatelofficial/ #shorts #figma #prototype #uidesign #uiux

I accidentally made the best way to choose colors for UI design - Realtime Colors

494910
43173
846
00:05:23
03.05.2023

Let's see how we can choose colors for UI design using Realtime Colors, the first UI color picker that allows for visualizing your UI color choices on a real website. // ✨ Helpful links: Realtime Colors: 🤍 Figma Plugin: 🤍 Simplest JS Theme Switcher Code: 🤍 HSL Color Difference Game: 🤍 // ✨ Become a supporter: 🤍 // ✨ Let's connect: Twitter: 🤍 CodePen: 🤍 Dribbble: 🤍 Github: 🤍 Thanks for watching! // Timestamps: 00:00 Intro 00:19 Color design is HARD 00:39 Introducing Realtime Colors 00:58 About Colors 01:12 Simplest UI Color Design Tutorial 01:25 Step 1: Test with Realtime Colors 01:59 Color Schemes 02:59 Step 2: Export the Colors 03:17 Step 3: Design with the Colors 03:38 Step 4: Code with the Colors 04:11 60-30-10 Rule 04:36 Color Psychology 04:57 The Takeaway What is Realtime Colors? Basically, it's a tool that allows you to pick your own colors for every element so you can have a better understanding of your color palettes and color design on different devices. - Skip spending several hours on implementing the colors in a design software, - Send the links of the colors to your friends, - Download the palettes in image and code, - Export the palettes on Figma through the plugin, - and many more features, like font picking, etc. :) In this video I'm also going through the implementation of the colors in both design (in Figma) and code, and explaining colors in UI design, including color schemes, the 60-30-10 rule, etc. - #colors #colordesign #colorpalette #RealtimeColors #uidesign #choosingcolors #webdesign - ► Track Info: ► Video Link : 🤍 Music provided by TikTak No Copyright Music.

UI Design Trends Everyone Is Talking About in 2023

63008
2993
111
00:05:05
21.08.2023

Hey there! 2023 is really shaking things up in the design world. If you've noticed websites looking cooler with 3D stuff and glowing colors, you're not alone. In this video, we're chatting about these cool new design changes and what they mean for us. 🖥️✨ #uidesign #uiuxtrends #3d Grab our FREE UX/UI Design Playbook 👇 🤍 Learn UX/UI Design 👇 🤍 Timestamps: 00:00 - Intro 00:34 - 1st Trend 01:22 - 2nd Trend 02:00 - 3rd Trend 02:47 - 4th Trend 03:24 - 5th Trend 04:15 - 6th Trend 04:52 - Outro If you enjoy our content, feel free to subscribe and hit that bell notification. We promise to bring you a ton of free value! Join our design community Instagram - 🤍 Twitter - 🤍 Linkedin - 🤍

UI Design Trends 2023

8010
342
9
00:21:11
26.01.2023

From designing user interfaces on wearable tech, to sustainable design practices, CareerFoundry UI Design Mentor - Craig Hansen, shares his predictions and hopes for the UI industry going into 2023 and beyond! Where do you see UI developing in 2023? Have we missed anything? Let us know in the comments! If you’re interested in career changing into UI design, check out our full UI design program here: 🤍 We even have a free UI design short course so you can see if the fundamentals of UI design are of interest to you, sign up here: 🤍 Video Chapters / Timestamps 00:00 - UI Design Trends 00:21 - What are micro-interactions in UI 04:19 - UI Design tools and revolution in the industry 08:34 - Why wearable computers are the future 11:01 - What exactly is sustainable design 14:50 - What to look forward to in visual trends 20:34 - How to get started in UI Design, and your next steps Thanks for watching! #UIDesign #UIDesignTrends #DesignTrends2023 Want more from CareerFoundry? Check out our other social media channels and blog: 🔍 🤍 ​ For more information on our programs, visit us at: 🖥 🤍 UI Design Trends 2023: 🤍

App UI UX Design - Speed UI Design

247099
11031
149
00:01:00
22.02.2023

In this short I have design App UI UX Design with speed ui design, first I have design wireframe of the screen and for complete UI Design of this screen tutorial will be in next video. #figma #ux #ui #tutorial #shorts #shortvideo

Назад
Что ищут прямо сейчас на
uidesign الساحل الأفريقي 5nizza earnings archage error de audio mme premiere Vivo y21 Hikvision NVR Q Series vs K series andhrapradesh cod warzone hdd vs ssd phonepe scams Flawless is More libs как задать границы таблицы в excel Vorheizer vivo v25e vs samsung a52s 5g greek review أرسنال BALLO LISCIO gielekuhh بعض