I have been collecting these links for the past 5 years.

I conclude to forge this list so that I can copy paste this link if someone asks me these questions, 😛

What software you are using? How to become a Pro designer? How to switch from graphic designer to UX designer? How to my design career?

These are the 7 main pieces,

  1. Assimilate Basics [Super important] ✴️
  2. Master Design process and principles
  3. Join with communities & contribute
  4. Get inspired and inspire others
  5. Refreshed with recent news
  6. Know tools to convey your concepts.
  7. Bonus: Freebies era [Contribute, don’t just download 😁]

Disclaimer: I have focused on sharing technical knowledge, not my English abilities. So don’t judge.

I have handpicked only the links I use persistently. Also, I described why I admire that particular site.

№ 1.Assimilate Basics [Super important] ✴️

Most of the including myself when we started, we assumed that making improbable animation will make us a Pro designer. But that’s not true.

“Learning basics like spacing, typography, the alignment will make you Pro designer.”

So when you are instituting as a designer don’t ignore to learn the basics.

Links to bookmark:

№ 2. Master Design process and principles

I believe you skilled all the fundamental. The first step is all about YOU. Now you are faring to think about working in a design team, working with developer and business leaders.

“Designers roles will get accomplish when we started collaborating & communicating with a multidisciplinary team of designers, devs, business people”

Links to bookmark:

(i) Working with developers

(ii) Process phase

(iii) Presentation phase [You must learn this skill]

(iv) Learn about Voice Interface [because it’s ]

№ 3. Join with communities & contribute

All over the globe design communities are super supportive. Don’t be passive members, try to contribute and support other designers

“Bring your unique style to the community, don’t just follow others style.”

Links to bookmark:

№ 4. Get inspired and inspire others

Inspiration means not just gazing at their visual, scrutinize how they are solving a specific problem and dissect what makes them eminent.

Links to bookmark:

№ 5. Refreshed with recent news

“The future is already here — it’s just not evenly distributed. — William Gibson

Just scrolling over news will unthinkingly help you intercross dots while you are solving a design riddle.

Links to bookmark:

(i) Design companies blogs

(ii) Everyday design news

№ 6. Know tools to convey your concepts.

There is a traditional delusion that designers have to start by learning design tool. That’s absolutely inaccurate. Tools change every year, but design basics never change. Design tools just help you to visualize your ideas, they are not primary factors to be a good designer.

Senior designer ≠ Pro in using a design tool.

Senior designer = Pro in finding the problem, coming up with a solution.

Links to bookmark:

(i) Design

  • Adobe XD — Super fast design software works on Windows
  • Sketch — Designers famous tool.
  • Figma — For collaboration

(ii) For User testing

(iii) Prototyping

  • Adobe — For quick Auto-animate, Voice interaction
  • Framer x — Incredible drag and drop animation components+ Reactjs
  • Invision Studio — Best touch interaction.
  • Principle — Complex Interaction.
  • Kite — Convert animation to swift code
  • ProtioPie — Use sensor inputs, Arduino Inputs for prototype
  • Sketch Together — Learn some cool stuff

(iv) Animation

№7. Bonus: Freebies

When comes to freebies its easier to get dazed by many mediocre free resources, be picky about the resources you download and use. For example, if you are downloading icons make sure you obtain icons from trusted platforms like Google so that everyone can understand the meaning of inclusive icons.

“Contribute and Support don’t just download 😁”

Links to bookmark:

(i) Icons & Illustration

  • Material Design Icons — Download and analyze how they are making perfect icons
  • Noun Project — Just good icons
  • Undraw — Use these as a dummy when you are starting a project.
  • Brand Icons — All big companies logo in SVG, you dont need to google it.

(ii) Free Font

  • Apple fonts — Perfect for apple devices Just go with SF FONT
  • Google Fonts — Font suits for all languages
  • DaFont — So many creative fonts

(iii) Colors

(iv) Videos

(v) Music

(vi) Images

  • Unsplash — Clean photographs
  • Remove.bg — use this when you make social media profile picture
  • TinyPNG — Helps to compress images when you build your site

(vii) Brainstorming Wireframe


(ix) Free source file download

(x) UI Kits

Whoa, after culminating this list, it looks like designers job is hard, so many moving parts, Haha. Nevertheless, every designer adores their profession.


Recommended articles for you

Before you go

👏 50 Clap if you enjoyed this article, this will tell me to write more of it!
🤔 Comment if you have something to say
🙂 Click follow Johnyvino to get updates of my recent articles

🐧 Shout out in Twitter would be great too ❤️

📭 Email [email protected]ohnyvino.com for design projects

Source link


Please enter your comment!
Please enter your name here