UI/UX With Imran
Share
❤️ || Design || ❤️
💡A Group of Skilled and Talented Graphic Designer and UI/UX Designer?
07/10/2022
Here is "Two" best community content there you can grab your ICON for your next project.😀
1. Iconly 2.3 - 600+ Essential icons / 🚀Animated icons (Community) (Community)
2. coolicons | Free Iconset (Community)
Follow me for UI/UX tips🚀
___________________________😀
Usefull Figma Shortcut😍 PART-1🥹
⬇️
⬇️
💁♀️1. Shift+X
- to swap between "Fill" and "Stroke" color
- to swap allignment between "Packed" and "Space Between"
(When Auto Layout added)
💁🏻2. Ctrl+Shift+H ------------- Hide the layer
💁🏿♂️3. Ctrl+Shift+L ------------- Lock the layer
💁🏿♀️4. Ctrl+Shift+T ------------- Play Prototype
💁♂️5. Ctrl+Z -------------------- Undo
💁♀️6. Ctrl+Shift+Z ------------- Redo
💁🏻♂️7. Shift+G ------------------ Show/Hide Grid
💁🏻8. Shift+R ------------- Show/Hide Rullar
💁♀️9. Shift+O ------------- Show/Hide Outline
💁🏿♀️10. Ctrl+(+) --------------- Zoom In
💁🏻♂️11. Ctrl+(-) --------------- Zoom Out
💁🏻12. Shift+1 --------------- Zoom to Fit
💁🏿♀️13. Ctrl+0 ---------------- Zoom to 100%
Continue..................................
Follow me for UI/UX tips🚀
___________________________😀
24/07/2022
Roadmap to start UI Design
💡💡💡💡💡💡
25/06/2022
Excellent color combination for your next project.😍
Follow me for UI/UX tips
__________________😃
Layers and Objects in Figma ( Part4)
⬇️
⬇️
⬇️
Before read this please read the Part3
Okay Move On!!
🚀
🚀
6. Marquee Selection🥹
The marquee tool allows you to select all objects in a specific area of the canvas.
To select____
1. Click and hold on a empty part of the canvas.
2. Drag the cursor across any objects you’d like to select.
3. A blue box will appear around each object are in the selection.
4. To select nested layers, hold down the modifier key and drag the
marquee across the objects:
* Mac: ⌘
* Windows: Ctrl
5. To remove an object from the selection, hold down the Shift key
and click on the object.
Note: It is possible to select nested objects without selecting the parent object. Be mindful that when you select a parent object, this also selects all the child objects in it. This allows you to move everything at once.🔥
🚀
🚀
Check the video to get it more clear.🥰
Continue..................................
Follow me for UI/UX tips🚀
___________________________😀
Layers and Objects in Figma ( Part3)
⬇️
⬇️
⬇️
Before read this please read the Part2
Okay Move On!!
🚀
🚀
5. Select Multiple Layers💡
You can select more than one object or layer at a time.
This is great when you want to__
* Update a property across more than one layer
* Resize more than one layers in bulk
* Move a collection of objects
* Create a Group, Frame, or Component from the selection.
🔥🔥🔥🔥
Note: When you select more than one layer, you can access "Selection Colors" in the Properties Panel. This allows you to update individual " Fills, Style, and Strokes in a mixed selection.
( N:B: We will talk about this topic in our Vies and adjust colors in a mixed selection article.)
To select Multiple Layer Of Object___
1. Select an object in the canvas.
2. Hold down the " Shift key " and click on another object.
3. This will allows you to select as many objects as you like.
🥹Tip! Click an object second time while holding Shift key to remove it from the current selection.
🚀
🚀
Check the video to get it more clear.🥰
Continue..................................
Follow me for UI/UX tips🚀
___________________________😀
23/06/2022
Layers and Objects in Figma ( Part2)
⬇️
⬇️
⬇️
Before read this please read the Part2
Okay Move On!!
🚀
🚀
2. Select Nested Layers.💡
If you are working on more complex design, you may have a lots of objects nested within a group or frames. The relation between nested object is Parent, Child and Sibling. Learn more about that (https://cutt.ly/dKmngG8)
When you click on a object that us part of a group or or frames, you will select the parent default. Double click on the object OR press Enter Key- to select one level of nesting down. Repeat this process until you select the correct child elements.
Tip! Move between nested objects using keyboard shortcuts.
1. Select Child------------------- enter
2. Select Parent------------------ shift enter
3. Select Next Sibling------------ tab
4. Select Previous Sibling ------- shift tab
Move On!!
🚀
🚀
3. Deep Select.💡
Just hold down the Ctrl Key to select a nested child layer from a group or frames. (Super Useful Feature)
🚀
🚀
4. Select Layer Menu.💡
The select layer menu allows you to choose which specific area would you like to select in canvas.
1. Right-click to open the context menu:
2. Hover over the selected layer option.
3. Select a layer from the list and the selected list will
show you the selected area or object.
Check the image to get it more clear.🥰
🚀
🚀
Continue..................................
Follow me for UI/UX tips
___________________________😀
23/06/2022
Layers and Objects in Figma ( Part1)
⬇️
⬇️
⬇️
Before you can update any properties associated with an object or layer, you will need to select it. We’ll cover all the basics for selecting objects, as well as some lesser known tips and tricks.🥰
1. Select Individual Layers.💡
Just click on an object in the canvas to select it. SIMPLE!😃
Check the video to get it more clear.🥰
🚀
🚀
Continue..................................
Follow me for UI/UX tips
___________________________😀
23/06/2022
What is the importance of using a chart?📊📈
⬇️
⬇️
⬇️
Charts enable you to visually compare multiple sets of data. Charts can help people better understand and remember information.
Many people understand a picture more quickly than blocks of text. A compelling chart can help you make your point more
convincingly and lend credibility to your design.💕😍
Follow me for UI/UX tips
___________________________😀
21/06/2022
Why is color important in UI and UX design?
👇
👇
Proper color use is important for creating a positive image for your customers. The decision-making process takes around 90 seconds after the initial interaction with products or interfaces we see. Visual appearance affects consumer purchasing decisions. There is no doubt that colors can stimulate our brain chemistry and generate feelings accordingly.🦚
The green🍀🍃 and blue🐬🥣 colors that are the most common in nature can provide better healing for the stressed-out mind. This is why blue, for example, is commonly used in mental therapy for reducing stress.🌸 There are some color combinations (bright red/blue or red/green) which you should avoid when designing a color scheme for your website.🥰
Follow me for UI/UX tips
__________________😃
20/06/2022
Button design may seem easy for you.
However it isn't.
There are pretty clear rules, and we see designer break them day after day without any consequences. They are making mistake.
Let's clear these up.......😃
Follow me for UI/UX tips
___________________________😀
Click here to claim your Sponsored Listing.
Contact the business
Website
Address
East Razabazar, Tejgoan
Dhaka
1215