Dexigner News – خبرنامه هفتگی دیزاین – شماره 11
این خبرنامه Dexigner News – خبرنامه هفتگی دیزاین – شماره 11 در سومین هفته ماه است.
Dexigner News خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
به این خبرنامه بپیوندید تا بهترین لینک های مرتبط با دیزاین را در ایمیل خود دریافت کنید.
مسیر طراحی رابط کاربری مینیمال
در این مقاله شما با 8 نکته آشنا می شوید که با رعایت کردن آن ها می توانید یک رابط کاربری یا UI ساده، تمیز و مینیمال طراحی کنید.
این 8 مورد عبارت اند از:
استفاده از پس زمینه روشن و فضای خالی (البته شما می توانید در فضای تیره هم طرح مینیمال طراحی کنید ?)
- استفاده از عناصری با گوشه های گرد
- عناوین بزرگ و خوانا
- تصاویر واقعی و طبیعی از محیط و انسان ها
- استفاده درست از رنگ ها
- تمرکز بر روی کنتراست
- استفاده کم از افکت
- اضافه کردن جزئیات ریز
چطور اعتماد کاربران به محصول یا سرویسمان را به حداکثر برسانیم؟
این مقاله نکاتی را برای اینکه کاربران بتوانند به سرویس شما اعتماد کنند را بیان می کند. به عنوان مثال خلق یک تجربه یکدست ثبات در طراحی و ارائه سرویس در پلتفرم های مختلف برای کاربران را می توان نام برد که کاربر بدون اینکه بخواهد دوباره نحوه کار با سرویس شما را یاد بگیرید، براحتی با محصول شما کار کند ( Consistency )
یا در موردی دیگر به دوری از استفاده از الگوی های تاریک یا گول زننده اشاره می کند (در خبرنامه های قبل مقاله ای در این مورد وجود دارد، با این وجود الگوی تاریک یا Dark Pattern به معنی مجبور کردن کاربر بصورت خودآگاه یا ناخودآگاه برای انجام کاری در محصول شماست.)
آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم
در آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم به بررسی ویژگی های پرکاربردترین پنل در Figma می پردازم.
پنل Design در فیگما شامل ویژگی های مختلف عنصری است که انتخاب کرده اید. به عنوان مثال اگر شما یک شکل در Figma انتخاب کرده باشید در پنل دیزاین ویژگی هایی مثل اندازه ، مکان ، رنگ ، رنگ حاشیه ، گردی گوشه ها ، انواع Effect مثل سایه دادن یا تار کردن و در نهایت خروجی گرفتن از آن را در اختیار شما قرار می دهد.
حال اگر آرتبورد یا فریم را در فیگما انتخاب کنید ویژگی های مرتبط با آن را در اختیار شما قرار می دهد که همه ی آن ها را بررسی می کنیم.
قبل از بررسی ویژگی های پنل دیزاین در Figma نیز به ادامه معرفی و نحوه کار با ابزارهایی که در قسمت قبل آن را معرفی کردم می پردازم که از جمله آن می توان به کراپ کردن تصویر ، به اشتراک گذاشتن فایل طراحی با افراد مختلف یا اعضای تیم در فیگما و تنظیمات مربوط به زوم کردن و نمایش یا پنهان کردن خط کش در فیگما اشاره کرد.
از جمله مواردی که در این فیلم به آن می پردازم:
- 00:42 | پنل Design در فیگما چیست؟
- 01:20 | کراپ کردن عکس در Figma
- 01:51 | به اشتراک گذاری پروژه با اعضای تیم در فیگما
- 02:17 | معرفی حالت نمایش پروتوتایپ در Figma Mirror
- 02:44 | نحوه زوم کردن در فیگما
- 03:07 | فعال کردن خط کش در فیگما Figma
- 03:32 | ویژگی های Alignment در پنل دیزاین فیگما
- 03:49 | تغییر اندازه، چرخاندن و تغییر مکان اشیا در Figma
- 05:04 | گرد کردن گوشه های اشیا در فیگما
- 05:37 | تغییر Blend Mode لایه در Figma
- 06:50 | تغییر رنگ – گرادیانت و اضافه کردن عکس به شکل در فیگما
- 07:34 | اضافه کردن حاشیه یا Stroke به شکل در Figma
- 08:00 | ایجاد حاشیه نقطه چین در فیگما
- 08:33 | اضافه کردن افکت های سایه و تار کردن در Figma
- 08:44 | خروجی گرفتن از اشیا در فیگما
- 09:25 | حذف تغییرات اعمال شده بر روی اشکال در Figma
50 سوال مربوط به مصاحبه شغلی و چگونگی پاسخ دادن آنها
در این مقاله از Glassdoor لندن به 50 سوال پرکابرد و نحوه یادگیری آن اشاره شده است.
اگر شما نیاز دارید که مصاحبه تون بی نقض باشد، در مرحله اول این مطلب برای دوستانی که در خارج از کشور ایران زندگی می کنند مناسب تر است.
با این وجود اکثر موارد برای دوستان داخل ایران نیز استفاده و کاربردی است.
آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma
در این آموزش ویژگی خیلی مفید و بسیار کاربردی Variants در Figma را به شما آموزش می دهم که بوسیله آن قادر هستید یک عنصر را با بینهایت حالت های مختلف طراحی کنید و همه را یک نمونه استفاده کنید.
به عنوان مثال فرض کنید که یک دکمه حالت های زیر را دارد
- حالت نرمال
- غیر فعال
- قرار گرفتن موس روی آن
- دکمه فشرده شده
و حالا این حالت های مختلف دکمه را در نوع های مختلف دکمه نیز ترکیب کنید
- دکمه اصلی
- دکمه ثانویه
و در ادامه قصد دارید حالت Dark Mode یا تاریک را نیز به دکمه ها اضافه کنید که تعداد آن ها دوبرابر می شود.
در حالت عادی قصد دارید از دکمه ها با حالت های مختلف در قسمت های مختلف طراحی رابط کاربری UI/UX استفاده کنید و هر بار باید بدنبال حالت مورد نظر خود باشید.
Variants در Figma دقیقا این مشکل را به زیبایی حل می کند و شما همه ی حالت ها را یکبار طراحی و از یک نمونه آن در سراسر طراحی UI خود استفاده می کنید. برای تغییر حالت آن فقط کافیست از لیستی که خود شما آن را نامگذاری کردید خیلی راحت حالت مورد نظرتان را انتخاب کنید تا سریع شکل آیتم یا دکمه تغییر پیدا کند.
این خبرنامه Dexigner News – خبرنامه هفتگی دیزاین – شماره 11 در سومین هفته ماه بود.
برای عضویت در خبرنامه هفتگی دیزاین و دریافت شماره های بعدی این خبرنامه در ایمیل خود می توانید از طریق فرم زیر عضو شوید.
[newsletter-pack newsletter=”8661″ style=”default” si_style=”default” title=”” show_title=”0″ icon=”” heading_color=”” heading_style=”default” title_link=”” custom-css-class=”” custom-id=””][/newsletter-pack]
مطالعه شماره های قبلی خبرنامه هفتگی دیزاین:
Dexigner News – خبرنامه هفتگی دیزاین – شماره 10
Dexigner News – خبرنامه هفتگی دیزاین – شماره 8
Dexigner News – خبرنامه دیزاین شماره 7
خبرنامه هفتگی دیزاین – شماره 6
Dexigner News – خبرنامه هفتگی دیزاین – اولین هفته ماه – شماره 5
Dexigner News – خبرنامه هفتگی دیزاین – شماره 4
خبرنامه هفتگی دیزاین – سومین هفته ماه – شماره 3
Dexigner News – خبرنامه هفتگی دیزاین – دومین هفته ماه – شماره 2
خبرنامه هفتگی دیزاین – اولین هفته ماه – شماره 1
Dexigner News – خبرنامه هفتگی دیزاین – چهارمین هفته ماه – شماره 0
