原文链接 https://uxdesign.cc/ultimate-start-guide-for-beginner-ux-ui-designer-b848be089589

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 start 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 designers 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 beginner designer don’t ignore to learn the basics.

Links to bookmark:

  • Human Interface Guidelines. — Grid, Typography, Resolutions
  • Material design — Motion Guidelines
  • Icons Basics — Understand about pixel perfection
  • UI Basics
  • NN Groups for UX — Research-based UX basics.
  • Law of UX — Basic law about spacing.
  • Design of everyday things

    № 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 2019]

№ 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:

  • Playbook — To have a meaningful design conversation.
  • Dribbble — Focused on UI, Motion.
  • Behance — Branding .

  • Product Hunt — Cool tools every day.

    № 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:

  • Mobbin — Real app UI patterns.

  • Uisources — Real app interaction.
  • Awwwards — For website design.
  • Reallygoodemails — Email template design
  • Bestfolios — Case studies and Portfolio

    № 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

  • FastCompany — Top notch articles
  • Sidebar — Very fussy articles
  • Muzli — best for visual
  • Techcrunch — VC, funding, money stuff
  • DesignBetter.Co — Interviews from top design leaders

    № 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

  • After effects — Onboarding animations.
  • Cinema 4D — Product design demo videos

    №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

(ii) Free Font

(iii) Colors

  • BrandColors — When you are starting as a designer just use these colors and understand how they are maintaining hue
  • Color Hunt — Trendy colors
  • Webgradients — Give a spark

(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

(viii)Mockup

(ix) Free source file download

(x) UI Kits