طراح رابط کاربری/ تجربه کاربری ( UI / UX ) - مُدَرس - یوتیوبر
Atomic Design - طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها
اگر می خواهید بدانید روش Atomic Design یا دیزاین اتمی چیست و چطور میتونید از آن در طراحی UI و ساخت دیزاین سیستم ها استفاده کنید با من در این آموزش همراه باشید.
دیزاین اتمی یا Atomic Design چیست؟
طراحی اتمی روشی است که توسط برد فراست ایجاد و ارائه شده است. هدف آن ایجاد و طراحی دیزاین سیستم هایی با ساختاری منظم و دارای سلسله مراتب یا hierarchy است.
در آموزش Atomic Design - طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها؛ چه مواردی بررسی می شود؟
محتوای فیلم آموزشی Atomic Design - طراحی اتمی :
- 01:00 | طراحی اتمی یا Atomic Design چیست؟
- 02:16 | مفهومی طراحی اتمی در دیزاین رابط کاربری چه کاربردی دارد؟
- 02:50 | روش طراحی اتمی چه مراحلی دارد؟
- 03:05 | مرحله اول طراحی اتمی - اتم ها
- 03:34 | مرحله دوم Atomic Design - مولکول ها
- 05:00 | مرحله سوم طراحی اتمی - ارگانیسم ها
- 05:55 | مرحله چهارم Atomic Design - تمپلیت ها
- 07:11 | مرحله پنجم طراحی اتمی - صفحه ها
- 09:14 | مهمترین مزیت و کاربرد طراحی اتمی
به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.
طراحی اتمی - Atomic Design چیست و کاربرد آن در ساخت دیزاین سیستم ها
چرا طراحی اتمی؟
نام این روش به این دلیل Atomic Design است که ایده ی اصلی آن از علم شیمی گرفته شده است.
جهان از یک سری عناصر ثابت اتمی ساخته شده است و ما این عناصر اساسی مواد را در جدول تناوبی عناصر در درس شیمی دیده ایم. این عناصر سازنده ی هر چیزی است که در اطراف ما هستند مثل هوا، آب، فلز و اجزای مختلف بدن ما!
در شیمی این عناصر اتمی یک سری ویژگی های ثابت دارند که از بین بقیه آنها را متمایز و مشخص می کند.
مثلا، اکسیژن و هیدروژن هر دو اتم هایی هستند که ویژگی های خاص خودشون رو دارند. با این وجود زمانی که این اتم ها با هم ترکیب می شوند، یک مولکول را ایجاد می کنند و در نتیجه این مولکول ها هم ویژگی های مشخص خود را دارند که از اتم های تشکیل دهنده شون به ارث بردن.
در این مثال ترکیب دو عدد اتم هیدروژن و یک عدد اتم اکسیژن مولکولی را ایجاد می کند که ما اون آب می شناسیم.
این درک و فهم از اینکه ترکیب عناصر یا اتم های کوچک می تواند یک شی بزرگتر یا یک مولکول را ایجاد کند، در دنیای دیزاین نیز کاربردی است. در واقع ما زمانی که چیزی را دیزاین می کنیم، آن را از ترکیب عناصر کوچکتر می سازیم تا در نهایت یک ساختار بوجود آوریم.
نه تنها این ساختار شکل دیزاین ما را ایجاد می کند بلکه ما می توانیم در نهایت با استفاده از بلاک هایی که در مراحل قبل آن را ایجاد کردیم، یک دیزاین سیستم یا پترن لایبرری ایجاد کنیم.
ادامه این مطلب را در فیلم آموزشی لینک بالا مشاهده کنید.
شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.
لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلی
این پست اولین بار در وبلاگ شخصی من منتشر شده است.
مطلبی دیگر از این انتشارات
آموزش فیگما - نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xd
مطلبی دیگر از این انتشارات
آموزش فیگما - 10 ترفند فوق العاده کاربردی Figma 2021 - قسمت اول
مطلبی دیگر از این انتشارات
آموزش جامع CSS: انتخابگرها (قسمت دوم)