Irvilani

UIX Designer | Framer Designer

[Saurabh Dubey @SaurabhDub28465]

Want to get better at SQL fast?
Here are 4 courses that will help you level up:

1️⃣ SQL Basics for Data Science
https://t.co/R5OUqc9LEM

2️⃣ Google Data Analytics
https://t.co/whyq0XcpRg

3️⃣ IBM Data Science
https://t.co/sANbzLESzY

4️⃣ Google Business Intelligence
https://t.co/QH6K3eitJm

❤️ Like
🔁 Repost
🔖 Bookmark

Follow @SaurabhDub28465 for more of these free courses. productivity content.

[Irvilani @irvilani]

@itspriionly sql

[Irvilani @irvilani]

@FirstlyMedia Halo min
No. Pelanggan : 10294175 internet ko mati ya? Daerah binong permai, tangerang. Mhon Bantuanya min.

[UX Links @uxlinks]

Learn How To Use Occam’s Razor Law to Boost Your Next Design Project! 🙌

FREE PDF Download 🔖

Occam’s Razor is a problem-solving principle stating that the simplest explanation or solution, with the fewest assumptions, is often the most likely to be correct.

Summary:

Why Ocam’s Razor law?
Occam's Razor is crucial in UX design for promoting simplicity and clarity. By focusing on essential elements and minimizing complexity, designers create intuitive and efficient user interfaces. This leads to higher user satisfaction, retention, and product success.

How product designers can apply the law in design?

Simplify navigation
Streamline menus, group similar items, and use clear labels to make it easy for users to find what they're looking for.

Reduce cognitive load
Limit the amount of information presented at once, break down complex tasks into smaller steps, and provide clear instructions to help users focus on their goals.

Minimize user input
Reduce the number of fields in forms, use smart defaults, and employ autofill features to decrease the amount of manual input required.

Emphasize clarity and consistency
Use consistent visual elements, typography, and color schemes throughout the design to help users build a mental model of the interface.

Remove unnecessary elements
Eliminate any extraneous features, buttons, or content that don't directly contribute to the user's goals or improve their experience.

Optimize for mobile
Design with mobile devices in mind, ensuring that interfaces are responsive, touch-friendly, and easily navigable on smaller screens.

Prioritize usability over aesthetics
While an attractive interface is important, prioritize functionality and ease of use over purely visual design elements.

Test and iterate
Conduct user testing to identify potential issues or areas for improvement, and continually refine the design based on user feedback.

#UX #UI #ProductDesign #UXDesign #UIDesign

[Eduard Bodak @eduardbodak]

Something I wish to see on every Site. The Design behind the Project. All the Iterations. The System if there is one.

Added the Figma Link of those stuff on my Portfolio, so potential Clients can directly see what they can expect of my work. The example is my Portfolio Website.

How does the system look?

How does the UI/UX Design look?

How many iterations are there behind the project? OK. Here it's a bit wild and way too much. But I tried many directions and like it is with Portfolios, pretty often you just erase everything and starting fresh after some time 😃

You can see here the Design System I'm using. I call it Graphical User Interface. In short GUI.

That one is pretty simple because it's just a Website, not any big product.

Mostly I'm using 5 to 8 different Text sizes. I try also to make always a big gap in size between them, but sometimes you just need one size a bit smaller.

I name it directly in the design like u-h1, u-p1, u-c1, u-f1 and so on. So, I can just use the same names in Webflow.

u → utility
h → heading
p → paragraph
c → control
f → footnote

I define the colors in the GUI. I don't use super many or thousands of shades, because it's mostly just a little Website.

Here I'm using them as variable and also call it already like I use them in Webflow as a CSS Variable.

color → text color
color-background → background color
color-accent → main accent color

Those three are mostly the ones I'm using. For dark modes I can just switch them. When using more colors like here, I add those to the color-accent-name.

I also show there the buttons and the different states. All icons. The spacing system I'm using across the site. Also the spacings between text & heading inside the rich text.

On the "UX/UI Design" Page I show the complete Design of the Portfolio on Desktop & Mobile. Didn't transfer everything there yet, the rest will be coming when I'm back!

But you can see how I work in Figma, how I structure the design parts. Showing a bit of the Animations. Sometimes also prototype videos of it (not here). Different states.

And also on "Behind the Scenes" every design I did along the way, every iteration. Sometimes completely changed the design.

It's also really cool for me to see where I started, which directions I did go and where I ended up.

Link to the Figma in the comments.

[UI/UX Savior @UiSavior]

Choosing the right web design layout can transform user experience 🙌

FREE cheatsheet attached 🔖

Here are 12 classic styles every designer should know:

