title
Design a Shoe App | Live Design Stream
description
Join me live as I design a shoe shopping application in Adobe XD. I'll show you my thought process, workflow, techniques, and even show you how I prep my file to share on a portfolio or design work site.
Ask me questions and design along with me in this new live design series.
Remember to Subscribe https://goo.gl/6vCw64
------------------------------------------------------------------------------------
////////// Connect with me here 👍🏼
Instagram: https://www.instagram.com/imjesseshow
Twitter: http://twitter.com/imjesseshow
////////// Sign up for my Monthly Newsletter 📫
http://jesseshowalter.com/newsletter
////////// Music is from Musicbed click below for a free trial 👇🏼
http://share.mscbd.fm/imjesseshow
////////// Equiptment 📸
https://www.amazon.com/shop/jesseshowaltertv
detail
{'title': 'Design a Shoe App | Live Design Stream', 'heatmap': [], 'summary': 'Jesse showalter hosts a live stream discussing design work, designing a shoe app in adobe xd, covering full stack design, figma vs. xd, ux principles, ui/ux tips, ui patterns, component states, and ui design rates and future trends.', 'chapters': [{'end': 332.285, 'segs': [{'end': 149.483, 'src': 'embed', 'start': 73.254, 'weight': 0, 'content': [{'end': 74.175, 'text': 'Well, hello, everybody.', 'start': 73.254, 'duration': 0.921}, {'end': 75.457, 'text': 'Welcome to the live stream.', 'start': 74.255, 'duration': 1.202}, {'end': 82.306, 'text': "I'm Jesse Showalter, and I'm hoping you're here joining me because you'll want to see some design work because that is what we are doing today.", 'start': 75.517, 'duration': 6.789}, {'end': 85.89, 'text': 'If you are in the chat, say hello.', 'start': 83.247, 'duration': 2.643}, {'end': 86.951, 'text': "It's Wednesday.", 'start': 86.15, 'duration': 0.801}, {'end': 88.173, 'text': "We're doing stuff.", 'start': 87.332, 'duration': 0.841}, {'end': 89.375, 'text': "We're going to get some stuff done.", 'start': 88.193, 'duration': 1.182}, {'end': 91.536, 'text': 'Kumar is in the chat.', 'start': 90.215, 'duration': 1.321}, {'end': 92.736, 'text': "He says, let's have a coffee.", 'start': 91.556, 'duration': 1.18}, {'end': 97.537, 'text': "I like, I prefer coffee over tea, but I will do the tea if there's no coffee available.", 'start': 92.836, 'duration': 4.701}, {'end': 102.779, 'text': "I'm going to go black coffee, a little bit of cream, no sugar, preferably espresso before that.", 'start': 97.898, 'duration': 4.881}, {'end': 105.74, 'text': "And then if I have to go tea, I'm going to go mint tea for sure.", 'start': 103.199, 'duration': 2.541}, {'end': 108.341, 'text': "Let's see, Victor's coming from Peru.", 'start': 106.72, 'duration': 1.621}, {'end': 110.162, 'text': "Edgar's saying hello, hello.", 'start': 108.741, 'duration': 1.421}, {'end': 111.442, 'text': "And he's excited for the live stream.", 'start': 110.222, 'duration': 1.22}, {'end': 112.222, 'text': 'I am as well.', 'start': 111.582, 'duration': 0.64}, {'end': 113.643, 'text': 'You can chat in the chat.', 'start': 112.442, 'duration': 1.201}, {'end': 117.584, 'text': 'And if you have questions, you can ask those in the chat as well.', 'start': 114.703, 'duration': 2.881}, {'end': 119.745, 'text': "um, that's what we want to do.", 'start': 118.244, 'duration': 1.501}, {'end': 121.106, 'text': 'uh, answer your question.', 'start': 119.745, 'duration': 1.361}, {'end': 125.448, 'text': "so we're going to be designing a little bit of a shoe application inside of adobe xd.", 'start': 121.106, 'duration': 4.342}, {'end': 129.731, 'text': 'um, hello to kevin and to ayub and to ryan and everybody else.', 'start': 125.448, 'duration': 4.283}, {'end': 130.491, 'text': "that's here.", 'start': 129.731, 'duration': 0.76}, {'end': 135.054, 'text': "i'm going to be designing a little shoe app like an ios kind of base shoe up inside of adobe xd.", 'start': 130.491, 'duration': 4.563}, {'end': 137.976, 'text': 'but but also, i feel like, more importantly, i want to talk with you.', 'start': 135.054, 'duration': 2.922}, {'end': 138.996, 'text': 'i want to answer your questions.', 'start': 137.976, 'duration': 1.02}, {'end': 140.077, 'text': 'i want to show you my workflow.', 'start': 138.996, 'duration': 1.081}, {'end': 149.483, 'text': 'i think something really fun at the end of this is i want to show you how i would take the design that i create and export it out to create a dribble shot or a behance project to create,', 'start': 140.077, 'duration': 9.406}], 'summary': 'Jesse showalter live streams design work and engages with audience, discussing preferences and workflow, while designing a shoe application inside adobe xd.', 'duration': 76.229, 'max_score': 73.254, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU73254.jpg'}, {'end': 214.591, 'src': 'embed', 'start': 186.218, 'weight': 3, 'content': [{'end': 188.159, 'text': "I'm focusing way more on content right now.", 'start': 186.218, 'duration': 1.941}, {'end': 193.22, 'text': "And I actually made a big career shift to where I'm also pastoring at my church.", 'start': 188.259, 'duration': 4.961}, {'end': 197.342, 'text': "So I'm doing that as well as being an educator online and doing design work.", 'start': 193.24, 'duration': 4.102}, {'end': 198.163, 'text': "So it's going okay for me.", 'start': 197.382, 'duration': 0.781}, {'end': 199.023, 'text': "How's it going for you guys?", 'start': 198.203, 'duration': 0.82}, {'end': 199.764, 'text': 'You staying safe??', 'start': 199.083, 'duration': 0.681}, {'end': 200.824, 'text': 'Is work okay?', 'start': 200.064, 'duration': 0.76}, {'end': 201.865, 'text': 'What can I help you with?', 'start': 200.864, 'duration': 1.001}, {'end': 207.547, 'text': 'What questions can I answer to help you in maybe a possible feast or famine kind of thing?', 'start': 202.265, 'duration': 5.282}, {'end': 212.41, 'text': "I'm gonna open up my Adobe XD file while I'm here waiting for your questions to roll in.", 'start': 207.567, 'duration': 4.843}, {'end': 214.591, 'text': "And let's get going.", 'start': 213.53, 'duration': 1.061}], 'summary': 'Career shift to pastor, educator, designer. multitasking in different roles.', 'duration': 28.373, 'max_score': 186.218, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU186218.jpg'}], 'start': 73.254, 'title': "Jesse showalter's design live stream", 'summary': 'Features jesse showalter hosting a live stream for design work, discussing beverage preferences, and designing a shoe application inside adobe xd, with a focus on content creation and career updates.', 'chapters': [{'end': 113.643, 'start': 73.254, 'title': 'Design work live stream', 'summary': 'Features jesse showalter hosting a live stream for design work, engaging with the audience, and discussing his beverage preferences, including coffee and tea.', 'duration': 40.389, 'highlights': ['Jesse Showalter hosting a live stream for design work and engaging with the audience', 'Discussing beverage preferences including coffee and tea']}, {'end': 332.285, 'start': 114.703, 'title': 'Designing shoe app in adobe xd', 'summary': 'Involves designing a shoe application inside adobe xd, engaging with the audience, and discussing workflow and career updates, with a focus on content creation and a shift in career to pastoral work, alongside design and education.', 'duration': 217.582, 'highlights': ['Discussing workflow and career updates, with a focus on content creation and a shift in career to pastoral work, alongside design and education. Jesse discusses a big career shift to pastoring at his church while focusing on content creation and online education.', 'Engaging with the audience and answering their questions while designing a shoe application inside Adobe XD. Jesse aims to engage with the audience, answer their questions, and design a shoe application inside Adobe XD.', 'Demonstrating the process of exporting designs for Dribble shots, Behance projects, 3D interactive videos, gifs, and mock-ups. Jesse plans to demonstrate the process of exporting designs for Dribble shots, Behance projects, 3D interactive videos, gifs, and mock-ups.']}], 'duration': 259.031, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU73254.jpg', 'highlights': ['Jesse Showalter hosting a live stream for design work and engaging with the audience', 'Discussing beverage preferences including coffee and tea', 'Engaging with the audience and answering their questions while designing a shoe application inside Adobe XD', 'Discussing workflow and career updates, with a focus on content creation and a shift in career to pastoral work, alongside design and education', 'Demonstrating the process of exporting designs for Dribble shots, Behance projects, 3D interactive videos, gifs, and mock-ups']}, {'end': 647.363, 'segs': [{'end': 358.413, 'src': 'embed', 'start': 333.165, 'weight': 1, 'content': [{'end': 338.787, 'text': "Kevin says, because of your videos I'm taking a full stack bootcamp in August to hopefully become a full stack designer.", 'start': 333.165, 'duration': 5.622}, {'end': 341.768, 'text': "What's up, Kevin? Taking that bootcamp.", 'start': 339.207, 'duration': 2.561}, {'end': 344.688, 'text': "Hey, if you don't know what a full stack designer is, I did a whole video on it,", 'start': 341.788, 'duration': 2.9}, {'end': 350.61, 'text': "but basically it's just a made up term that says you're a person who likes a little bit of design, a little bit of development.", 'start': 344.688, 'duration': 5.922}, {'end': 353.191, 'text': "You're most likely gonna be doing some digital products.", 'start': 350.99, 'duration': 2.201}, {'end': 358.413, 'text': 'But you kind of span the gambit of kind of like design and development.', 'start': 353.951, 'duration': 4.462}], 'summary': 'Kevin is enrolling in a full stack bootcamp after watching the videos, aiming to become a full stack designer.', 'duration': 25.248, 'max_score': 333.165, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU333165.jpg'}, {'end': 404.75, 'src': 'embed', 'start': 365.996, 'weight': 2, 'content': [{'end': 372.798, 'text': "Kumar says, which is better to use as a beginner? Figma or XD? Honestly, I think they're both really, really good.", 'start': 365.996, 'duration': 6.802}, {'end': 373.979, 'text': 'I would use both of them.', 'start': 372.958, 'duration': 1.021}, {'end': 376.72, 'text': 'I think they both have their benefits, their pros, their cons.', 'start': 374.259, 'duration': 2.461}, {'end': 381.401, 'text': "But both of them have a free tier, if I'm not mistaken.", 'start': 378.24, 'duration': 3.161}, {'end': 382.442, 'text': 'You can just start with that.', 'start': 381.462, 'duration': 0.98}, {'end': 384.843, 'text': "Um, and so that's pretty cool.", 'start': 383.162, 'duration': 1.681}, {'end': 386.303, 'text': "I'm just saying, I think that's pretty cool.", 'start': 385.063, 'duration': 1.24}, {'end': 391.005, 'text': 'So either one of those Kumar, I think go with what works best for you.', 'start': 386.463, 'duration': 4.542}, {'end': 397.487, 'text': 'Um, and it also might just be situational, like go with what you can find the most resources on starting files.', 'start': 391.025, 'duration': 6.462}, {'end': 401.449, 'text': "You know, that's how I actually got started in design was grabbing other people's files,", 'start': 397.727, 'duration': 3.722}, {'end': 404.75, 'text': 'tearing them apart and putting them back together to see how they were done.', 'start': 401.449, 'duration': 3.301}], 'summary': 'Both figma and xd are good for beginners with free tiers. choose based on personal preference and available resources.', 'duration': 38.754, 'max_score': 365.996, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU365996.jpg'}, {'end': 453.501, 'src': 'embed', 'start': 423.163, 'weight': 4, 'content': [{'end': 427.346, 'text': "So I might've just said bad words to you because I said maybe no Sketch,", 'start': 423.163, 'duration': 4.183}, {'end': 431.088, 'text': "but I'm just starting to lean a little further away from Sketch as a platform.", 'start': 427.346, 'duration': 3.742}, {'end': 432.389, 'text': "It's not multi-platform.", 'start': 431.328, 'duration': 1.061}, {'end': 433.33, 'text': "You can't use it online.", 'start': 432.429, 'duration': 0.901}, {'end': 434.751, 'text': 'The collaboration kind of stinks.', 'start': 433.37, 'duration': 1.381}, {'end': 438.853, 'text': "Um, that's the big one is that I'm a PC user as well as a Mac user.", 'start': 435.491, 'duration': 3.362}, {'end': 444.196, 'text': 'So I just think any design software should be available in as many platforms as possible.', 'start': 438.893, 'duration': 5.303}, {'end': 445.156, 'text': "It's why Figma rocks.", 'start': 444.216, 'duration': 0.94}, {'end': 446.957, 'text': "That's why XD is getting better and better.", 'start': 445.497, 'duration': 1.46}, {'end': 448.738, 'text': 'So, uh, okay.', 'start': 446.997, 'duration': 1.741}, {'end': 453.501, 'text': 'When will you finish this design that a programmer needs to make it into code? Yes, exactly.', 'start': 449.259, 'duration': 4.242}], 'summary': 'Prefers multi-platform design software like figma and xd over sketch due to collaboration and platform availability, highlighting the importance of accessibility.', 'duration': 30.338, 'max_score': 423.163, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU423163.jpg'}, {'end': 518.529, 'src': 'embed', 'start': 485.526, 'weight': 5, 'content': [{'end': 486.586, 'text': 'Hey, Jesse, love your videos.', 'start': 485.526, 'duration': 1.06}, {'end': 492.41, 'text': 'AK says what should I focus on learning first, if I want to be a UX designer?', 'start': 487.047, 'duration': 5.363}, {'end': 501.136, 'text': "I think you should probably focus on some basic design principles and then you should really focus on a user's journey.", 'start': 493.171, 'duration': 7.965}, {'end': 507.281, 'text': "If you just Google that term user journey, you're gonna find what that means is thinking about a user journey from start to finish,", 'start': 501.156, 'duration': 6.125}, {'end': 508.081, 'text': "what's the simplest way?", 'start': 507.281, 'duration': 0.8}, {'end': 511.484, 'text': "So let's say, for instance, in this case we want a user to buy a shoe.", 'start': 508.121, 'duration': 3.363}, {'end': 512.645, 'text': 'This ties in perfectly.', 'start': 511.524, 'duration': 1.121}, {'end': 518.529, 'text': "What is the first thing I want them to see when they get there? I'm gonna design while I'm answering your question, AK.", 'start': 513.345, 'duration': 5.184}], 'summary': "To become a ux designer, focus on basic design principles and a user's journey, like guiding a user to buy a shoe.", 'duration': 33.003, 'max_score': 485.526, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU485526.jpg'}, {'end': 631.356, 'src': 'embed', 'start': 605.692, 'weight': 0, 'content': [{'end': 612.193, 'text': 'Come Glimm, which is a great name, says, Why is UI, UX and UI so popular right now? Because of the better money.', 'start': 605.692, 'duration': 6.501}, {'end': 615.074, 'text': 'When I opened Dribble, UI design is all I see anymore.', 'start': 612.393, 'duration': 2.681}, {'end': 623.475, 'text': "It's really, really hot because we've gone out of the wild west of the web and we'll become more into a refined era of technology.", 'start': 615.234, 'duration': 8.241}, {'end': 624.735, 'text': "It's moving really, really fast.", 'start': 623.575, 'duration': 1.16}, {'end': 626.396, 'text': 'Mobile applications are huge.', 'start': 625.135, 'duration': 1.261}, {'end': 628.676, 'text': 'Watch interfaces, huge tablets.', 'start': 626.636, 'duration': 2.04}, {'end': 631.356, 'text': "Just there's so much everything streaming.", 'start': 629.016, 'duration': 2.34}], 'summary': 'Ui, ux, and ui design are popular for better money and rapid growth in mobile and watch interfaces.', 'duration': 25.664, 'max_score': 605.692, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU605692.jpg'}], 'start': 333.165, 'title': 'Full stack designer and design tools', 'summary': 'Discusses the concept of a full stack designer, encompassing both design and development skills, ideal for startups and tech. it also provides advice on choosing between figma and xd. additionally, the chapter explores the evolution of design platforms, key skills for ux designers, and the rising demand for ui/ux design due to increasing interfaces and experiences.', 'chapters': [{'end': 404.75, 'start': 333.165, 'title': 'Full stack designer and design tools', 'summary': 'Discusses the concept of a full stack designer, which encompasses both design and development skills, making it ideal for working in startups, web design, and tech. it also provides advice on choosing between figma and xd as design tools for beginners.', 'duration': 71.585, 'highlights': ['The concept of a full stack designer includes both design and development skills, making it ideal for working in startups, web design, and tech. A full stack designer is described as someone who combines design and development skills, making it suitable for working in startups, web design, and tech.', 'Advice on choosing between Figma and XD as design tools for beginners, with a suggestion to use both and choose based on personal preference and available resources. The speaker recommends using both Figma and XD and advises beginners to choose based on personal preference and available resources, as both tools have their benefits and free tiers.', 'The recommendation to start with the free tiers of Figma and XD for beginners. Both Figma and XD offer free tiers, making them accessible for beginners to start with.', 'Encouragement to experiment with existing design files as a learning method. The speaker shares their experience of starting in design by experimenting with existing design files, which helped in understanding the process.']}, {'end': 647.363, 'start': 404.87, 'title': 'The evolution of design and ux', 'summary': 'Discusses the evolving preferences in design platforms, the importance of multi-platform availability, the key skills for becoming a ux designer, and the rising demand for ui/ux design due to the surge in interfaces and well-executed experiences.', 'duration': 242.493, 'highlights': ['The rising demand for UI/UX design due to the surge in interfaces and well-executed experiences is really, really important. The surge of good looking interfaces and well executed experiences is really, really important due to the refined era of technology and the prevalence of mobile applications and various interfaces.', 'The importance of multi-platform availability for design software is emphasized, citing Figma and XD as examples. Design software should be available in as many platforms as possible, as exemplified by Figma and XD, which are praised for their multi-platform availability and improving functionalities.', 'The speaker expresses a shift away from Sketch as a platform, citing limitations such as lack of multi-platform usage and collaboration capabilities. The speaker expresses a shift away from Sketch due to limitations such as lack of multi-platform usage, online collaboration, and slower development, favoring platforms like Figma and XD.', "Key skills for becoming a UX designer include focusing on basic design principles and understanding a user's journey from start to finish. To become a UX designer, one should focus on basic design principles and understanding a user's journey from start to finish, emphasizing problem-solving and seamless user experiences."]}], 'duration': 314.198, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU333165.jpg', 'highlights': ['The rising demand for UI/UX design due to the surge in interfaces and well-executed experiences is really, really important.', 'The concept of a full stack designer includes both design and development skills, making it ideal for working in startups, web design, and tech.', 'The recommendation to start with the free tiers of Figma and XD for beginners.', 'Advice on choosing between Figma and XD as design tools for beginners, with a suggestion to use both and choose based on personal preference and available resources.', 'The importance of multi-platform availability for design software is emphasized, citing Figma and XD as examples.', "Key skills for becoming a UX designer include focusing on basic design principles and understanding a user's journey from start to finish.", 'Encouragement to experiment with existing design files as a learning method.', 'The speaker expresses a shift away from Sketch as a platform, citing limitations such as lack of multi-platform usage and collaboration capabilities.']}, {'end': 1218.447, 'segs': [{'end': 705.293, 'src': 'embed', 'start': 672.902, 'weight': 3, 'content': [{'end': 674.444, 'text': 'Kick it down just a little bit.', 'start': 672.902, 'duration': 1.542}, {'end': 679.269, 'text': 'And remember the rule of shadows, gotta go under 5%, right? Look at how chill that looks now.', 'start': 674.504, 'duration': 4.765}, {'end': 682.773, 'text': "We don't have a lot of contrast there, and maybe that's what we want.", 'start': 679.549, 'duration': 3.224}, {'end': 684.735, 'text': 'I would prefer a little bit more contrast.', 'start': 682.993, 'duration': 1.742}, {'end': 688.479, 'text': "So I'm going to do is I'm going to hit a rectangle all the way down to the bottom.", 'start': 685.075, 'duration': 3.404}, {'end': 691.523, 'text': "I'm going to give it kind of an off white color.", 'start': 688.9, 'duration': 2.623}, {'end': 695.948, 'text': "OK, I'm going to take the border and again, command or control left bracket, move it to the back.", 'start': 691.543, 'duration': 4.405}, {'end': 697.43, 'text': 'See how much more contrast just happened there.', 'start': 695.968, 'duration': 1.462}, {'end': 698.29, 'text': 'Watch this.', 'start': 697.93, 'duration': 0.36}, {'end': 705.293, 'text': "Okay See, when we go off a little bit of an off color, we don't have to put really thick drop shadows.", 'start': 698.31, 'duration': 6.983}], 'summary': 'Adjusting contrast and adding shadow to achieve desired look.', 'duration': 32.391, 'max_score': 672.902, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU672902.jpg'}, {'end': 790.913, 'src': 'embed', 'start': 746.536, 'weight': 0, 'content': [{'end': 755.042, 'text': "But right now I'm thinking I have these rounded edges, which I need to change the drop shadow on this bad boy because it's too intense.", 'start': 746.536, 'duration': 8.506}, {'end': 756.603, 'text': 'You tracking with me?', 'start': 755.762, 'duration': 0.841}, {'end': 759.383, 'text': 'yeah, it is way too intense.', 'start': 756.98, 'duration': 2.403}, {'end': 764.149, 'text': 'so now that we added that contrasting color, it just it stuck out way too much.', 'start': 759.383, 'duration': 4.766}, {'end': 765.811, 'text': 'okay, um okay.', 'start': 764.149, 'duration': 1.662}, {'end': 769.115, 'text': "so let's a little less of an off-white.", 'start': 765.811, 'duration': 3.304}, {'end': 770.777, 'text': "i'm just gonna mess with the opacity really quick.", 'start': 769.115, 'duration': 1.662}, {'end': 772.399, 'text': "i'm gonna lock that first.", 'start': 770.777, 'duration': 1.622}, {'end': 774.942, 'text': "i'm gonna name it bg, okay.", 'start': 772.399, 'duration': 2.543}, {'end': 777.904, 'text': "And now we're starting to build out our table cells.", 'start': 775.442, 'duration': 2.462}, {'end': 779.605, 'text': 'Okay Okay.', 'start': 778.064, 'duration': 1.541}, {'end': 780.386, 'text': 'For the shoe app.', 'start': 779.645, 'duration': 0.741}, {'end': 783.167, 'text': "Edgar's, have you already done user research and preparation??", 'start': 780.386, 'duration': 2.781}, {'end': 787.55, 'text': "No, I'm kind of just concepting, trying to do some basic design principles today.", 'start': 783.648, 'duration': 3.902}, {'end': 790.913, 'text': 'Okay So this is not like a real client project.', 'start': 787.811, 'duration': 3.102}], 'summary': 'Discussing design changes for table cells, not based on real client project.', 'duration': 44.377, 'max_score': 746.536, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU746536.jpg'}, {'end': 1020.115, 'src': 'embed', 'start': 992.144, 'weight': 1, 'content': [{'end': 994.445, 'text': "We all tracking with everything that's going on? All right, cool.", 'start': 992.144, 'duration': 2.301}, {'end': 995.886, 'text': 'Any other questions?', 'start': 995.205, 'duration': 0.681}, {'end': 999.847, 'text': 'Hey, Jesse, how do you decide color shapes and particular style for individual elements?', 'start': 995.906, 'duration': 3.941}, {'end': 1001.688, 'text': 'Is there some research or theory involved?', 'start': 999.947, 'duration': 1.741}, {'end': 1005.029, 'text': "There's definitely color theory to answer your question, Kritika.", 'start': 1001.968, 'duration': 3.061}, {'end': 1006.249, 'text': 'Sorry if I said your name wrong.', 'start': 1005.409, 'duration': 0.84}, {'end': 1013.252, 'text': "Definitely color theory, right? We don't want to do something that's supposed to be really professional.", 'start': 1006.429, 'duration': 6.823}, {'end': 1016.113, 'text': 'and like really calming.', 'start': 1014.833, 'duration': 1.28}, {'end': 1020.115, 'text': "We don't wanna do that with aggressive red colors and it's just a little bit too intense.", 'start': 1016.153, 'duration': 3.962}], 'summary': 'Discussion on color theory for design elements to maintain professionalism and calmness.', 'duration': 27.971, 'max_score': 992.144, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU992144.jpg'}, {'end': 1054.71, 'src': 'embed', 'start': 1027.019, 'weight': 2, 'content': [{'end': 1031.101, 'text': "It's supposed to be like this all encompassing trustworthy kind of site, debatable.", 'start': 1027.019, 'duration': 4.082}, {'end': 1035.704, 'text': "But, and that's why like things that are organic tend to use green.", 'start': 1031.882, 'duration': 3.822}, {'end': 1038.785, 'text': 'Things that are kind of energy-based or passion-based or red.', 'start': 1036.064, 'duration': 2.721}, {'end': 1040.244, 'text': 'So color theory is one of them.', 'start': 1039.045, 'duration': 1.199}, {'end': 1044.186, 'text': 'You can play some of the same kind of thoughts into shapes.', 'start': 1041.006, 'duration': 3.18}, {'end': 1047.188, 'text': 'Things that are really angular, a little bit more aggressive.', 'start': 1044.926, 'duration': 2.262}, {'end': 1049.969, 'text': 'Things that are round are a little bit more soft and subtle.', 'start': 1047.228, 'duration': 2.741}, {'end': 1050.329, 'text': 'Okay, so..', 'start': 1049.989, 'duration': 0.34}, {'end': 1054.71, 'text': "I'm doing kind of rounded rectangles to kind of span the gambit.", 'start': 1051.369, 'duration': 3.341}], 'summary': 'Discussing the use of color theory and shapes in design.', 'duration': 27.691, 'max_score': 1027.019, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1027019.jpg'}], 'start': 647.403, 'title': 'Design principles and user experience', 'summary': 'Covers the application of design principles in a shoe app, emphasizing user experience and providing insights on color theory and individual element styles.', 'chapters': [{'end': 770.777, 'start': 647.403, 'title': 'Designing with contrast and shadows', 'summary': 'Discusses the use of contrast and shadows in design, emphasizing the importance of balancing these elements for a smoother appearance and outlines a concept for creating shapes with specific visual attributes.', 'duration': 123.374, 'highlights': ['The importance of maintaining the contrast in design is highlighted, with the recommendation to keep shadows under 5% for a smoother appearance.', 'The process of designing shapes with specific attributes, such as rounded edges and contrasting colors, is explained in detail, emphasizing the impact on the overall visual appeal.', 'The preference for certain design elements, such as rounded edges, is discussed, with the acknowledgment that design choices are often based on personal preference and conceptual considerations.', 'The demonstration of adjusting the opacity to fine-tune visual elements is highlighted as a practical approach to achieving the desired design outcome.']}, {'end': 1218.447, 'start': 770.777, 'title': 'Design principles and user experience', 'summary': 'Covers the application of design principles in a shoe app, emphasizing user experience and providing insights on color theory and individual element styles.', 'duration': 447.67, 'highlights': ['The chapter emphasizes the application of design principles and user experience in a shoe app. The focus is on applying design principles and creating a good user experience in a shoe app.', 'Insights on color theory and individual element styles are provided. The speaker shares insights on color theory and the particular style for individual elements, including the use of color and shapes.', 'The speaker advises a student to focus on developing skills in what they love, particularly in 3D. The speaker advises a student to focus on honing their skills in what they love, specifically in 3D, to enjoy their work more.']}], 'duration': 571.044, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU647403.jpg', 'highlights': ['The chapter emphasizes the application of design principles and user experience in a shoe app.', 'Insights on color theory and individual element styles are provided.', 'The process of designing shapes with specific attributes, such as rounded edges and contrasting colors, is explained in detail.', 'The importance of maintaining the contrast in design is highlighted, with the recommendation to keep shadows under 5% for a smoother appearance.', 'The demonstration of adjusting the opacity to fine-tune visual elements is highlighted as a practical approach to achieving the desired design outcome.']}, {'end': 1872.547, 'segs': [{'end': 1243.951, 'src': 'embed', 'start': 1218.527, 'weight': 0, 'content': [{'end': 1225.894, 'text': 'OK, now that we have all of these, we have these groups of boom, boom, boom, boom, boom, all these shoes.', 'start': 1218.527, 'duration': 7.367}, {'end': 1233.162, 'text': "Why don't we group them together and call these shoes? And I just want to focus really quickly on one specific one.", 'start': 1226.315, 'duration': 6.847}, {'end': 1235.444, 'text': "Let's go featured shoe.", 'start': 1233.742, 'duration': 1.702}, {'end': 1237.606, 'text': "That's a show featured shoe.", 'start': 1235.804, 'duration': 1.802}, {'end': 1243.951, 'text': "like that, okay? And then what I wanna do is, I'm gonna use Adobe XD's new scroll groups.", 'start': 1238.567, 'duration': 5.384}], 'summary': "Grouped shoes and focused on a specific featured shoe using adobe xd's new scroll groups.", 'duration': 25.424, 'max_score': 1218.527, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1218527.jpg'}, {'end': 1360.44, 'src': 'embed', 'start': 1332.476, 'weight': 1, 'content': [{'end': 1334.798, 'text': 'You come from an illustration background, Ramon says.', 'start': 1332.476, 'duration': 2.322}, {'end': 1342.125, 'text': 'Well, I would say you need to start learning the lingo, start learning the medium, start doing a lot of exploration personally.', 'start': 1334.858, 'duration': 7.267}, {'end': 1346.109, 'text': "Before you do bootcamps or any of that kind of stuff, you don't want to waste your time or your money.", 'start': 1342.165, 'duration': 3.944}, {'end': 1349.772, 'text': 'So spend some time, do live streams like this stuff with me.', 'start': 1346.209, 'duration': 3.563}, {'end': 1351.554, 'text': 'Watch lots of videos.', 'start': 1350.012, 'duration': 1.542}, {'end': 1356.298, 'text': "Maybe even I do some streams on the Adobe's channel, like the Adobe Daily Creative Challenge.", 'start': 1351.594, 'duration': 4.704}, {'end': 1357.359, 'text': 'Maybe check that out.', 'start': 1356.398, 'duration': 0.961}, {'end': 1359.7, 'text': 'follow along, get used to it.', 'start': 1358.239, 'duration': 1.461}, {'end': 1360.44, 'text': "That's a free way.", 'start': 1359.76, 'duration': 0.68}], 'summary': "Ramon advises to learn illustration lingo, medium, and explore personally before investing in bootcamps or courses. he suggests doing live streams, watching videos, and following adobe's daily creative challenge for free learning.", 'duration': 27.964, 'max_score': 1332.476, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1332476.jpg'}, {'end': 1458.836, 'src': 'embed', 'start': 1429.581, 'weight': 2, 'content': [{'end': 1434.364, 'text': "because I think it'll help you guys start making your portfolios, start getting work done, start doing.", 'start': 1429.581, 'duration': 4.783}, {'end': 1438.227, 'text': 'So great question, but we are going to be looking at Artboard Studio.', 'start': 1434.444, 'duration': 3.783}, {'end': 1442.589, 'text': 'you can find that at artboard.studio and also rotato.', 'start': 1439.027, 'duration': 3.562}, {'end': 1445.19, 'text': "that's rotato.xyz.", 'start': 1442.589, 'duration': 2.601}, {'end': 1453.474, 'text': "it's this great app where you can make these really realistic, um, like 4k animated deals.", 'start': 1445.19, 'duration': 8.284}, {'end': 1454.755, 'text': "oh it's so good.", 'start': 1453.474, 'duration': 1.281}, {'end': 1458.836, 'text': 'if you have an adobe cc subscription, you could try, but try adobe dimension.', 'start': 1454.755, 'duration': 4.081}], 'summary': 'Artboard studio and rotato offer realistic 4k animated deals for portfolio creation.', 'duration': 29.255, 'max_score': 1429.581, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1429581.jpg'}, {'end': 1560.461, 'src': 'embed', 'start': 1535.213, 'weight': 3, 'content': [{'end': 1540.674, 'text': "It's about scaling applications, not to these two kind of screens, but to 200.", 'start': 1535.213, 'duration': 5.461}, {'end': 1544.976, 'text': 'Realistically, if we wanted to build an application, these two little dribble shots are not going to do it.', 'start': 1540.674, 'duration': 4.302}, {'end': 1546.156, 'text': "It's going to become massive.", 'start': 1545.056, 'duration': 1.1}, {'end': 1551.776, 'text': 'and changing the color of an icon like we just did is gonna be a pain in the tuchus.', 'start': 1546.693, 'duration': 5.083}, {'end': 1553.197, 'text': 'You tracking with me? Okay, great.', 'start': 1552.056, 'duration': 1.141}, {'end': 1555.918, 'text': "So I'm gonna draw another rectangle here.", 'start': 1553.737, 'duration': 2.181}, {'end': 1560.461, 'text': "We'll just lead that down to the bottom and we're gonna bring it behind our navigation.", 'start': 1555.938, 'duration': 4.523}], 'summary': 'Scaling applications to 200 screens, emphasizing challenges and complexities.', 'duration': 25.248, 'max_score': 1535.213, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1535213.jpg'}, {'end': 1809.098, 'src': 'embed', 'start': 1773.585, 'weight': 4, 'content': [{'end': 1775.306, 'text': 'I would like to learn UI and UX design.', 'start': 1773.585, 'duration': 1.721}, {'end': 1776.047, 'text': "You're in the right place.", 'start': 1775.326, 'duration': 0.721}, {'end': 1780.031, 'text': 'I also am a front-end developer that likes UI and UX design.', 'start': 1776.568, 'duration': 3.463}, {'end': 1782.313, 'text': "Again, I'm gonna give a lot of the same advice.", 'start': 1780.551, 'duration': 1.762}, {'end': 1785.817, 'text': "You're gonna hear it's like a broken record, but just start doing it, Lucas.", 'start': 1782.333, 'duration': 3.484}, {'end': 1787.498, 'text': 'Just start tearing files apart.', 'start': 1786.137, 'duration': 1.361}, {'end': 1789.3, 'text': 'Just start joining some challenges.', 'start': 1787.778, 'duration': 1.522}, {'end': 1791.862, 'text': 'Just start doing it and you will improve.', 'start': 1789.72, 'duration': 2.142}, {'end': 1798.608, 'text': "I feel like a lot of people get caught up on this idea they need to go to school or university or whatever it is, but you don't.", 'start': 1792.563, 'duration': 6.045}, {'end': 1800.69, 'text': "You can if that's your vibe,", 'start': 1798.829, 'duration': 1.861}, {'end': 1809.098, 'text': "but so much education has moved online that I'm not really a firm believer anymore in that being the only place where you can get education.", 'start': 1800.69, 'duration': 8.408}], 'summary': 'Aspiring ui/ux designer advised to start practicing, join challenges, and leverage online education for improvement.', 'duration': 35.513, 'max_score': 1773.585, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1773585.jpg'}, {'end': 1885.335, 'src': 'embed', 'start': 1856.098, 'weight': 5, 'content': [{'end': 1858.379, 'text': "you don't want to leave lorem ipsum in it ever.", 'start': 1856.098, 'duration': 2.281}, {'end': 1862.001, 'text': "you always want to put other stuff in it after you're done.", 'start': 1858.379, 'duration': 3.622}, {'end': 1864.142, 'text': "okay, so don't leave lorem ipsum.", 'start': 1862.001, 'duration': 2.141}, {'end': 1868.565, 'text': "oh gosh, i cannot tell you how many times i've tried to present things with the lorem ipsum and i forgot.", 'start': 1864.142, 'duration': 4.423}, {'end': 1871.406, 'text': 'and people are like What happened to the copy? What happened to the content?', 'start': 1868.565, 'duration': 2.841}, {'end': 1872.547, 'text': "Oh, don't do that.", 'start': 1871.866, 'duration': 0.681}, {'end': 1876.309, 'text': "Okay Some people are saying they can't see certain things that I'm doing.", 'start': 1872.627, 'duration': 3.682}, {'end': 1879.211, 'text': "So I'm going to bop myself over to the right hand side of the screen.", 'start': 1876.329, 'duration': 2.882}, {'end': 1881.672, 'text': "Okay Um, let's do this.", 'start': 1879.591, 'duration': 2.081}, {'end': 1885.335, 'text': 'And so again, we could think about like what else there might be here.', 'start': 1881.912, 'duration': 3.423}], 'summary': "Avoid using lorem ipsum, always add relevant content. don't leave lorem ipsum, it leads to confusion.", 'duration': 29.237, 'max_score': 1856.098, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1856098.jpg'}], 'start': 1218.527, 'title': 'Designing shoes and ui/ux tips', 'summary': 'Discusses designing and prototyping featured shoes using adobe xd, emphasizing scroll groups and transitioning into ui/ux design, along with tips for using components and advice for aspiring ui/ux designers.', 'chapters': [{'end': 1471.664, 'start': 1218.527, 'title': 'Designing featured shoes with adobe xd', 'summary': 'Discusses the process of designing and prototyping featured shoes using adobe xd, emphasizing the use of scroll groups and providing recommendations for transitioning into ui/ux design, as well as tools for creating realistic prototypes.', 'duration': 253.137, 'highlights': ["The chapter discusses the process of designing and prototyping featured shoes using Adobe XD The speaker demonstrates the grouping of shoes and creating a featured shoe using Adobe XD's new scroll groups.", 'Recommendations for transitioning into UI/UX design and learning resources The speaker advises learning the lingo, exploring personally, and participating in challenges and live streams before investing in boot camps. He recommends the Adobe Daily Creative Challenge and emphasizes the importance of doing and making.', 'Tools for creating realistic prototypes The speaker mentions using Rotato and Artboard Studio as favorite tools for creating mockups and suggests Adobe Dimension for those with an Adobe CC subscription.']}, {'end': 1872.547, 'start': 1472.304, 'title': 'Ui/ux design tips & techniques', 'summary': 'Covers ui/ux design tips and techniques, emphasizing the importance of using components in interface design and providing advice for aspiring ui/ux designers to start practicing and improving their skills.', 'duration': 400.243, 'highlights': ['The importance of using components in interface design for scaling applications to 200 screens and beyond is emphasized, highlighting the challenges of managing color changes for icons. Interface design involves scaling applications, emphasizing the need to use components for managing color changes and ensuring scalability to a large number of screens.', 'The advice for aspiring UI/UX designers to start practicing and improving their skills by tearing files apart and joining challenges is provided, emphasizing the availability of online education and the importance of self-starting and staying focused. Aspiring UI/UX designers are encouraged to practice and improve their skills by actively engaging in challenges and tearing files apart, highlighting the availability of online education and the importance of self-starter mindset.', "The need to avoid leaving 'lorem ipsum' in concept projects for clients is emphasized, underlining the importance of replacing placeholder text with actual content for client presentations. The importance of replacing 'lorem ipsum' with actual content in concept projects for client presentations is emphasized."]}], 'duration': 654.02, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1218527.jpg', 'highlights': ["The speaker demonstrates the grouping of shoes and creating a featured shoe using Adobe XD's new scroll groups.", 'The speaker advises learning the lingo, exploring personally, and participating in challenges and live streams before investing in boot camps.', 'The speaker mentions using Rotato and Artboard Studio as favorite tools for creating mockups and suggests Adobe Dimension for those with an Adobe CC subscription.', 'Interface design involves scaling applications, emphasizing the need to use components for managing color changes and ensuring scalability to a large number of screens.', 'Aspiring UI/UX designers are encouraged to practice and improve their skills by actively engaging in challenges and tearing files apart, highlighting the availability of online education and the importance of self-starter mindset.', "The importance of replacing 'lorem ipsum' with actual content in concept projects for client presentations is emphasized."]}, {'end': 2224.259, 'segs': [{'end': 1919.677, 'src': 'embed', 'start': 1893.92, 'weight': 0, 'content': [{'end': 1900.843, 'text': "If you ever wondered what that term is, if you're new to this, a UI pattern is a pattern that you've established that you see over and over and over.", 'start': 1893.92, 'duration': 6.923}, {'end': 1906.045, 'text': "Look, here's a pattern, right? We have the title with the price and the reviews underneath them.", 'start': 1900.883, 'duration': 5.162}, {'end': 1906.646, 'text': "There's a pattern.", 'start': 1906.085, 'duration': 0.561}, {'end': 1908.767, 'text': "Here's another pattern that I just formed right here.", 'start': 1906.886, 'duration': 1.881}, {'end': 1914.534, 'text': 'We could see we have a subheader with typography or copy underneath it.', 'start': 1909.107, 'duration': 5.427}, {'end': 1915.375, 'text': "Let's group it together.", 'start': 1914.574, 'duration': 0.801}, {'end': 1916.875, 'text': 'That is a little pattern.', 'start': 1915.815, 'duration': 1.06}, {'end': 1919.677, 'text': 'So we just reuse that pattern.', 'start': 1916.915, 'duration': 2.762}], 'summary': 'Ui patterns are established visual layouts and elements, such as titles with prices and reviews, which are reused for consistency and efficiency.', 'duration': 25.757, 'max_score': 1893.92, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1893920.jpg'}, {'end': 2005.857, 'src': 'embed', 'start': 1978.853, 'weight': 3, 'content': [{'end': 1991.945, 'text': "But what if I ungroup this component and what we'll do is we would take Oh, you know what we could do? Okay, I'm gonna start thinking in states.", 'start': 1978.853, 'duration': 13.092}, {'end': 1995.988, 'text': "So if you're not used to Adobe XD, this might be your first lesson in component states.", 'start': 1992.085, 'duration': 3.903}, {'end': 1996.949, 'text': 'We have a component here.', 'start': 1996.028, 'duration': 0.921}, {'end': 1998.19, 'text': 'This is the default state.', 'start': 1997.229, 'duration': 0.961}, {'end': 2005.857, 'text': "We're gonna create a new state that this component can live in and we're gonna call this the buy-like state.", 'start': 1998.43, 'duration': 7.427}], 'summary': "Learning about component states in adobe xd, creating a 'buy-like' state.", 'duration': 27.004, 'max_score': 1978.853, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1978853.jpg'}, {'end': 2075.494, 'src': 'embed', 'start': 2045.301, 'weight': 5, 'content': [{'end': 2049.643, 'text': "It's important to remember that when you work with components, you get what you asked for.", 'start': 2045.301, 'duration': 4.342}, {'end': 2055.284, 'text': "You get that awesomeness, okay? Let's do this, add to cart.", 'start': 2050.183, 'duration': 5.101}, {'end': 2057.446, 'text': "Okay, so we're gonna do add to cart.", 'start': 2055.925, 'duration': 1.521}, {'end': 2058.726, 'text': "Let's shrink it down.", 'start': 2057.485, 'duration': 1.241}, {'end': 2060.246, 'text': "There's a nice little button.", 'start': 2059.065, 'duration': 1.181}, {'end': 2064.088, 'text': "Let's grab the button, group it together, name it button.", 'start': 2060.306, 'duration': 3.782}, {'end': 2066.609, 'text': "Let's make a component out of the button while we're at it.", 'start': 2064.128, 'duration': 2.481}, {'end': 2075.494, 'text': "And why don't we add a little shadow with the purple color? Really? When you're doing purple shadows, you got to go real light.", 'start': 2067.889, 'duration': 7.605}], 'summary': "Working with components to create an 'add to cart' button with a purple shadow.", 'duration': 30.193, 'max_score': 2045.301, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU2045301.jpg'}, {'end': 2115.175, 'src': 'embed', 'start': 2086.641, 'weight': 4, 'content': [{'end': 2091.864, 'text': "We want to make sure that in our default state, we bring these elements down, right? That's still our navigation.", 'start': 2086.641, 'duration': 5.223}, {'end': 2099.97, 'text': 'But in the buy state, we want to bring these elements up and we want to bring all of the icons down.', 'start': 2092.185, 'duration': 7.785}, {'end': 2101.851, 'text': 'You tracking with me? Whoa.', 'start': 2099.99, 'duration': 1.861}, {'end': 2106.392, 'text': "Let's make sure we grab all of them like so.", 'start': 2101.871, 'duration': 4.521}, {'end': 2108.453, 'text': "And actually I wasn't trying to do this.", 'start': 2106.452, 'duration': 2.001}, {'end': 2115.175, 'text': "but if you want to get like kind of a fun timed animation, there's no timeline inside of Adobe XD,", 'start': 2108.453, 'duration': 6.722}], 'summary': 'In default state, bring elements down, in buy state, bring elements up and icons down.', 'duration': 28.534, 'max_score': 2086.641, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU2086641.jpg'}], 'start': 1872.627, 'title': 'Ui patterns and adobe xd designing component states', 'summary': "Delves into ui pattern creation, providing examples of title-price-reviews and subheader-typography patterns. it also demonstrates the process of creating component states in adobe xd, focusing on 'buy now' button and navigation animation.", 'chapters': [{'end': 1914.534, 'start': 1872.627, 'title': 'Ui patterns in design', 'summary': 'Discusses the creation of ui patterns in design, explaining a ui pattern as a recurring established pattern and providing examples of title-price-reviews pattern and subheader-typography pattern.', 'duration': 41.907, 'highlights': ['The chapter emphasizes the creation of UI patterns in design, explaining a UI pattern as a recurring established pattern.', 'An example of a UI pattern is the title with the price and the reviews underneath them, depicting a recurring pattern in design.', 'Another example is the formation of a subheader with typography or copy underneath it, illustrating another recurring pattern in design.']}, {'end': 2224.259, 'start': 1914.574, 'title': 'Designing component states in adobe xd', 'summary': "Demonstrates the process of creating component states in adobe xd, allowing for changes in color, design, and animation, with a focus on creating a 'buy now' button and navigation animation.", 'duration': 309.685, 'highlights': ['Creating component states allows for changes in color, design, and animation within Adobe XD.', "The demonstration focuses on creating a 'buy now' button and navigation animation.", 'The process involves grouping and ungrouping components, making changes in one place that reflect across the design, and utilizing auto animate with easing effects for navigation.', 'The chapter emphasizes the importance of working with components to achieve design flexibility and consistency.']}], 'duration': 351.632, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU1872627.jpg', 'highlights': ['The chapter emphasizes the creation of UI patterns in design, explaining a UI pattern as a recurring established pattern.', 'An example of a UI pattern is the title with the price and the reviews underneath them, depicting a recurring pattern in design.', 'Another example is the formation of a subheader with typography or copy underneath it, illustrating another recurring pattern in design.', 'Creating component states allows for changes in color, design, and animation within Adobe XD.', "The demonstration focuses on creating a 'buy now' button and navigation animation.", 'The process involves grouping and ungrouping components, making changes in one place that reflect across the design, and utilizing auto animate with easing effects for navigation.', 'The chapter emphasizes the importance of working with components to achieve design flexibility and consistency.']}, {'end': 3201.188, 'segs': [{'end': 2265.456, 'src': 'embed', 'start': 2240.37, 'weight': 0, 'content': [{'end': 2250.359, 'text': 'i was driving by the other day in my hometown And I thought to myself that is a decent wage 20 bucks an hour, right?', 'start': 2240.37, 'duration': 9.989}, {'end': 2256.467, 'text': "If you're a skilled designer and you're offering somebody designs that could end up making them lots of money,", 'start': 2250.799, 'duration': 5.668}, {'end': 2260.29, 'text': 'then your services should be worth more, at least $20 an hour.', 'start': 2257.367, 'duration': 2.923}, {'end': 2265.456, 'text': 'So you have to start thinking in those terms relative to what the rest of the world is making.', 'start': 2260.391, 'duration': 5.065}], 'summary': 'Skilled designers should charge at least $20 an hour to match global standards.', 'duration': 25.086, 'max_score': 2240.37, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU2240370.jpg'}, {'end': 2308.282, 'src': 'embed', 'start': 2281.694, 'weight': 1, 'content': [{'end': 2288.881, 'text': 'Okay So how much do I charge? It depends on the requirements, the timeframe, how many screens, complexity of design.', 'start': 2281.694, 'duration': 7.187}, {'end': 2293.165, 'text': "Is it a redesign? Is it a fresh design? What do you have to work with? I don't know.", 'start': 2289.361, 'duration': 3.804}, {'end': 2296.648, 'text': 'I would, before I would answer that question, I would ask lots of diagnostic questions.', 'start': 2293.525, 'duration': 3.123}, {'end': 2301.673, 'text': "If you're really interested, I would go check out Chris Doe and the guys over at The Future, the people at The Future.", 'start': 2296.688, 'duration': 4.985}, {'end': 2304.46, 'text': 'They talk a lot about business and freelance.', 'start': 2302.639, 'duration': 1.821}, {'end': 2308.282, 'text': 'I talk about it a little bit, but they are way more experts than I.', 'start': 2304.48, 'duration': 3.802}], 'summary': 'Charge depends on requirements, screens, complexity. recommend checking out experts at the future for business and freelance advice.', 'duration': 26.588, 'max_score': 2281.694, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU2281694.jpg'}, {'end': 2361.392, 'src': 'embed', 'start': 2332.174, 'weight': 3, 'content': [{'end': 2333.855, 'text': 'will robots replace us all?', 'start': 2332.174, 'duration': 1.681}, {'end': 2336.776, 'text': "i don't think that robots will ever replace designers.", 'start': 2333.855, 'duration': 2.921}, {'end': 2337.736, 'text': 'how could they?', 'start': 2336.776, 'duration': 0.96}, {'end': 2339.677, 'text': 'design has to.', 'start': 2337.736, 'duration': 1.941}, {'end': 2341.418, 'text': "it can't be stock, it can't be canned.", 'start': 2339.677, 'duration': 1.741}, {'end': 2342.898, 'text': "there's always a time and a place for that.", 'start': 2341.418, 'duration': 1.48}, {'end': 2345.439, 'text': 'you can go buy a wordpress template right now for like 40 bucks.', 'start': 2342.898, 'duration': 2.541}, {'end': 2349.082, 'text': "put up a wordpress site yourself if you want that's.", 'start': 2345.979, 'duration': 3.103}, {'end': 2351.504, 'text': "it's not gonna be custom tailored.", 'start': 2349.082, 'duration': 2.422}, {'end': 2352.765, 'text': 'which one fits better?', 'start': 2351.504, 'duration': 1.261}, {'end': 2356.488, 'text': "a suit that you get from men's warehouse off the rack, or custom tailored suit?", 'start': 2352.765, 'duration': 3.723}, {'end': 2361.392, 'text': "there will always be men's warehouse customers, but there will always be custom tailored customers as well.", 'start': 2356.488, 'duration': 4.904}], 'summary': "Designers believe robots won't replace them, citing customizability and comparison to off-the-rack vs. custom-tailored suits.", 'duration': 29.218, 'max_score': 2332.174, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU2332174.jpg'}, {'end': 2415.514, 'src': 'embed', 'start': 2389.46, 'weight': 4, 'content': [{'end': 2395.023, 'text': 'But the amount of no code or less code tools out there that are kicking butt is amazing.', 'start': 2389.46, 'duration': 5.563}, {'end': 2400.585, 'text': 'So I would definitely, I would definitely start looking at some no code tools,', 'start': 2395.503, 'duration': 5.082}, {'end': 2407.589, 'text': 'because I can code a site in Webflow in like one night versus hand rolling the entire site for myself.', 'start': 2400.585, 'duration': 7.004}, {'end': 2409.29, 'text': 'and that takes me like a week.', 'start': 2408.209, 'duration': 1.081}, {'end': 2412.052, 'text': "so i'm just saying i'm not saying it replaces hand coding.", 'start': 2409.29, 'duration': 2.762}, {'end': 2415.514, 'text': "i am saying it's really, really good though, and that's something that you can do.", 'start': 2412.052, 'duration': 3.462}], 'summary': 'No code tools can speed up website development significantly, with webflow enabling a site to be created in one night instead of a week of hand coding.', 'duration': 26.054, 'max_score': 2389.46, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU2389460.jpg'}, {'end': 2463.617, 'src': 'embed', 'start': 2432.617, 'weight': 5, 'content': [{'end': 2435.058, 'text': "Maybe you've always wanted to start your own restaurant.", 'start': 2432.617, 'duration': 2.441}, {'end': 2438.521, 'text': "Maybe you've always wanted any of these ideas you have.", 'start': 2435.098, 'duration': 3.423}, {'end': 2445.406, 'text': 'If you sit down and just write out those ideas, they can get turned into concept work for your portfolio.', 'start': 2439.482, 'duration': 5.924}, {'end': 2448.508, 'text': 'This is where real inspiration can come from.', 'start': 2445.826, 'duration': 2.682}, {'end': 2454.493, 'text': "The things around you, the things you're interested in, because you'll be more passionate about the dog walking business you've always wanted to open.", 'start': 2448.568, 'duration': 5.925}, {'end': 2458.712, 'text': 'than some random project like a shoe app.', 'start': 2455.228, 'duration': 3.484}, {'end': 2463.617, 'text': "Like you might not be passionate about this, but you'd probably be more passionate about the things that you love, right?", 'start': 2459.012, 'duration': 4.605}], 'summary': 'Write out your ideas for real inspiration. be passionate about what you love.', 'duration': 31, 'max_score': 2432.617, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU2432617.jpg'}], 'start': 2224.259, 'title': 'Ui design rates and future trends', 'summary': 'Discusses setting ui design rates based on specialized skills and project complexity. it also delves into the future of design and freelance, emphasizing the irreplaceable nature of custom design, the value of no code tools, and finding inspiration from personal interests for portfolio work.', 'chapters': [{'end': 2296.648, 'start': 2224.259, 'title': 'Setting ui design rates', 'summary': "Discusses the considerations for setting ui design rates, emphasizing the value of specialized skills and the need to assess the project's requirements and complexity before determining the pricing.", 'duration': 72.389, 'highlights': ['Skilled designers should consider charging more than $20 an hour, especially if their designs have the potential to generate significant revenue for clients.', "Charging for UI design should be based on the project's requirements, timeframe, number of screens, and complexity, rather than a fixed rate.", "Specialized skills in UI design warrant higher pricing, and it's important to ask diagnostic questions to determine the appropriate pricing for a project."]}, {'end': 2535.422, 'start': 2296.688, 'title': 'Future of design and freelance', 'summary': 'Discusses the future of design and freelance, emphasizing that custom design will never be replaced, the value of no code tools, and finding inspiration from personal interests for portfolio work.', 'duration': 238.734, 'highlights': ['Custom design will never be replaced as it requires diagnosing and solving problems with design tools, contrasting with cheap design that may replace other options (e.g., stock templates).', 'The value of no code tools is highlighted, as it is mentioned that coding a site in Webflow takes significantly less time compared to hand coding, emphasizing the efficiency and benefits of using such tools.', 'Emphasizes finding inspiration from personal interests, encouraging individuals to focus on what they love and turn those ideas into concept work for their portfolio, highlighting the importance of passion in creative work.', "Recommends resources for stock photography and books for self-taught designers, including Adobe Stock, Unsplash, Pexels for imagery, and books such as 'The Non-Designer's Design Book' by Robin Williams and 'Don't Make Me Think' by Steve Krug for design learning.", 'Suggests checking out The Future, a channel that discusses business and freelance, and recommends subscribing to it for valuable insights and expertise in the field.']}, {'end': 3201.188, 'start': 2536.222, 'title': 'Figma features and design system', 'summary': "Discusses figma's lack of component states, its strengths in collaboration and design system creation, and also provides insights on using xd professionally, integration with adobe creative suite, and the advantages of artboard studio for creating mockups.", 'duration': 664.966, 'highlights': ["Figma's lack of component states and strength in collaboration Figma does not have component states currently, but excels in collaboration, creating a seamless experience for team collaboration.", 'Advantages of using XD professionally and integration with Adobe Creative Suite XD is a great professional tool that integrates well with the Adobe Creative Suite, offering features like auto animate and the ability to export designs to After Effects.', 'Benefits of Artboard Studio for creating mockups Artboard Studio is a valuable tool for creating mockups, offering browser-based capabilities, realistic templates, and easy manipulation of design elements.']}], 'duration': 976.929, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/k6bwlSx9nNU/pics/k6bwlSx9nNU2224259.jpg', 'highlights': ['Skilled designers should consider charging more than $20 an hour, especially if their designs have the potential to generate significant revenue for clients.', "Charging for UI design should be based on the project's requirements, timeframe, number of screens, and complexity, rather than a fixed rate.", "Specialized skills in UI design warrant higher pricing, and it's important to ask diagnostic questions to determine the appropriate pricing for a project.", 'Custom design will never be replaced as it requires diagnosing and solving problems with design tools, contrasting with cheap design that may replace other options (e.g., stock templates).', 'The value of no code tools is highlighted, as it is mentioned that coding a site in Webflow takes significantly less time compared to hand coding, emphasizing the efficiency and benefits of using such tools.', 'Emphasizes finding inspiration from personal interests, encouraging individuals to focus on what they love and turn those ideas into concept work for their portfolio, highlighting the importance of passion in creative work.']}], 'highlights': ['Jesse Showalter hosting a live stream for design work and engaging with the audience', 'Discussing beverage preferences including coffee and tea', 'Engaging with the audience and answering their questions while designing a shoe application inside Adobe XD', 'Discussing workflow and career updates, with a focus on content creation and a shift in career to pastoral work, alongside design and education', 'Demonstrating the process of exporting designs for Dribble shots, Behance projects, 3D interactive videos, gifs, and mock-ups', 'The rising demand for UI/UX design due to the surge in interfaces and well-executed experiences is really, really important.', 'The concept of a full stack designer includes both design and development skills, making it ideal for working in startups, web design, and tech.', 'The recommendation to start with the free tiers of Figma and XD for beginners.', 'Advice on choosing between Figma and XD as design tools for beginners, with a suggestion to use both and choose based on personal preference and available resources.', 'The importance of multi-platform availability for design software is emphasized, citing Figma and XD as examples.', "Key skills for becoming a UX designer include focusing on basic design principles and understanding a user's journey from start to finish.", 'Encouragement to experiment with existing design files as a learning method.', 'The speaker expresses a shift away from Sketch as a platform, citing limitations such as lack of multi-platform usage and collaboration capabilities.', 'The chapter emphasizes the application of design principles and user experience in a shoe app.', 'Insights on color theory and individual element styles are provided.', 'The process of designing shapes with specific attributes, such as rounded edges and contrasting colors, is explained in detail.', 'The importance of maintaining the contrast in design is highlighted, with the recommendation to keep shadows under 5% for a smoother appearance.', 'The demonstration of adjusting the opacity to fine-tune visual elements is highlighted as a practical approach to achieving the desired design outcome.', "The speaker demonstrates the grouping of shoes and creating a featured shoe using Adobe XD's new scroll groups.", 'The speaker advises learning the lingo, exploring personally, and participating in challenges and live streams before investing in boot camps.', 'The speaker mentions using Rotato and Artboard Studio as favorite tools for creating mockups and suggests Adobe Dimension for those with an Adobe CC subscription.', 'Interface design involves scaling applications, emphasizing the need to use components for managing color changes and ensuring scalability to a large number of screens.', 'Aspiring UI/UX designers are encouraged to practice and improve their skills by actively engaging in challenges and tearing files apart, highlighting the availability of online education and the importance of self-starter mindset.', "The importance of replacing 'lorem ipsum' with actual content in concept projects for client presentations is emphasized.", 'The chapter emphasizes the creation of UI patterns in design, explaining a UI pattern as a recurring established pattern.', 'An example of a UI pattern is the title with the price and the reviews underneath them, depicting a recurring pattern in design.', 'Another example is the formation of a subheader with typography or copy underneath it, illustrating another recurring pattern in design.', 'Creating component states allows for changes in color, design, and animation within Adobe XD.', "The demonstration focuses on creating a 'buy now' button and navigation animation.", 'The process involves grouping and ungrouping components, making changes in one place that reflect across the design, and utilizing auto animate with easing effects for navigation.', 'The chapter emphasizes the importance of working with components to achieve design flexibility and consistency.', 'Skilled designers should consider charging more than $20 an hour, especially if their designs have the potential to generate significant revenue for clients.', "Charging for UI design should be based on the project's requirements, timeframe, number of screens, and complexity, rather than a fixed rate.", "Specialized skills in UI design warrant higher pricing, and it's important to ask diagnostic questions to determine the appropriate pricing for a project.", 'Custom design will never be replaced as it requires diagnosing and solving problems with design tools, contrasting with cheap design that may replace other options (e.g., stock templates).', 'The value of no code tools is highlighted, as it is mentioned that coding a site in Webflow takes significantly less time compared to hand coding, emphasizing the efficiency and benefits of using such tools.', 'Emphasizes finding inspiration from personal interests, encouraging individuals to focus on what they love and turn those ideas into concept work for their portfolio, highlighting the importance of passion in creative work.']}