UI/UX With Imran

UI/UX With Imran ❀️ || Design || ❀️
πŸ’‘A Group of Skilled and Talented Graphic Designer and UI/UX Designer?

Here is "Two" best community content there you can grab your ICON for your next project.πŸ˜€1. Iconly 2.3 - 600+ Essential ...
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πŸš€
___________________________πŸ˜€






28/09/2022

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πŸš€
___________________________πŸ˜€






Roadmap to start UI DesignπŸ’‘πŸ’‘πŸ’‘πŸ’‘πŸ’‘πŸ’‘
24/07/2022

Roadmap to start UI Design
πŸ’‘πŸ’‘πŸ’‘πŸ’‘πŸ’‘πŸ’‘

Excellent color combination for your next project.😍Follow me for UI/UX tips__________________πŸ˜ƒ
25/06/2022

Excellent color combination for your next project.😍

Follow me for UI/UX tips
__________________πŸ˜ƒ






23/06/2022

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πŸš€
___________________________πŸ˜€






23/06/2022

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πŸš€
___________________________πŸ˜€






Layers and Objects in Figma ( Part2)⬇️⬇️⬇️Before read this please read the Part2Okay Move On!!πŸš€πŸš€2. Select Nested Layers....
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
___________________________πŸ˜€






Layers and Objects in Figma ( Part1)⬇️⬇️⬇️Before you can update any properties associated with an object or layer, you w...
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
___________________________πŸ˜€






What is the importance of using a chart?πŸ“ŠπŸ“ˆβ¬‡οΈβ¬‡οΈβ¬‡οΈCharts enable you to visually compare multiple sets of data. Charts can ...
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
___________________________πŸ˜€






Why is color important in UI and UX design?πŸ‘‡πŸ‘‡Proper color use is important for creating a positive image for your custom...
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
__________________πŸ˜ƒ







Button design may seem easy for you.However it isn't.There are pretty clear rules, and we see designer break them day af...
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
___________________________πŸ˜€






Address

East Razabazar, Tejgoan
Dhaka
1215

Website

Alerts

Be the first to know and let us send you an email when UI/UX With Imran posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to UI/UX With Imran:

Share