🟦 Two-column → balanced text + sidebar
🟨 Split screen → compare options
🟧 Asymmetrical → bold + modern
📖 F-shape → natural reading flow
⚡ Z-shape → landing pages & CTAs
🗂️ Card/Block → scan-friendly chunks
🎥 Featured media → visual storytelling
🧩 Masonry → galleries & feeds
📰 Magazine → content-heavy layouts
📌 Fixed nav → menu always visible
📂 Hidden nav → minimalist menus
🎛️ Interactive → sliders & carousels

Which layout do you use most? 👇

#UX #UI #UXDesign #UIDesign #ProductDesign

[UX Links @uxlinks]

Learn about the Principles of Design with this excellent Cheatsheet! 🔥🔥

Overview:

EMPHASIS
Creating a Hierarchy or focal point to guide the eye to a specific element first. Utilising colour, contrast, proportion and rhythm.

BALANCE
Weighting or arranging the elements within the image to create visual, even distribution of shape and space.

UNITY
Aligning all separate elements to work together in Harmony through pattern, balance and rhythm.

CONTRAST
Contrast can highlight differences or add a focal point by using opposing colour, shade or textures.

RHYTHM
Direct the eye through form with the use of repetition of shape, lines or colour and helps create mood.

PROPORTION
Or Scale, to use a base for the viewer to compare single elements to through size, dimension and space.

VARIETY
Utilising different shapes, colours and textures to keep overall image interesting. Also aids with creating a focal point.

Bookmark or save the cheatsheet by Anita Green

#ux #ui #uxdesign #uidesign #productdesign #userexperience #visualdesign #graphicdesign #designprinciples #webdesign #appdesign #design #html #css #js #react #prototyping #ixd #ios #usability #color #figma #sketch #webdevelopment #business #startup

[Irvilani @irvilani]

@Ai_Vaidehi SQL please

[Vaidehi @Ai_Vaidehi]

100 SQL Questions with Answers in 59 pages🔥

1/n

[Irvilani @irvilani]

@FirstMediaCares Berapa lama min normal lagi? Uda 2 hari ini gangguan trus -,-" mohon bantuanya min

[Irvilani @irvilani]

@FirstMediaCares Halo min
No. Pelanggan : 10294175 internet ko mati ya? Daerah binong permai, tangerang. Mhon Bantuanya min.

[Irvilani @irvilani]

@FirstMediaCares min pmbyrn No. Pelanggan : 10294175 ini blm terkonfirm?
Mhon Bantuanya min.

[Irvilani @irvilani]

@FirstMediaCares Halo min
No. Pelanggan : 10294175 internet ko down ya dri smlem? Daerah binong permai, tangerang. Mhon Bantuanya min.

[Irvilani @irvilani]

@FirstMediaCares Halo min
No. Pelanggan : 10294175 internet ko down ya dri smlem? Daerah binong permai, tangerang. Mhon Bantuanya min.

[Job Corner @JOBCORNER247]

𝟭𝟱 𝗕𝗲𝘀𝘁 𝗙𝗥𝗘𝗘 𝗦𝗤𝗟 𝗖𝗼𝘂𝗿𝘀𝗲𝘀 𝘄𝗶𝘁𝗵 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗢𝗻𝗹𝗶𝗻𝗲 𝗶𝗻 𝟮𝟬𝟮𝟱:

1. SQL for Data Science
https://t.co/BxGEiQMd1X

2. Introduction to Structured Query Language (SQL)
https://t.co/AUbFhu3sXw

3. Databases and SQL for Data Science with Python
https://t.co/j5QT9WJooK

4. SQL for Data Analysis (Mode)
https://t.co/pstfbp8Vfe

5. Databases: Relational Databases and SQL
https://t.co/Ge4bFjars9

6. Oracle SQL Basics– Coursera
https://t.co/C4vd7PmNMs

7. Introduction to Databases and SQL Querying
https://t.co/vdHZfMlMFA

8. Advanced SQL
https://t.co/01NIxxuTu0

9. Oracle SQL - A Complete Introduction
https://t.co/QmqXnmvi7w

10. SQL Projects - Free Certificate
https://t.co/Fk6H2GJlwI

11. RDBMS - No Certificate
https://t.co/pstfbp8Vfe

12. SQL - Free Certificate
https://t.co/1kkUlbur2d

13. MySQL - Free Certificate
https://t.co/AsHQi79xII

14. Querying and managing data
https://t.co/JHi1PQ6dtJ

15. Implement a Relational Database with SQL
https://t.co/lCAvDg4LoY

16. Advanced Databases and SQL Querying
https://t.co/xF3R6tHnaa

17. Microsoft SQL Crash Course for Absolute Beginners
https://t.co/RODWiaz2QD

18. Oracle SQL - A Complete Introduction
https://t.co/QmqXnmvi7w

19. Databases and SQL for Data Science with Python
https://t.co/L0cf0lCP1l

20. SQL 101: A Beginners Guide to SQL
https://t.co/0UVCjmfigm

21. Learn SQL Basics for Data Science Specialization
https://t.co/FoHX0C1Fz5

