پنجشنبه , ۲ خرداد ۱۳۹۸
خانه - رابط کاربری - ui - هفت گام تا تبدیل شدن به یک طراح UI/UX

هفت گام تا تبدیل شدن به یک طراح UI/UX

من اخیرا سوال های مشابهی رو از افراد زیادی دریافت کرده ام:

  • چگونه می توانم بیشتر در مورد UI/UX یادبگیرم؟
  • من یه برنامه نویسم/مدیر بازاریابی/استراتژیست محتوا هستم و میخوام بیشتر در مورد طراحی بدانم. از کجا باید شروع کنم؟
  • فرق بین یک طراحی خوب و یک طراحی بد چیه؟
  • چقدر طول میکشد تا تبدیل به یک طراح شویم؟

من چگونه شروع کردم؟

این سوال من را به 7 سال هفت سال پیش برد، زمانی که اولین شغلم را شروع کردم، اولین روز کاری من به عنوان یک طراح بود. من پشت یک فایل خالی و سفید رنگ فتوشاپ نشسته بودم. من داشتم سعی میکردم که بفهمم مدیرم دقیقا از من چه چیز می خواهد. من هیچ ایده ای برای انجام اون نداشتم.

قبل از گرفتن اون شغل من مدرک طراحی از دانشگاه داشتم. خب برام این سوال پیش اومد که چرا من چیزی در مورد طراحی نمی دانم؟

خب، در دانشگاه به ما طراحی به صورت عملی درس داده نشده بود. اکثر کلاس ها و دوره هایی که گذرانده بودیم، بر پایه مباحث تئوری بود و اینکه چطور میتوان از ابزار هایی مثل فتوشاپ و … استفاده کرد.

اما این کافی نبود.حتی یک ذره هم کمکی نمی کرد.

یاد گرفتن و تمرین کردن توسط خودتان تنها راهی هست که شما را به یک طراح بهتر تبدیل می کند.

بعد از 7 سال تمرین و خودآموزی، من الان یک  معلم طراحی و یک سخنران بین المللی هستم.

اولین چیزی که باید بدانید این است که:

لازم نیست که به صورت مادر زادی طراح باشید.

طراحان موجودات شگفت انگیزی نیستند که از همان ابتدا به عنوان یک هنرمند به دنیا امده باشند. طراحی باید یاد گرفته شود.

طراحی هنر حل کردن مسائل است. یک فرایند پیوسته از پیدا کردن و حل کردن مسائل مختلف است.

1-خودتان را با اصول رابط کاربری آشنا کنید.

قبل از شروع تمرین و یادگیری طراحی شما لازم دارید که با برخی از اصول آن آشنا شوید. بعد از این مرحله شما می توانید وارد دنیای طراحی شوید و شروع کنید به خلاقانه اندیشیدن. شما جنبه های روانشناختی طراحی را یاد خواهید گرفت و می توانید ببینید که چرا یک اثر خوب و یک اثر دیگر یک شکست محسوب می شود.

در اینجا چند مورد از اصولیپ طراحی که باید با آنها آشنا باشید را ذکر میکنیم:

1-رنگ

معنی رنگ ها ، اصول و روانشناسی رنگ ها – بیشتر

1. Color

Color vocabulary, fundamentals and the psychology of colors.
Principles of design: Color

2. Balance

Symmetry and assymetry.
Principles of design: Balance

3. Contrast

Using contrast to organize information, build hierarchy and create focus.
Principles of design: contrast

4. Typography

Choosing fonts and creating readable text on the web.
10 Principles Of Readability And Web Typography

5. Consistency

The most important principle, creating intuitive and usable designs starts here.
Design principle: Consistency

Here are some great do’s and don’ts to design a good UI.

2. Learn the creative UX process.

The next thing is to understand the creative process. UI/UX design is a process of specific phases that every creative person goes through.

The creative process

Divided into four distinct phases — Discover, Define, Develop and Deliver — the Double Diamond is a simple visual map of the design process.

Discover

This is the start of the project. Designers start researching, getting inspired, and gathering ideas.

Define

This is the definition stage, where designers define an idea extracted from the Discover phase. From this, a clear creative brief is created.

Develop

This is where solutions or concepts are created, prototyped, tested and iterated. This process of trial and error helps designers to improve and refine their ideas.

Delivery

The final phase is the delivery stage, where the final project is finalised, produced and launched.

Check out my article How to streamline your UI/UX workflow with Figma.

3. Develop your eye for design

Knowing design principles is great, but sometimes it’s not enough, you also have to train your eye to see good design and bad design and to identify strengths and weaknesses in designs.

The most effective way to train your eye for design is through inspiration.
Before opening a blank canvas and staring at it for half an hour, know that the only way to be creative is through research. Sometimes the mind can’t create ideas on its own, you have to first look at other designs to start creating your own, especially when you’re a beginner.

So look at what other designers are doing on Dribbble, and whenever you come across pretty designs or something relevant to your project, save it in your notes and mention what you like about it, you can also take screenshots. This way, you will have a collection of inspirational designs for you to start from.

Here are my favorite websites for inspiration:

4. Read design articles everyday

To make ourselves get familiar with design, the best way is to read a few articles each day.

Make reading design news and blog an everyday habit. There are millions of articles available online for us to discover about new trends, use cases and tutorials. All we have to do is find them. There’s nothing better than learning from other people’s experiences.

So start your day with a cup of coffee and a few inspirational articles on Medium or Smashing Magazine. Learning new things in the morning will broaden your mind and will make room for creativity during the day.

Then, every now and then during your day, take a few breaks to read more. Taking breaks is very important for creativity, especially when you get stuck and feel unproductive. Bookmark the website you like as your browser homepage or subscribe to a design newsletter.

Here are my favorite blog and news websites for design:

5. Design fake projects.

Practice makes perfect. And we all know we can’t get clients/jobs without experience. But without a job or projects, we can’t practice, right?

But we can break this cycle by practicing on our own, by creating fake projects for fun! Dribbble is full of it.


Facebook Material Design by Kevin McCarthy

Make time to pick a website or app you already use and redesign it. It could be anything you think it can be better. You can also design your own app idea.

From this, you’ll build your design portfolio and you’ll practice design.

6. Learn the latest web design tools.

There are tons of design tools out there, but you don’t need to know all of them. Get to know the best ones out there, choose your favorites and stay updated with the newest features and trends.

Here are the latest tools that I use in my design process:

7. Mentor and get mentored.

Another great way to learn design is to find a design mentor or designer friend who is willing to help. They will help you speed up your learning process.

The designer would review your work and give their comments whenever possible. It’s like a shortcut. They would also give you tips and tricks they learned from their experience. So go ahead and e-mail a designer, ask questions and discuss your concerns.

Also, from the few years that I taught design and front-end, I learned more than I taught. When you’re ready to start talking about design with people, you can mentor or educate someone about design. You will learn to see it from a different perspective and you will get feedback and questions that you might’ve never thought about.

Whenever you’re talking about design with other people, your mind will be in “brainstorm” mode all the time and you will find yourself getting interested in design more and more.

Check out myAwesome Web Design github repository, a curated list of resources for web designers.

If you liked this post, make sure to give me some 👏 below and follow my blogfor more design articles. Also, say hi on Twitter 🙋🏽‍

Images source: pexels.com

منبع

درباره ی محمد لطفی

برنامه نویس و توسعه دهنده

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *