Welcome to Adobe's experience design in this video, I am about to show you 30 great features that I use in my Adobe XD workflow.
Those tips will be easy to follow for both professional UI or UX designers, as well as those of you who have just started working above this experience, design up, let's start with the first tip, which is mock-ups in Adobe comp, so Adobe comp is basically another application That runs on your iOS or Android device, and you can use it on a tablet.
For example, if you're on a meeting with your client, you can select, for example, tablet view, and then you can just paint with your finger to create simple shapes and, as you see it, converts it to rectangles.
You can also, for example, use this kind of gesture to create a header, and you can make it a bigger.
Just like.
Let'S make the text smaller, you can also create placeholders for an image, and, if you like it just make it slightly bigger.
If you like it, you can, for example, plus sign to just duplicate this placeholder, and this is very very easy.
You can also be neat things like that, so this is great and you can work on these prototypes, just whatever you wish.
So when you finish, you can press the share button and then you can send it straight to Photoshop or illustrator.
Unfortunately, there's no other baby yet in this menu, but you can sense to illustrator, which is a great choice, because afterwards you can easily take those shapes and just copy them and paste into Adobe experience design.
So now I'm an illustrator - and I have this mock-up automatically opened.
So it's synced with Creative Cloud.
So I don't even have to connect my device to the computer and then I just select the shapes.
I press command a or just select them and press command C and from there I can go straight to Adobe experience, design create - and you aren't about here - let's select a web art board and just paste it in so now you can see those shapes are in Adobe experience design and I can scale them seamlessly because they are all vector, and I can also change the colors opacity, borders and stuff, so each type is editable here as well as the text.
As you see, this is just a text and I can, I don't know, maybe make that smaller, okay or change the font or whatever I wish.
So everything is editable in this non-destructive workflow between Illustrator and Adobe experience design.
So that was the first tip.
Now, let's go to the second one: okay, how about Photoshop? You can take anything from Photoshop and copy and paste it into Adobe experience design and it comes as a bitmap by default.
But what if you wish to copy vectors? You can also do it, so let's create a vector layer inside Photoshop.
Now, let's right, click on the right side of the layer and you select copy SVG.
Now you can go to the experience, design and just command V to paste it and there you go.
This is a tough, so this is a vector layer.
You can also edit the properties of this layer, and this is how you copy those layers from Photoshop to Adobe experience design.
That was the second tip 28 to go.
Okay, so number three is pixel grid and nudging in Adobe experience design.
If you press command 0 in experience, design you'll have this bird's-eye view on your project, and now we can delete this artboard and let's select the home artboard.
Now I press and hold Z on the keyboard.
Now I select to zoom in and on this artboard, you can enter the grid settings and you can enable grid with this little checkbox, but also you can press a command apostrophe to enable the grid and the grid is 8 pixel by default.
That'S kind of cool.
If you're working on some material design projects, but on the other hand, if you create a new shape - and it sits well on the grid right now - let's turn of the border and now, if you try to nudge it with a keyboard shortcut which I use quite Often, which is Shift + arrow key on the keyboard, you see that it goes off the grid because it goes every 10 pixels, while the grid is still 8 pixels.
That is why I prefer to go to this settings of this artboard and just take it to 10, so that you have 10 pixel grid which might not be perfect for all the projects, but at least, if you try to match anything, it always sits well on The grid because you have to and pixel increments so that was the third tip.
Now, let's go to the fourth one so to guide or not to guide well, there are no typical guides that you know from Photoshop in Adobe experience design.
But if you select an element and you move it across the artboard or you copy the elements so press out and drag, you can see these guides appearing to help.
You distribute the sizing to help.
You distribute the spacing of elements and when you drag in the middle of the document, you have this guide as well and the object that you move.
They automatically snap to those guides, and sometimes you just don't want them to snap and to skip the behavior.
You simply press and hold command, so when you present hold command, you no longer have this guides and even position on every picture.
It doesn't snap to the grid and it doesn't snap to the automatically created guides.
So that was the fourth tip.
Let'S switch to the fifth one and those are style guides.
Actually I create them every time.
I work in other way experience design on some project.
Let'S turn off the grid and let's delete the shape and on the left, you can see the artboard I created with some style guides and my style guide consists of gradients base, colors application, colors, typography and stuff.
So I try to always keep my assets, for example, from corporate identity organized in one artboard in Adobe experience design, because it's way more efficient than switching between Photoshop Illustrator and Adobe experience design.
So in Illustrator you can, for example, take a screenshot of your swatches and then in experience design.
You create some rectangles and you select the color next to the feel you have this eyedropper icon and you select this color and you create your own style guide in Adobe experience design so that you can access all these things later in your project, and this is Super useful because the sixth tip is actually type of rhythm and reusable Styles.
So let's focus on this reusable styles.
For now, and if you have stars for your headers for your body copy, you have also captions and stuff, you can always use it for your application and in other weeks period design, it's very very because you can create a text frame.
So you just press T on the keyboard to draw a text frame, but let's take a look that this text frame is already selected and when I draw another one and start typing, it inherits all the styles of the text frame that was previously selected.
So if I select my h1 text frame and I'm going to create a new one, I'm going to inherit all the h1 styles and that's how you work with this reusable Styles.
You select any style in your style guide and then just start typing.
Okay.
So, let's delete this field.
Oh and there's also a bonus tip considering this vertical text rhythm and I always use a grid lover dotnet, which is kind of cool because it lets you select the base font size, for example, 16 pixels, and then you select the line height.
So you can adjust the line height with this slider and next you select scale factor, and you have this golden ratio here, but you can go from ages.
6.
You can go for a major 10th and you can determine the ratio between headers and body copy and afterwards you can select the CSS and copy the styles or you can just copy that and the font size is 2 Adobe experience design.
Ok, let's go back to our tips and the seventh tip is font size Suites trick, I'm going to show you very basic technique, but you might not be familiar with it.
Let'S zoom in and let's select the text tool.
There are two ways in other way: experience design in which you can create a text view.
You can press and hold left mouse button and you can set the frame for the text and then you can enter the text and, as you can see, it floats.
But if I go out this frame, I can see a little dot that signals that there is still text inside, but the other way is to just click, one time with the left mouse button.
And now you can write any text and if you adjust this little dot on the bottom and if you pull it down, you'll make the text bigger and if you pull it up, you make the text smaller and that's really really cool.
That'S nice too, but it only works for this single click text tools, so that was the 7th streak.
Now, let's go to the 8th one, and I go this text sub styles as well, so you can create text app styles and press.
Let'S press command 0 to zoom out and let's zoom on this text, and that means that you can select any text inside the frame and for a portion of the text.
Sorry proportional the text.
You can, for example, press command B to make it bold and you can also set the color.
So, for example, we can set the green color for this little part of our text frame, so that was the tip number 8.
Let'S go to the 9th one.
So in Adobe experience design, you can create text area on paste.
What does it mean? If you go to my big griddle over website and select and copy some text, then you go to experience.
Design come on 0.
Let'S create an artboard, it will be web artboard.
Now, let's press press command free to zoom into the artboard and command V to paste, and you don't have to create any text field in advance.
As you see it's already created, and you can just set the size of this text field with this text copied from our website, so let's go back to the tips and the tenth will be reset line height with zero.
So when you have the text field selected and you go to this line height value, you can click on the value.
And now you can press the up arrow on the keyboard to increase the line height or the down arrow to decrease the line height.
You can also press shift to do it in 10, pixels increments, and you often experiment with this line height and then, when you want to reset the line height, you don't need to look for an optimal value.
Like I don't know: 24 26.
You just can press 0 and return and it goes to the default which was 24 for this text field.
Ok, that was the next tip and let's go to the 11th, so that's pretty similar to the one I showed you and you can also adjust the values of the colors.
That way you can nudge them by the increments of 10.
When you enter this color dialog box and, for example, click on the Alpha, then you can press shift and you can press the down arrow or the up arrow and do it in the increments of 10.
And you can also use it for all the color values and it's quite useful.
So let's go to the 12th one.
We have the hex values for colors.
So let's select this text field again and let's go to fill open.
This color dialog box and as you see there is a hex value for our color and you can enter very precise numbers for the hex values.
But you can also say something like F and if you just said one letter or one number, it will be multiplied by six and it will appear as simple X.
You can also press 0 and you have zeros.
If you go with 0 3, it will be multiplied and you have 0 3, 0, 3, 0, 3, and you can also go with the 3 numbers.
So 0 3 1 will be 0.
0.
3.
3.
1.
1.
I hope you get it.
So that's how you change the hex, color values and actually, while we are inside this color dialog box, would take a look at this color presets.
You can always add a color that you like to your presets and you can do it with any color from there.
You can also access this a style guide.
We have and that's very useful to add those brand colors to our colors that we use often with the fill dialog box or with the border.
Dialog boxes are the same colors, so you can select this eyedropper tool.
Maybe select one of your brand colors, then you go back and you click on the plus sign and as you see I cannot add this color because it's already here so if I press the plus sign it always blinks.
So if I choose another color okay, I can add it because I haven't had it in my calling my swatches, but if you already have the color it won't, let you do it and that's quite cool.
You can also rearrange the colors, so you can set, for example, red colors, and you can take the color you can put it outside and just you can delete the color from your swatches.
So this how you use this little swatch dialog box, so the next tip the tip number 13, creating simple icons in Adobe experience, design that I always used to create the icons with Adobe Illustrator.
Then I copied the shapes into experience design, but I discovered that inexperienced design, this really powerful pencil and you can easily create icons directly in the experience design.
So, let's press command free again to zoom into this artboard and let's select our full rectangle and there are some tips that you can use while creating vector shapes and using the pen tool.
So, for example, if you draw a shape, just press and hold shift to maintain proportions, and there you have it, you can also press out to draw from Center and let's create a simple shape.
Now, let's go to the fill dialog box and let's create a gradient in instead of solid color, select the first gradient color and the second gradient color.
Let'S use our brand colors, you can now adjust the gradient and you don't have to stick inside this shape.
You can go over there with the first color and you can go over there with the second one.
So we have a beautiful, smooth gradient going on.
Also, let's create some border radius and you can apply border radius with this little icon, but also you can go to this little dots next to each of the corners and you can click and drag to create motor ranges.
And that's really nice because you can also press out or option while doing so and you can adjust the roundness of only one corner.
So, okay, let's come on Z and let's and do the border radius for each corner like so now.
Let'S turn off the border and I'm going to use the pen tool, so press p on the keyboard to create another shape.
It will be simple vector, shape so I'll click.
Once I press shift and press and hold shift to maintain the straight line.
I click another one click another time here and this will be my home, I'm going to create roof over there and I'm going to finish somewhere here.
Okay, so to exit this mode, you just press escape.
Now we have this great border.
Let'S try to change it to white color and let's change the border thickness to five and it looks quite nice, but if we select the artboard and try to change the color to some darker color, as you see, our icons still need some fixes.
If we select both items with the shift on the keyboard, we can use boolean operations, but boolean operations such as add subtract.
They would work well if we have something like two shapes with few and then we have one border and one shape.
So we have handled differently and that's why I'm going to duplicate the shape so commands B.
Now I'm going to change the those layers in the layers panel.
That'S because I need to mask this stuff and to the mask is always on top, so I have to select with comment both layers.
Now I can go to object and now I can mask with shape and because I have this little rectangle down the bottom.
I duplicated it.
I also have my background right now.
So now my icon is finished and, as you see, it's really really simple: to create nice icons with Adobe experience design, so that was tip number 13.
Let'S go to the next one, so converting text into shapes.
Let'S go back to our project and let's select the text.
Maybe let's change the fill color of the artwork to white again and let's maybe change this text to smart home, which will be the name of our application and let's change it to from regular to thin and maybe use 60 as a font size and now imagine That you want to make some adjustments to this text, but you really need to go in-depth, as well as as far as details are concerned.
So you need to change this text through a path and you can actually do it in Adobe experience design by pressing command 8.
If you press command 8, you can access every single vector point that you have hips.
So if you let's say want to select, this points will be shift.
You can you, can press the up or down arrow, to change the position of this segment of this block of our text, and if you are creating something like logo, it will probably help you to adjust the text.
So that was the next tip converting text into shapes.
Okay, now, let's go to number 15 is already half of our tips, so image copying and masking - and this is really cool in adobe experience design, because you can go straight to any website.
For example, with some free pictures - and you can right-click on a picture, then you can go copy and you can comment the pasted inside Adobe's experience design and it works really really nice, but also when you can do you can create any shape.
For example, let's do a rectangle and let's do rounded corners and now, let's take that image and put it outside of the browser, just put it in this shape and as you see it's like magic, it fills the shape and when you resize, when you change the Border radius and the image is still inside that container and you can do the same with the finder.
So if you download any file, you can also take the file, just put it in your artboard, or you can draw a shape, let's draw a bigger shape and take the image and afterwards put it inside this shape, so that it fits the shape and, as you See it's responsive.
If you can scale it, it works pretty pretty nice and what else you can do it and also mask with the shapes.
So if you have the image inside of the experience design, you can create any shape.
So let's create an ellipse and do it like so now with shift, let's click on the image as well, so we have those two, those two layers selected and you can go to object and select mask with shape.
And now, as you see, we have this image mask so, depending on what your needs are, you can create masks or you can just draw a shape and put a image inside of this shape.
As you see in this mask group, when you enter the mask group, you can you can separately change the image size, you can change the mask you can you can do whatever you wish.
So it's fully editable and you can go back later and adjust the settings of your.
So that's it for that tip.
Number 15: let's make this window bigger and let's go to the next step, which is repeatedly that it's pure magic in Adobe experience design.
So, let's go back to the experience design and let's see that section what customers are saying.
I have one testimonial from my client and I can out drag it to just duplicate this group, but there's a better way to do it and you can select the group.
Then go to repeat grid or just press command R on your keyboard and if you do so, as you can see, there are green handles and you can drag the handles to expand horizontally and create multiple instances of this one group or expand vertically as well.
So let me create two copies now.
If I hover between those instances, I can change the margin between those items and now, let's put it in the center of our outboard.
Now, let's change the text inside the second one.
So, let's say Barbara Spencer and, as you can see, I can overwrite the text in each instance and that's not all because I can also overwrite the images.
I have some others here and I can just simply drag and drop the image there.
You go and also you can take two images and you can put them in one place and it will be overwritten in all the instances of your repeat grid.
So, as you see it's pure magic now, let's go to the next step, and this is non obvious, repeat print.
So so sometimes you can use this repeat grid for different scenarios, for example, for creating icons - let's zoom in here to the top of my side and imagine I'd like to create a hamburger icon to access the menu.
And let me draw a straight line with shift and line tool.
That'S L on the keyboard and let's create a white line with two pixel thickness and now, let's create a repeat grid, instead of copying that let's create a grid like so, let's adjust the margin and there we go.
We have our icon.
Let'S see what's going on here, let's, like this shape this line and maybe press an arrow down to reveal all the all the items in the script.
So, as you see now we created a hamburger icon using this repeat: read: function, that's kind of cool okay.
So next tip number 18 one of my personal favorite generated text.
It means that you can feed your Adobe experience, design fields, text fields with some real data or data from the text documents.
So let's go to this sample.
Data website repeat grid calm night by John Valu sztyc.
I hope that's correct pronunciation and you can download some sample text files for Adobe experience design.
So those are first names, emails, URLs paragraphs and stuff.
You can even create your own recipe, so you can, for example, go with the first name.
Then URL then some sentence.
Then your text - I don't know, let's put they're high or something like that and just download that txt file, just let's download full names for now and let's go to the folder with this text file.
Let'S preview that and, as you see, those are just sample names with returned separator and what we can do.
We can actually take this file and we can drag it into Adobe experience design and what I have here is a repeat grid, so those items are all in the repeat grid and if I just put it in there and inside this first header, as you see All the headers in repeat, grid gets filled with text that I have in this text file.
So it's amazing, because now you can get some text files with the content with copy from your copy writer and simply put it inside the experience designer, if you have repeat with it, will feel beautifully all the all the text tools.
So I showed you earlier how to do it with images now you know how to do it with the text as well, and you can have your own text.
You can generate the text.
You can also use sites like this list design where you have some real data, and you can check, for example, addresses or adjectives or you can go to airports, and you can download the data for airports and copy the data inside Adobe experience design just to have Some dummy data or, as I said you can use your text files to feel with fill it with with the right content for your application or for your website.
So that's generated text and let's go to number nineteen get in to read off, repeat agreed.
Why would we even do such ungrateful thing? Well, sometimes you just don't need repeat, read anymore, so you multiply the items with the repeat grid, but then you decide that you want, for example, icons inside of each of these dots and you use, for example, an app like icon jar and you take the icon.
You put it inside over there and you just release and there you have it one icon can each instance: okay, let's go to icon jar again and let's use some other icon.
Maybe this one and let's put this one somewhere there and I release and it's wrong.
So sometimes you just don't need to repeat it grid anymore, because things got messy and you can select this repeat grid and you can just say ungroup or you can press command shift G to ungroup it, and now you can easily select separate icons for each dots.
So I select this icon put it.
There then go straight to icon drawer again and let's select, maybe this one and put it there and, as you see it's now very, very easy and the last one this icon, let's put it there.
So sometimes you don't want to use repeat with anymore now.
Number 20 symbol overrides.
Well, that's huge okay, but we haven't spoken about symbols yet so first things: first, I'm going to show you symbols and let's go to our style guide, because it's the most common use of symbols to create fancy style guides with, for example, buttons.
So, let's see this group with button, let's give the name button, one okay and now I can create a symbol out of this button.
So I can press command K or I can go two little icons to reveal the symbols now just press this plus button, and there you have your button as a symbol and what you can do with the symbols.
You can use multiple instances of one symbols again.
Have a button there and have a button here and now I have four instances of one symbol, and it means that if I access any of the instance and decide that I'd like to add some border, maybe black one with a free piece of thickness.
As you see, it's applied to each instance of the symbol, so that's pretty convenient, because if you use a style guide like me and you create buttons that are symbols, you can use the buttons throughout all of your pages, and you can then update only one symbol And every instance of it will update as well.
So that's a huge concept and even better our override, because you can override images and text inside of the instances.
It means that I can double-click on any instance and say yeah I, and there you go only one instance was modified and you can do it in terms of text, and you can also change bitmaps inside the instances of the symbols and the other symbols will remain Intact, so that's really huge concept and please use it widely across your applications across your other be experience, design projects, so those are symbols and overrides now take number 21 and I actually showed this tip earlier.
This is border-radius streak and the border-radius streak is all about this little dots near the corners.
So you can adjust the border radius by clicking on the dots and doing it simultaneously for all the corners or you can press option alt button to do it only for one corner.
As you can see, it happens to all of the instances of my symbol.
So you can create a beautiful button and also please take a look at this appearance panel and there you have different values for each corner and you can adjust the values over there as well.
So this is the border radius trick and 22 blocking versus hiding a layer.
So let's switch to the two.
This may be this first screen and let's have a look on these layers and but sometimes we have a situation when we cannot select one layer, because it's underneath some other layer and as you see there is a PNG file and it covers the text.
And I cannot reach the text and change it, so maybe you think that we can use opacity, slider and change the opacity and now select layer.
No, not that's not the case.
So, let's change to 100 % again and let's go to layers panel and there is also an option to lock the layers.
So let's press come on L or just this little icon and that's not the case as well.
So, let's unlock this layer by clicking on the lock icon.
Well, let's go to the layers panel again and let's click on this little icon.
That will let you hide the layer and now, as you see, you can click on the text.
So hiding the layer solves the problem and you can see the shortcut here.
You can always set the visibility to unhide this layer and that's actually the difference between the opacity and hide increasing the layers, so that was another tip number 22: let's go to 23.
This is opacity and numbers.
So, while dealing with this opacity, you can also type the numbers from the keyboard and if you press save, for you have 40 %, if you press 8, you have 80 %, but you can also press quickly, for example, for 4, and you have 40 for 3 5 and you have 35 or 77 and you got 77.
So let's go back to 100 by pressing 0 and that's another deep.
I was fast.
Okay, now, 24, that's pretty easy, but also pretty important.
As you see, my project here is a mess, so I have many groups and artboards and doesn't mean nothing, so you can double click on the name of the layer, then you can set your own life and you don't need necessarily escape the smoke.
Now we can press tab and you go to the next layer and you can go with tab to your next layers and also you can press shift so shift tab and you go up the layers.
So we can go down and you can go up and rename the layers.
So it's pretty crucial that you remember to keep your layers organized and the tip number 25 is the boolean operations that you can convert into paths and sometimes you'll find it useful.
So, let's create a simple icon over there, I'm going to use an ellipse tool and I'm going to draw a simple ellipse without the border and let's use maybe this kind of view and let's duplicate the shape, so I press command D.
We have a copy now I press out and shift to scale it down and change the field to white and now, let's imagine you want to cut out this shape out of this second one, you can select those shapes like so you go to boolean operation and You select subtract and now you cut out the middle circle, but as you see it's fun, but you cannot access those vector points and not until you press command 8 and now we can double click and, as you see all the vector points are available.
So you can select the vector point, you can press shift and, for example, with the down arrow, we can create a little icon, you can press out and smooth is a little bit and there you go.
You have the echo, so you can sometimes expand the appearance of this connected shapes with commands 8 and that's the boolean operation trick.
So the next one is command.
Click to select inside group.
That'S pretty easy as well.
Let'S come on 0 and let's see we have a group.
Where do we have a group? For example, we have a group down there and if you want to let's zoom in if you want to select the text inside this group, it's not enough to click once because it's like the whole group.
But if you press command, as you see, you can select individual layers and if I command click on this layer, this layer is automatically selected, so just press command and you can click through the layers that are inside the groups.
Next, deep preview on device - that's really cool, so we can create layouts and then you can test their responsive version.
So, for example, mobile version on your phone.
Well, you can select the artboard, and now you can press the play button.
As you see, I have this horizontal scrolling turned off, but the vertical scroll is set to 768 pixels.
So that means when I press play, I got the preview with 768 pixels high and I can scroll through my layout.
But if I want to preview a mobile version, I can also access this little button and I have one iOS device connected right now.
Now you have to open the Adobe experience, design application that you can download for free from the App Store and after signing in you can see the project directly on your device.
If I decide to create a new artboard, that would be an iPhone 6 or 7 and, for example, let's have some layers copied to this artboard and now let me switch to the view from my phone.
So let me show you my phone, and this is how it looks so there it is the artboard that I have and I can see it on directly on my iPhone and now all the changes that you make in Adobe experience design appear immediately on your phone.
So that you can check whether the font sizes are okay, whether the colors look correct and I think it's the best way to preview your prototypes and to preview your designs.
So that was pretty on device tip number 27 and let's go to deep number 28, which is create meaningful transitions.
Well, Adobe experience.
Design is a great application because it allows you not only to design things but also to create clickable prototypes.
It means that you can create a link between some pages and artboards and let's first create a second artboard and i'm going to use this web artboard and I'm going to transfer a second page to this artboard.
So let me paste this and I also need a title: yeah, let's put it there now.
Let'S imagine you want to make a transition between this first artboard and their second and yeah.
We might have some dots and creating ellipses and, let's use repeat grid, to have some little buttons that will allow you to click through the buttons.
Those buttons will lead to each different section of our website.
So we can now go to a prototype mode and we can set the link between those dots and this second artboard and as a transition, we're going to set slide up.
It'S so easy to set up.
You have the duration, you have some easing and when you're ready, you can test with the play button and it launches the preview window and in preview window I can click on whatever dot.
And now we have slide up animation.
We can record this animation and send it to our client, or we can, for example, use this share button that I will show you in a second, because tip number 29 is first using UI kids, I'm going to show you already my DIY kids that you can Open directly from other, be experience design when you go to file and you have something like open, UI kit and there is a Apple iOS or a material design or Windows.
So let's go to material design and there is a new file in which you have ready-made components for Android and as well as all the material guidelines, and you can select all the items that are here and we use them in your project by just copying and Pasting between Adobe experience design file because you can have as many files as you wish open in separate windows.
So it's very useful and I encourage you to use this iOS and Android kit and the last tip I have is sharing those prototypes and pinning comments as well.
So, let's get back to our prototype and now, let's imagine that we finish the prototype and all the transitions are set and we can now share the project with our project, owner or and maybe our client.
So we can click on this little button on the top right its share online and we can create a link to our asset as well as we can see the embed code and if you wish to share the work on be hands-on dribble.
You can use this embed code, but otherwise you use the link, you just copy the link and you give it to a person that you wish to see the prototype and this link opens in any browser.
It doesn't require Adobe experience, design and any person can view your prototype and can switch through all of the our boards that we have here and also see all the transitions as well as he or she can comment.
While clicking on this little show comment icon.
We can say, for example, try different shade and we can also set this pin to artboard to pin it to the right color.
So maybe we want to try a different shade of green, so let's click over there and we can see that this comment is applied to this part of the artboard.
That'S it I hope you've learned something useful.
I encourage you to experiment and use Adobe experience design, along with the tips that you've learned in this video.
Let me know in the comments: if you need anything else, I hope you had fun and see you in the next movie.
Those tips will be easy to follow for both professional UI or UX designers, as well as those of you who have just started working above this experience, design up, let's start with the first tip, which is mock-ups in Adobe comp, so Adobe comp is basically another application That runs on your iOS or Android device, and you can use it on a tablet.
For example, if you're on a meeting with your client, you can select, for example, tablet view, and then you can just paint with your finger to create simple shapes and, as you see it, converts it to rectangles.
You can also, for example, use this kind of gesture to create a header, and you can make it a bigger.
Just like.
Let'S make the text smaller, you can also create placeholders for an image, and, if you like it just make it slightly bigger.
If you like it, you can, for example, plus sign to just duplicate this placeholder, and this is very very easy.
You can also be neat things like that, so this is great and you can work on these prototypes, just whatever you wish.
So when you finish, you can press the share button and then you can send it straight to Photoshop or illustrator.
Unfortunately, there's no other baby yet in this menu, but you can sense to illustrator, which is a great choice, because afterwards you can easily take those shapes and just copy them and paste into Adobe experience design.
So now I'm an illustrator - and I have this mock-up automatically opened.
So it's synced with Creative Cloud.
So I don't even have to connect my device to the computer and then I just select the shapes.
I press command a or just select them and press command C and from there I can go straight to Adobe experience, design create - and you aren't about here - let's select a web art board and just paste it in so now you can see those shapes are in Adobe experience design and I can scale them seamlessly because they are all vector, and I can also change the colors opacity, borders and stuff, so each type is editable here as well as the text.
As you see, this is just a text and I can, I don't know, maybe make that smaller, okay or change the font or whatever I wish.
So everything is editable in this non-destructive workflow between Illustrator and Adobe experience design.
So that was the first tip.
Now, let's go to the second one: okay, how about Photoshop? You can take anything from Photoshop and copy and paste it into Adobe experience design and it comes as a bitmap by default.
But what if you wish to copy vectors? You can also do it, so let's create a vector layer inside Photoshop.
Now, let's right, click on the right side of the layer and you select copy SVG.
Now you can go to the experience, design and just command V to paste it and there you go.
This is a tough, so this is a vector layer.
You can also edit the properties of this layer, and this is how you copy those layers from Photoshop to Adobe experience design.
That was the second tip 28 to go.
Okay, so number three is pixel grid and nudging in Adobe experience design.
If you press command 0 in experience, design you'll have this bird's-eye view on your project, and now we can delete this artboard and let's select the home artboard.
Now I press and hold Z on the keyboard.
Now I select to zoom in and on this artboard, you can enter the grid settings and you can enable grid with this little checkbox, but also you can press a command apostrophe to enable the grid and the grid is 8 pixel by default.
That'S kind of cool.
If you're working on some material design projects, but on the other hand, if you create a new shape - and it sits well on the grid right now - let's turn of the border and now, if you try to nudge it with a keyboard shortcut which I use quite Often, which is Shift + arrow key on the keyboard, you see that it goes off the grid because it goes every 10 pixels, while the grid is still 8 pixels.
That is why I prefer to go to this settings of this artboard and just take it to 10, so that you have 10 pixel grid which might not be perfect for all the projects, but at least, if you try to match anything, it always sits well on The grid because you have to and pixel increments so that was the third tip.
Now, let's go to the fourth one so to guide or not to guide well, there are no typical guides that you know from Photoshop in Adobe experience design.
But if you select an element and you move it across the artboard or you copy the elements so press out and drag, you can see these guides appearing to help.
You distribute the sizing to help.
You distribute the spacing of elements and when you drag in the middle of the document, you have this guide as well and the object that you move.
They automatically snap to those guides, and sometimes you just don't want them to snap and to skip the behavior.
You simply press and hold command, so when you present hold command, you no longer have this guides and even position on every picture.
It doesn't snap to the grid and it doesn't snap to the automatically created guides.
So that was the fourth tip.
Let'S switch to the fifth one and those are style guides.
Actually I create them every time.
I work in other way experience design on some project.
Let'S turn off the grid and let's delete the shape and on the left, you can see the artboard I created with some style guides and my style guide consists of gradients base, colors application, colors, typography and stuff.
So I try to always keep my assets, for example, from corporate identity organized in one artboard in Adobe experience design, because it's way more efficient than switching between Photoshop Illustrator and Adobe experience design.
So in Illustrator you can, for example, take a screenshot of your swatches and then in experience design.
You create some rectangles and you select the color next to the feel you have this eyedropper icon and you select this color and you create your own style guide in Adobe experience design so that you can access all these things later in your project, and this is Super useful because the sixth tip is actually type of rhythm and reusable Styles.
So let's focus on this reusable styles.
For now, and if you have stars for your headers for your body copy, you have also captions and stuff, you can always use it for your application and in other weeks period design, it's very very because you can create a text frame.
So you just press T on the keyboard to draw a text frame, but let's take a look that this text frame is already selected and when I draw another one and start typing, it inherits all the styles of the text frame that was previously selected.
So if I select my h1 text frame and I'm going to create a new one, I'm going to inherit all the h1 styles and that's how you work with this reusable Styles.
You select any style in your style guide and then just start typing.
Okay.
So, let's delete this field.
Oh and there's also a bonus tip considering this vertical text rhythm and I always use a grid lover dotnet, which is kind of cool because it lets you select the base font size, for example, 16 pixels, and then you select the line height.
So you can adjust the line height with this slider and next you select scale factor, and you have this golden ratio here, but you can go from ages.
6.
You can go for a major 10th and you can determine the ratio between headers and body copy and afterwards you can select the CSS and copy the styles or you can just copy that and the font size is 2 Adobe experience design.
Ok, let's go back to our tips and the seventh tip is font size Suites trick, I'm going to show you very basic technique, but you might not be familiar with it.
Let'S zoom in and let's select the text tool.
There are two ways in other way: experience design in which you can create a text view.
You can press and hold left mouse button and you can set the frame for the text and then you can enter the text and, as you can see, it floats.
But if I go out this frame, I can see a little dot that signals that there is still text inside, but the other way is to just click, one time with the left mouse button.
And now you can write any text and if you adjust this little dot on the bottom and if you pull it down, you'll make the text bigger and if you pull it up, you make the text smaller and that's really really cool.
That'S nice too, but it only works for this single click text tools, so that was the 7th streak.
Now, let's go to the 8th one, and I go this text sub styles as well, so you can create text app styles and press.
Let'S press command 0 to zoom out and let's zoom on this text, and that means that you can select any text inside the frame and for a portion of the text.
Sorry proportional the text.
You can, for example, press command B to make it bold and you can also set the color.
So, for example, we can set the green color for this little part of our text frame, so that was the tip number 8.
Let'S go to the 9th one.
So in Adobe experience design, you can create text area on paste.
What does it mean? If you go to my big griddle over website and select and copy some text, then you go to experience.
Design come on 0.
Let'S create an artboard, it will be web artboard.
Now, let's press press command free to zoom into the artboard and command V to paste, and you don't have to create any text field in advance.
As you see it's already created, and you can just set the size of this text field with this text copied from our website, so let's go back to the tips and the tenth will be reset line height with zero.
So when you have the text field selected and you go to this line height value, you can click on the value.
And now you can press the up arrow on the keyboard to increase the line height or the down arrow to decrease the line height.
You can also press shift to do it in 10, pixels increments, and you often experiment with this line height and then, when you want to reset the line height, you don't need to look for an optimal value.
Like I don't know: 24 26.
You just can press 0 and return and it goes to the default which was 24 for this text field.
Ok, that was the next tip and let's go to the 11th, so that's pretty similar to the one I showed you and you can also adjust the values of the colors.
That way you can nudge them by the increments of 10.
When you enter this color dialog box and, for example, click on the Alpha, then you can press shift and you can press the down arrow or the up arrow and do it in the increments of 10.
And you can also use it for all the color values and it's quite useful.
So let's go to the 12th one.
We have the hex values for colors.
So let's select this text field again and let's go to fill open.
This color dialog box and as you see there is a hex value for our color and you can enter very precise numbers for the hex values.
But you can also say something like F and if you just said one letter or one number, it will be multiplied by six and it will appear as simple X.
You can also press 0 and you have zeros.
If you go with 0 3, it will be multiplied and you have 0 3, 0, 3, 0, 3, and you can also go with the 3 numbers.
So 0 3 1 will be 0.
0.
3.
3.
1.
1.
I hope you get it.
So that's how you change the hex, color values and actually, while we are inside this color dialog box, would take a look at this color presets.
You can always add a color that you like to your presets and you can do it with any color from there.
You can also access this a style guide.
We have and that's very useful to add those brand colors to our colors that we use often with the fill dialog box or with the border.
Dialog boxes are the same colors, so you can select this eyedropper tool.
Maybe select one of your brand colors, then you go back and you click on the plus sign and as you see I cannot add this color because it's already here so if I press the plus sign it always blinks.
So if I choose another color okay, I can add it because I haven't had it in my calling my swatches, but if you already have the color it won't, let you do it and that's quite cool.
You can also rearrange the colors, so you can set, for example, red colors, and you can take the color you can put it outside and just you can delete the color from your swatches.
So this how you use this little swatch dialog box, so the next tip the tip number 13, creating simple icons in Adobe experience, design that I always used to create the icons with Adobe Illustrator.
Then I copied the shapes into experience design, but I discovered that inexperienced design, this really powerful pencil and you can easily create icons directly in the experience design.
So, let's press command free again to zoom into this artboard and let's select our full rectangle and there are some tips that you can use while creating vector shapes and using the pen tool.
So, for example, if you draw a shape, just press and hold shift to maintain proportions, and there you have it, you can also press out to draw from Center and let's create a simple shape.
Now, let's go to the fill dialog box and let's create a gradient in instead of solid color, select the first gradient color and the second gradient color.
Let'S use our brand colors, you can now adjust the gradient and you don't have to stick inside this shape.
You can go over there with the first color and you can go over there with the second one.
So we have a beautiful, smooth gradient going on.
Also, let's create some border radius and you can apply border radius with this little icon, but also you can go to this little dots next to each of the corners and you can click and drag to create motor ranges.
And that's really nice because you can also press out or option while doing so and you can adjust the roundness of only one corner.
So, okay, let's come on Z and let's and do the border radius for each corner like so now.
Let'S turn off the border and I'm going to use the pen tool, so press p on the keyboard to create another shape.
It will be simple vector, shape so I'll click.
Once I press shift and press and hold shift to maintain the straight line.
I click another one click another time here and this will be my home, I'm going to create roof over there and I'm going to finish somewhere here.
Okay, so to exit this mode, you just press escape.
Now we have this great border.
Let'S try to change it to white color and let's change the border thickness to five and it looks quite nice, but if we select the artboard and try to change the color to some darker color, as you see, our icons still need some fixes.
If we select both items with the shift on the keyboard, we can use boolean operations, but boolean operations such as add subtract.
They would work well if we have something like two shapes with few and then we have one border and one shape.
So we have handled differently and that's why I'm going to duplicate the shape so commands B.
Now I'm going to change the those layers in the layers panel.
That'S because I need to mask this stuff and to the mask is always on top, so I have to select with comment both layers.
Now I can go to object and now I can mask with shape and because I have this little rectangle down the bottom.
I duplicated it.
I also have my background right now.
So now my icon is finished and, as you see, it's really really simple: to create nice icons with Adobe experience design, so that was tip number 13.
Let'S go to the next one, so converting text into shapes.
Let'S go back to our project and let's select the text.
Maybe let's change the fill color of the artwork to white again and let's maybe change this text to smart home, which will be the name of our application and let's change it to from regular to thin and maybe use 60 as a font size and now imagine That you want to make some adjustments to this text, but you really need to go in-depth, as well as as far as details are concerned.
So you need to change this text through a path and you can actually do it in Adobe experience design by pressing command 8.
If you press command 8, you can access every single vector point that you have hips.
So if you let's say want to select, this points will be shift.
You can you, can press the up or down arrow, to change the position of this segment of this block of our text, and if you are creating something like logo, it will probably help you to adjust the text.
So that was the next tip converting text into shapes.
Okay, now, let's go to number 15 is already half of our tips, so image copying and masking - and this is really cool in adobe experience design, because you can go straight to any website.
For example, with some free pictures - and you can right-click on a picture, then you can go copy and you can comment the pasted inside Adobe's experience design and it works really really nice, but also when you can do you can create any shape.
For example, let's do a rectangle and let's do rounded corners and now, let's take that image and put it outside of the browser, just put it in this shape and as you see it's like magic, it fills the shape and when you resize, when you change the Border radius and the image is still inside that container and you can do the same with the finder.
So if you download any file, you can also take the file, just put it in your artboard, or you can draw a shape, let's draw a bigger shape and take the image and afterwards put it inside this shape, so that it fits the shape and, as you See it's responsive.
If you can scale it, it works pretty pretty nice and what else you can do it and also mask with the shapes.
So if you have the image inside of the experience design, you can create any shape.
So let's create an ellipse and do it like so now with shift, let's click on the image as well, so we have those two, those two layers selected and you can go to object and select mask with shape.
And now, as you see, we have this image mask so, depending on what your needs are, you can create masks or you can just draw a shape and put a image inside of this shape.
As you see in this mask group, when you enter the mask group, you can you can separately change the image size, you can change the mask you can you can do whatever you wish.
So it's fully editable and you can go back later and adjust the settings of your.
So that's it for that tip.
Number 15: let's make this window bigger and let's go to the next step, which is repeatedly that it's pure magic in Adobe experience design.
So, let's go back to the experience design and let's see that section what customers are saying.
I have one testimonial from my client and I can out drag it to just duplicate this group, but there's a better way to do it and you can select the group.
Then go to repeat grid or just press command R on your keyboard and if you do so, as you can see, there are green handles and you can drag the handles to expand horizontally and create multiple instances of this one group or expand vertically as well.
So let me create two copies now.
If I hover between those instances, I can change the margin between those items and now, let's put it in the center of our outboard.
Now, let's change the text inside the second one.
So, let's say Barbara Spencer and, as you can see, I can overwrite the text in each instance and that's not all because I can also overwrite the images.
I have some others here and I can just simply drag and drop the image there.
You go and also you can take two images and you can put them in one place and it will be overwritten in all the instances of your repeat grid.
So, as you see it's pure magic now, let's go to the next step, and this is non obvious, repeat print.
So so sometimes you can use this repeat grid for different scenarios, for example, for creating icons - let's zoom in here to the top of my side and imagine I'd like to create a hamburger icon to access the menu.
And let me draw a straight line with shift and line tool.
That'S L on the keyboard and let's create a white line with two pixel thickness and now, let's create a repeat grid, instead of copying that let's create a grid like so, let's adjust the margin and there we go.
We have our icon.
Let'S see what's going on here, let's, like this shape this line and maybe press an arrow down to reveal all the all the items in the script.
So, as you see now we created a hamburger icon using this repeat: read: function, that's kind of cool okay.
So next tip number 18 one of my personal favorite generated text.
It means that you can feed your Adobe experience, design fields, text fields with some real data or data from the text documents.
So let's go to this sample.
Data website repeat grid calm night by John Valu sztyc.
I hope that's correct pronunciation and you can download some sample text files for Adobe experience design.
So those are first names, emails, URLs paragraphs and stuff.
You can even create your own recipe, so you can, for example, go with the first name.
Then URL then some sentence.
Then your text - I don't know, let's put they're high or something like that and just download that txt file, just let's download full names for now and let's go to the folder with this text file.
Let'S preview that and, as you see, those are just sample names with returned separator and what we can do.
We can actually take this file and we can drag it into Adobe experience design and what I have here is a repeat grid, so those items are all in the repeat grid and if I just put it in there and inside this first header, as you see All the headers in repeat, grid gets filled with text that I have in this text file.
So it's amazing, because now you can get some text files with the content with copy from your copy writer and simply put it inside the experience designer, if you have repeat with it, will feel beautifully all the all the text tools.
So I showed you earlier how to do it with images now you know how to do it with the text as well, and you can have your own text.
You can generate the text.
You can also use sites like this list design where you have some real data, and you can check, for example, addresses or adjectives or you can go to airports, and you can download the data for airports and copy the data inside Adobe experience design just to have Some dummy data or, as I said you can use your text files to feel with fill it with with the right content for your application or for your website.
So that's generated text and let's go to number nineteen get in to read off, repeat agreed.
Why would we even do such ungrateful thing? Well, sometimes you just don't need repeat, read anymore, so you multiply the items with the repeat grid, but then you decide that you want, for example, icons inside of each of these dots and you use, for example, an app like icon jar and you take the icon.
You put it inside over there and you just release and there you have it one icon can each instance: okay, let's go to icon jar again and let's use some other icon.
Maybe this one and let's put this one somewhere there and I release and it's wrong.
So sometimes you just don't need to repeat it grid anymore, because things got messy and you can select this repeat grid and you can just say ungroup or you can press command shift G to ungroup it, and now you can easily select separate icons for each dots.
So I select this icon put it.
There then go straight to icon drawer again and let's select, maybe this one and put it there and, as you see it's now very, very easy and the last one this icon, let's put it there.
So sometimes you don't want to use repeat with anymore now.
Number 20 symbol overrides.
Well, that's huge okay, but we haven't spoken about symbols yet so first things: first, I'm going to show you symbols and let's go to our style guide, because it's the most common use of symbols to create fancy style guides with, for example, buttons.
So, let's see this group with button, let's give the name button, one okay and now I can create a symbol out of this button.
So I can press command K or I can go two little icons to reveal the symbols now just press this plus button, and there you have your button as a symbol and what you can do with the symbols.
You can use multiple instances of one symbols again.
Have a button there and have a button here and now I have four instances of one symbol, and it means that if I access any of the instance and decide that I'd like to add some border, maybe black one with a free piece of thickness.
As you see, it's applied to each instance of the symbol, so that's pretty convenient, because if you use a style guide like me and you create buttons that are symbols, you can use the buttons throughout all of your pages, and you can then update only one symbol And every instance of it will update as well.
So that's a huge concept and even better our override, because you can override images and text inside of the instances.
It means that I can double-click on any instance and say yeah I, and there you go only one instance was modified and you can do it in terms of text, and you can also change bitmaps inside the instances of the symbols and the other symbols will remain Intact, so that's really huge concept and please use it widely across your applications across your other be experience, design projects, so those are symbols and overrides now take number 21 and I actually showed this tip earlier.
This is border-radius streak and the border-radius streak is all about this little dots near the corners.
So you can adjust the border radius by clicking on the dots and doing it simultaneously for all the corners or you can press option alt button to do it only for one corner.
As you can see, it happens to all of the instances of my symbol.
So you can create a beautiful button and also please take a look at this appearance panel and there you have different values for each corner and you can adjust the values over there as well.
So this is the border radius trick and 22 blocking versus hiding a layer.
So let's switch to the two.
This may be this first screen and let's have a look on these layers and but sometimes we have a situation when we cannot select one layer, because it's underneath some other layer and as you see there is a PNG file and it covers the text.
And I cannot reach the text and change it, so maybe you think that we can use opacity, slider and change the opacity and now select layer.
No, not that's not the case.
So, let's change to 100 % again and let's go to layers panel and there is also an option to lock the layers.
So let's press come on L or just this little icon and that's not the case as well.
So, let's unlock this layer by clicking on the lock icon.
Well, let's go to the layers panel again and let's click on this little icon.
That will let you hide the layer and now, as you see, you can click on the text.
So hiding the layer solves the problem and you can see the shortcut here.
You can always set the visibility to unhide this layer and that's actually the difference between the opacity and hide increasing the layers, so that was another tip number 22: let's go to 23.
This is opacity and numbers.
So, while dealing with this opacity, you can also type the numbers from the keyboard and if you press save, for you have 40 %, if you press 8, you have 80 %, but you can also press quickly, for example, for 4, and you have 40 for 3 5 and you have 35 or 77 and you got 77.
So let's go back to 100 by pressing 0 and that's another deep.
I was fast.
Okay, now, 24, that's pretty easy, but also pretty important.
As you see, my project here is a mess, so I have many groups and artboards and doesn't mean nothing, so you can double click on the name of the layer, then you can set your own life and you don't need necessarily escape the smoke.
Now we can press tab and you go to the next layer and you can go with tab to your next layers and also you can press shift so shift tab and you go up the layers.
So we can go down and you can go up and rename the layers.
So it's pretty crucial that you remember to keep your layers organized and the tip number 25 is the boolean operations that you can convert into paths and sometimes you'll find it useful.
So, let's create a simple icon over there, I'm going to use an ellipse tool and I'm going to draw a simple ellipse without the border and let's use maybe this kind of view and let's duplicate the shape, so I press command D.
We have a copy now I press out and shift to scale it down and change the field to white and now, let's imagine you want to cut out this shape out of this second one, you can select those shapes like so you go to boolean operation and You select subtract and now you cut out the middle circle, but as you see it's fun, but you cannot access those vector points and not until you press command 8 and now we can double click and, as you see all the vector points are available.
So you can select the vector point, you can press shift and, for example, with the down arrow, we can create a little icon, you can press out and smooth is a little bit and there you go.
You have the echo, so you can sometimes expand the appearance of this connected shapes with commands 8 and that's the boolean operation trick.
So the next one is command.
Click to select inside group.
That'S pretty easy as well.
Let'S come on 0 and let's see we have a group.
Where do we have a group? For example, we have a group down there and if you want to let's zoom in if you want to select the text inside this group, it's not enough to click once because it's like the whole group.
But if you press command, as you see, you can select individual layers and if I command click on this layer, this layer is automatically selected, so just press command and you can click through the layers that are inside the groups.
Next, deep preview on device - that's really cool, so we can create layouts and then you can test their responsive version.
So, for example, mobile version on your phone.
Well, you can select the artboard, and now you can press the play button.
As you see, I have this horizontal scrolling turned off, but the vertical scroll is set to 768 pixels.
So that means when I press play, I got the preview with 768 pixels high and I can scroll through my layout.
But if I want to preview a mobile version, I can also access this little button and I have one iOS device connected right now.
Now you have to open the Adobe experience, design application that you can download for free from the App Store and after signing in you can see the project directly on your device.
If I decide to create a new artboard, that would be an iPhone 6 or 7 and, for example, let's have some layers copied to this artboard and now let me switch to the view from my phone.
So let me show you my phone, and this is how it looks so there it is the artboard that I have and I can see it on directly on my iPhone and now all the changes that you make in Adobe experience design appear immediately on your phone.
So that you can check whether the font sizes are okay, whether the colors look correct and I think it's the best way to preview your prototypes and to preview your designs.
So that was pretty on device tip number 27 and let's go to deep number 28, which is create meaningful transitions.
Well, Adobe experience.
Design is a great application because it allows you not only to design things but also to create clickable prototypes.
It means that you can create a link between some pages and artboards and let's first create a second artboard and i'm going to use this web artboard and I'm going to transfer a second page to this artboard.
So let me paste this and I also need a title: yeah, let's put it there now.
Let'S imagine you want to make a transition between this first artboard and their second and yeah.
We might have some dots and creating ellipses and, let's use repeat grid, to have some little buttons that will allow you to click through the buttons.
Those buttons will lead to each different section of our website.
So we can now go to a prototype mode and we can set the link between those dots and this second artboard and as a transition, we're going to set slide up.
It'S so easy to set up.
You have the duration, you have some easing and when you're ready, you can test with the play button and it launches the preview window and in preview window I can click on whatever dot.
And now we have slide up animation.
We can record this animation and send it to our client, or we can, for example, use this share button that I will show you in a second, because tip number 29 is first using UI kids, I'm going to show you already my DIY kids that you can Open directly from other, be experience design when you go to file and you have something like open, UI kit and there is a Apple iOS or a material design or Windows.
So let's go to material design and there is a new file in which you have ready-made components for Android and as well as all the material guidelines, and you can select all the items that are here and we use them in your project by just copying and Pasting between Adobe experience design file because you can have as many files as you wish open in separate windows.
So it's very useful and I encourage you to use this iOS and Android kit and the last tip I have is sharing those prototypes and pinning comments as well.
So, let's get back to our prototype and now, let's imagine that we finish the prototype and all the transitions are set and we can now share the project with our project, owner or and maybe our client.
So we can click on this little button on the top right its share online and we can create a link to our asset as well as we can see the embed code and if you wish to share the work on be hands-on dribble.
You can use this embed code, but otherwise you use the link, you just copy the link and you give it to a person that you wish to see the prototype and this link opens in any browser.
It doesn't require Adobe experience, design and any person can view your prototype and can switch through all of the our boards that we have here and also see all the transitions as well as he or she can comment.
While clicking on this little show comment icon.
We can say, for example, try different shade and we can also set this pin to artboard to pin it to the right color.
So maybe we want to try a different shade of green, so let's click over there and we can see that this comment is applied to this part of the artboard.
That'S it I hope you've learned something useful.
I encourage you to experiment and use Adobe experience design, along with the tips that you've learned in this video.
Let me know in the comments: if you need anything else, I hope you had fun and see you in the next movie.
Comments
Post a Comment