22. PostgreSQL for Everybody Specialization
https://t.co/ZOS3qtY947

23. Google Data Analytics Professional Certificate
https://t.co/TxFYEosoA7

24. Meta Database Engineer Professional Certificate
https://t.co/8uCbLJCZga

25. IBM Data Analyst Professional Certificate
https://t.co/NfOxravdG3

26. Introduction to Relational Database and SQL
https://t.co/KNpI9zTxg0

27. IBM Data Science Professional Certificate
https://t.co/gFsFS3B6zu

[Abraham Okah(info hub) @AbrahamOkah2]

In this link, you can learn the following for FREE:

UI/UX
SQL
Scrum Master
Product management
Project management
Microsoft excel
Data analytics
Big data Agile
Business analytics
Data visualization

Link: https://t.co/bdu2kbxECv

RT

[UX Links @uxlinks]

Choosing the right web design layout can transform user experience 🙌

FREE cheatsheet attached 🔖

Here are 12 classic styles every designer should know:

🟦 Two-column → balanced text + sidebar
🟨 Split screen → compare options
🟧 Asymmetrical → bold + modern
📖 F-shape → natural reading flow
⚡ Z-shape → landing pages & CTAs
🗂️ Card/Block → scan-friendly chunks
🎥 Featured media → visual storytelling
🧩 Masonry → galleries & feeds
📰 Magazine → content-heavy layouts
📌 Fixed nav → menu always visible
📂 Hidden nav → minimalist menus
🎛️ Interactive → sliders & carousels

Which layout do you use most? 👇

#UX #UI #UXDesign #UIDesign #ProductDesign

[Job Corner @JOBCORNER247]

Here are some *FREE UI/UX Courses*

HOW TO BECOME A UI/UX DESIGNER: FOR COMPLETE BEGINNERS (COMPLETE COURSE)
https://t.co/JxrpOf4CfP

UI/UX DESIGN (COMPLETE PACK)
https://t.co/jZo3YuK12g

UI/UX FREE COURSES
https://t.co/76hYD7f3sc

For the UI/UX guys in the house, do check them out.

The value in here is GOLDEN.

Happy learning.

[Irvilani @irvilani]

@FirstMediaCares min knp signal eror yaa
No. Pelanggan : 10294175. Mhon bantuanya di cek min

[UI/UX Savior @UiSavior]

For UI/UX Designers 😎

20 Popular Figma Plugins to Boost your UX / UI Designs

Iconify
Icon Resizer
Wireframes
Remove BG
Better Font Picker
MagiCopy
Stark
Autoflow
Mockup
SVG Motion
Autoname
Color Styleguide
Color Shades
Color Blind
Lottifiles
Locofy
Mapsicle
Beautiful Shadows
Contrast
Downsize

20 Excellent Websites for FREE images!

1. burst.shopify .com
2. pixabay .com
3. kaboompics .com
4. stocksnap .io
5. picjumbo .com
6. isorepublic .com
7. deathtothestockphoto .com
8. pixels .com
9. flickr .com
10. unsplash .com
11. freerangestock .com
12. reshot .com
13. nos.twnsnd .co
14. shutterstock .com
15. freeimages .com
16. canva .com
17. lifeofpix .com
18. depositphotos .com
19. istockphoto .com
20. gratisography .com

20 Excellent FREE Illustration Resources for UX / UI

1. absurd .design
2. blackillustrations .com
3. drawkit .com
4. humaaans .com
5. undraw .co
6. opendoodles .com
7. freebiesupply .com
8. manypixels .co
9. icons8 .com/illustrations
10. lukaszadam .com/illustrations
11. stubborn .fun
12. storyset .com
13. draftss .com
14. freevector .com
15. icons8 .com
16. blush .design
17. iradesign .io
18. icons8 .com
19. openpeeps .com
20. vectorian .net

20 Excellent Websites to get UX / UI Design Inspiration

1. Awwwards .com
2. Behance .net
3. Designspiration .com
4. Screenlane .com
5. Dribbble .com
6. SiteInspire .com
7. Onepagelove .com
8. AdmireTheWeb .com
9. Pinterest .co.uk
10. Abduzeedo .com
11. Collectui .com
12. Lapa .ninja
13. Uigarage .net
14. TemplateMonster .com
15. Thefwa .com
16. Webdesign-Inspiration .com
17. BestWebsite .gallery
18. Webflow .com/made-in-webflow
19. Siteinspire .com
20. Pttrns .com

Excellent Set of UX / UI Design Tools for creators

Ui DesignTools
- Figma
- Adobe XD
- Sketch
Advanced Prototyping
- ProtoPie
- Axure
- Webflow
Design Systems
- Figma
- zeroheight
- AdobeXD
User Flows
- Whimsical
- VisualSitemaps
- Sketch
Portfolio Builders
- Webflow
- Behance
- Squarespace