بعنوان طراح باید اینو در نظر داشته باشیم که وقتی گزینههای زیادی جلوی کاربر باشه، بهسختی از بینشون انتخاب میکنه.
❓تا حالا شده بخواید عطر یا عینک بخرید؟؟ 😑
✅ گزینه کمتر تمرکز رو بیشتر و تصمیمگیری رو سادهتر میکنه. ☺️👌🏻
🔸 اگه تعداد گزینهها بیشتر از ۱ باشه، بهتره وزن متفاوت بهشون بدیم. اینکه توی متریال دیزاین، با رنگ و outline دکمهها رو تفکیک میکنن هم دلالت بر همین موضوع داره.
#توشه_طراحی
@dux_lab
❓تا حالا شده بخواید عطر یا عینک بخرید؟؟ 😑
✅ گزینه کمتر تمرکز رو بیشتر و تصمیمگیری رو سادهتر میکنه. ☺️👌🏻
🔸 اگه تعداد گزینهها بیشتر از ۱ باشه، بهتره وزن متفاوت بهشون بدیم. اینکه توی متریال دیزاین، با رنگ و outline دکمهها رو تفکیک میکنن هم دلالت بر همین موضوع داره.
#توشه_طراحی
@dux_lab
📣 یک خدمت ارزشمند به جامعه طراحان، توسط @armanrokni و @hiradarshadi 🙏🏻♥️.
🔶 نسخه حدید Persian Supplier برای نرمافزار Sketch.
با استفاده از این پلاگین میتونستید داده بخش شهرها و نامهای فارسی، تاریخ و شماره تماس رو در طراحی استفاده کنید.
🔶در نسخه جدید، میتونید آدرس، شغل، ساعت و کد پستی رو هم داشته باشید ☺️😍
این پلاگین رو از آدرس زیر دانلود کنید.👇🏻👇🏻
دانلود: bit.ly/persiansupplier
یادتون نره که نظراتتون رو با این دوستان بهاشتراک بگذارید و در بهبود این خدمت ارزنده سهیم باشید 😉.
🔶 نسخه حدید Persian Supplier برای نرمافزار Sketch.
با استفاده از این پلاگین میتونستید داده بخش شهرها و نامهای فارسی، تاریخ و شماره تماس رو در طراحی استفاده کنید.
🔶در نسخه جدید، میتونید آدرس، شغل، ساعت و کد پستی رو هم داشته باشید ☺️😍
این پلاگین رو از آدرس زیر دانلود کنید.👇🏻👇🏻
دانلود: bit.ly/persiansupplier
یادتون نره که نظراتتون رو با این دوستان بهاشتراک بگذارید و در بهبود این خدمت ارزنده سهیم باشید 😉.
Design With Hooman
وقتی که دیدید چند برداشت متفاوت از یک محصول میشه، بدونید یک جای کار میلنگه ❌ #توشه_طراحی @dux_lab
هر دو Text Field بالا از استانداردهای Material Deaign هستند؛ اما وقتی با هم استفاده شوند، کاربر ممکنه فکر کنه که Text Field خاکستری غیر فعاله! 🤔⁉️
#توشه_طراحی
@dux_lab
#توشه_طراحی
@dux_lab
🔔 مقاله جدید داریم ☺️✌🏻
🔶 المانهای طراحی، یک ضرورت برای طراحها
ساختن یک طرح زیبا فراتر از الهام گرفتن و ایدههای بزرگ، و بیشتر مربوط به درک مفاهیم بنیادی جسم است. به این مفاهیم، المانهای طراحی گفته میشه.
مقاله جدید ما رو از لینک زیر بخونید.
(🕒 زمان تقریبی مطالعه: ۵ دقیقه)
https://goo.gl/PHB9PC
با تشکر از @Amirgk5 🙏🏻
#مقاله
#واسط_کاربری
@dux_lab
🔶 المانهای طراحی، یک ضرورت برای طراحها
ساختن یک طرح زیبا فراتر از الهام گرفتن و ایدههای بزرگ، و بیشتر مربوط به درک مفاهیم بنیادی جسم است. به این مفاهیم، المانهای طراحی گفته میشه.
مقاله جدید ما رو از لینک زیر بخونید.
(🕒 زمان تقریبی مطالعه: ۵ دقیقه)
https://goo.gl/PHB9PC
با تشکر از @Amirgk5 🙏🏻
#مقاله
#واسط_کاربری
@dux_lab
#مقاله_خوانی
بخشی از مقاله “جادوی فضای خالی”
🔸 فضای خالی، چه ماکرو و چه میکرو، میتونه فعال یا غیرفعال باشه.
✅فضای خالی فعال، زمانی استفاده میشه که بخوایم روی یک بخش یا المان از صفحه تاکید بیش از حد معمول داشته باشیم و بهاصطلاح بخوایم خیلی به چشم بیاد.
❌فضای خالی غیر فعال، همون فضای طبیعی و معمول هست که به سازماندهی ساختار صفحه و فهمیدن راحتتر هر بخش کمک میکنه. بهش میگیم غیرفعال، چون در عین اینکه فهم محتوا رو برای کاربرها بهتر میکنه، کمتر متوجهش میشن.
🌐🔗 لینک مقاله کامل در وبسایت DUXLab:
https://goo.gl/Ppk4hV
@dux_lab
بخشی از مقاله “جادوی فضای خالی”
🔸 فضای خالی، چه ماکرو و چه میکرو، میتونه فعال یا غیرفعال باشه.
✅فضای خالی فعال، زمانی استفاده میشه که بخوایم روی یک بخش یا المان از صفحه تاکید بیش از حد معمول داشته باشیم و بهاصطلاح بخوایم خیلی به چشم بیاد.
❌فضای خالی غیر فعال، همون فضای طبیعی و معمول هست که به سازماندهی ساختار صفحه و فهمیدن راحتتر هر بخش کمک میکنه. بهش میگیم غیرفعال، چون در عین اینکه فهم محتوا رو برای کاربرها بهتر میکنه، کمتر متوجهش میشن.
🌐🔗 لینک مقاله کامل در وبسایت DUXLab:
https://goo.gl/Ppk4hV
@dux_lab
5 Rules of a Good UX
Hooman Abasi - DUXLab
#پادکست_مقاله
۵ اصل طراحی تجربه کاربری خوب
پادکست مربوط به مقاله “۵ اصل طراحی تجربه کاربری خوب” تقدیم به شما ☺️
ممنون که ما رو دنبال میکنید ❤️
اشتراکگذاری یادتون نره 🙏🏻
@dux_lab
۵ اصل طراحی تجربه کاربری خوب
پادکست مربوط به مقاله “۵ اصل طراحی تجربه کاربری خوب” تقدیم به شما ☺️
ممنون که ما رو دنبال میکنید ❤️
اشتراکگذاری یادتون نره 🙏🏻
@dux_lab
با Flare، بهسادگی انیمیشن بسازید و خروجی کد برای پیادهسازی وب و موبایل تحویل بگیرید 😍.
2dimensions.com
2dimensions.com
توی این ویدئوی کوتاه بهتون روش ساختن Design Kit سریع متریال رو آموزش دادیم 🎨
نظر فراموش نشه ☺️🙏🏻
https://www.aparat.com/v/iygAL
#ویدئو
#آموزشی
@dux_lab
نظر فراموش نشه ☺️🙏🏻
https://www.aparat.com/v/iygAL
#ویدئو
#آموزشی
@dux_lab
آپارات - سرویس اشتراک ویدیو
آموزش ساخت UI Kit متریال با اسکچ
داشتن Design Pattern (الگوی طراحی)، سرعت زیادی به کار طراحی تجربه کاربری و واسط کاربری می بخشه؛ به خصوص اگه این الگو منطبق با Material Design باشه.توی این ویدئو بهتون آموزش می دیم که چطور از Design Pattern خود Material Design در نرم افزار Sketch App استفاده…
#مقاله_خوانی
روشهای مختلف ترکیب رنگ رو میشناسید؟
این تصویر، بهطور خلاصه این مطلب رو بهتون میگه.🎨
برای جزئیات بیشتر، مقاله رو بخونید☺️👇🏻:
https://bit.ly/2T0SNUM
@dux_lab
روشهای مختلف ترکیب رنگ رو میشناسید؟
این تصویر، بهطور خلاصه این مطلب رو بهتون میگه.🎨
برای جزئیات بیشتر، مقاله رو بخونید☺️👇🏻:
https://bit.ly/2T0SNUM
@dux_lab
Design With Hooman
توی این ویدئوی کوتاه بهتون روش ساختن Design Kit سریع متریال رو آموزش دادیم 🎨 نظر فراموش نشه ☺️🙏🏻 https://www.aparat.com/v/iygAL #ویدئو #آموزشی @dux_lab
https://youtu.be/wj_x1rnD9is
اگه Youtube رو دنبال میکنید، ویدئوی آموزشی اخیر ما رو میتونید اونجا ببینید 😎✌🏻
لطفا اونجا دکمه Subscribe رو بزنید تا در جریان آخرین ویدئوها قرار بگیرید 😉
#ویدئو
#آموزشی
@dux_lab
اگه Youtube رو دنبال میکنید، ویدئوی آموزشی اخیر ما رو میتونید اونجا ببینید 😎✌🏻
لطفا اونجا دکمه Subscribe رو بزنید تا در جریان آخرین ویدئوها قرار بگیرید 😉
#ویدئو
#آموزشی
@dux_lab
YouTube
۰۱ - درست کردن تم متریال دیزاین (Material Design Theme) در اسکچ اپ (Sketch App)
داشتن Design Pattern (الگوی طراحی)، سرعت زیادی به کار طراحی تجربه کاربری و واسط کاربری می بخشه؛ به خصوص اگه این الگو منطبق با Material Design باشه.
توی این ویدئو بهتون آموزش می دیم که چطور از Design Pattern خود Material Design در نرم افزار Sketch App استفاده…
توی این ویدئو بهتون آموزش می دیم که چطور از Design Pattern خود Material Design در نرم افزار Sketch App استفاده…
Baseline.sketch
3.3 MB
الگوی طراحی متریال دیزان که توی فایل ویدئویی با لینک زیر بهتون نشون دادیم 😊
https://news.1rj.ru/str/dux_lab/247
دوستانی که XD استفاده میکنند هم میتونند از این فایل استفاده کنند ☺️✌🏻
#آموزشی
#واسط_کاربری
🆔 @dux_lab
https://news.1rj.ru/str/dux_lab/247
دوستانی که XD استفاده میکنند هم میتونند از این فایل استفاده کنند ☺️✌🏻
#آموزشی
#واسط_کاربری
🆔 @dux_lab
https://www.aparat.com/v/DcurF
توی این ویدئوی کوتاه بهتون روش ایجاد انیمیشن رو با استفاده از Adobe XD یاد میدیم 📲
نظر فراموش نشه ☺️🙏🏻
#ویدئو
#آموزشی
🆔 @dux_lab
توی این ویدئوی کوتاه بهتون روش ایجاد انیمیشن رو با استفاده از Adobe XD یاد میدیم 📲
نظر فراموش نشه ☺️🙏🏻
#ویدئو
#آموزشی
🆔 @dux_lab
آپارات - سرویس اشتراک ویدیو
آموزش ایجاد انیمیشن در Adobe XD
استفاده از انیمیشن (Animation) در طراحی UI یکی از روش های جلب توجه کاربره و تاثیر زیادی در تجربه کاربری (UX) مثبت داره.در این ویدئوی آموزشی، بهتون یاد می دیم که چطور با استفاده از Adobe XD به طرحتون انیمیشن اضافه کنید.
#مقاله_خوانی
برای اینکه بتونید خلق کنید، باید اصول پایه رو بلد باشید.
توی این تصویر، المانهای طراحی رو براتون خلاصه کردیم 😊
متن کامل مقاله در وبسایت DUXLab:
https://goo.gl/PHB9PC
🆔 @dux_lab
برای اینکه بتونید خلق کنید، باید اصول پایه رو بلد باشید.
توی این تصویر، المانهای طراحی رو براتون خلاصه کردیم 😊
متن کامل مقاله در وبسایت DUXLab:
https://goo.gl/PHB9PC
🆔 @dux_lab
#مقاله_خوانی
میدونید چطور باید اندازه فونت رو باید بهدست بیارید تا هماهنگی در همه جای طرحتون حفظ بشه؟ 🙃
اندازههای این عکس، اندازههای استاندارد Material Design هستند.
اگه میخواید یاد بگیرید که اندازههای مد نظر خودتون رو بسازید، یک سر به مقالهمون بزنید😉👇🏻
https://goo.gl/3jzKz8
🆔 @dux_lab
میدونید چطور باید اندازه فونت رو باید بهدست بیارید تا هماهنگی در همه جای طرحتون حفظ بشه؟ 🙃
اندازههای این عکس، اندازههای استاندارد Material Design هستند.
اگه میخواید یاد بگیرید که اندازههای مد نظر خودتون رو بسازید، یک سر به مقالهمون بزنید😉👇🏻
https://goo.gl/3jzKz8
🆔 @dux_lab