UIUX WorkShop
کارگاه آموزشی آنلاین طراحی رابط کاربری و تجربه کاربری (UIUX) مهلت ثبت نام و شروع دوره : ۱۰ شهریور ظرفیت محدود (۱۰نفر ) جهت ثبت نام به کانال زیر مراجعه کنید @UIUXworkshop
♦️۵۰٪ تخفیف ویژه به مناسبت شب یلدا
برای پکیج ویدیوهای کارگاه دیزاین اپلیکیشن (UI) 👌
مهلت تخفیف فقط تا پایان شب یلدا ( ساعت ۲۴ - ۳۰ آذر )
برای خرید یا اطلاعات بیشتر به @HamidRMousazade مراجعه فرمایید.
برای پکیج ویدیوهای کارگاه دیزاین اپلیکیشن (UI) 👌
مهلت تخفیف فقط تا پایان شب یلدا ( ساعت ۲۴ - ۳۰ آذر )
برای خرید یا اطلاعات بیشتر به @HamidRMousazade مراجعه فرمایید.
📌 #نکات
تاریخ تولد یکی از پیچیده ترین فیلدهای درون فرم است.زیرا فرمت های زیادی برای آن وجود دارد.
واضح ترین و آسان ترین راه برای طراح و کاربر سایت این است که 👇🏻
تاریخ تولد را به 3 قسمت تقسیم کرده (روز/ماه/سال) به گونه ای که هر کدام درون یک باکس ورود داده باشند و لیبل آنها هم خارج از باکس قرار گرفته باشد.با این کار کاربر، به راحتی با فشردن دکمه Tab میتواند به فیلدهای مربوطه حرکت میکند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
تاریخ تولد یکی از پیچیده ترین فیلدهای درون فرم است.زیرا فرمت های زیادی برای آن وجود دارد.
واضح ترین و آسان ترین راه برای طراح و کاربر سایت این است که 👇🏻
تاریخ تولد را به 3 قسمت تقسیم کرده (روز/ماه/سال) به گونه ای که هر کدام درون یک باکس ورود داده باشند و لیبل آنها هم خارج از باکس قرار گرفته باشد.با این کار کاربر، به راحتی با فشردن دکمه Tab میتواند به فیلدهای مربوطه حرکت میکند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
اگر در موقعیتی بودید که نیاز به تبدیل کدهای رنگ به یکدیگر بود ، این ابزار میتونه سریع کارتون رو راه بندازه :)
https://rgb.to
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
اگر در موقعیتی بودید که نیاز به تبدیل کدهای رنگ به یکدیگر بود ، این ابزار میتونه سریع کارتون رو راه بندازه :)
https://rgb.to
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Adobe XD بالاخره در آپدیت جدیدش ترنسفورم فلیپ رو اضافه کرد :) واقعا نیاز بود
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
برای ایجاد مرز بین باکس ها و بکگراند،بهتر است به جای استفاده از border ⏪ از سایه های ظریف استفاده شود.
🔍ایجاد box shadow،کاربسیار بزرگی برای مشخص کردن یک عنصرانجام می دهد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
برای ایجاد مرز بین باکس ها و بکگراند،بهتر است به جای استفاده از border ⏪ از سایه های ظریف استفاده شود.
🔍ایجاد box shadow،کاربسیار بزرگی برای مشخص کردن یک عنصرانجام می دهد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
سرگرمی برای آخر هفته :)
در این بازی شما باید با استفاده از دانش قبلی خود از برندهای معروف جهان و مهارت تشخیص رنگ، 9 لوگوی درج شده در این بازی را رنگ نمایید.
🌐 http://brandseenapp.com
➖➖➖➖
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
در این بازی شما باید با استفاده از دانش قبلی خود از برندهای معروف جهان و مهارت تشخیص رنگ، 9 لوگوی درج شده در این بازی را رنگ نمایید.
🌐 http://brandseenapp.com
➖➖➖➖
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from آکادمیِ تحولِ دیگرگونی
This media is not supported in your browser
VIEW IN TELEGRAM
به زودی ...
دورهی رایگان «مبانی طراحی خدمات به زبان ساده»
انتشار در کانال دیگرگونی:
@Digargooni
و در سایت آژانس دیزاین دیگرگون:
www.Digargoon.com
دورهی رایگان «مبانی طراحی خدمات به زبان ساده»
انتشار در کانال دیگرگونی:
@Digargooni
و در سایت آژانس دیزاین دیگرگون:
www.Digargoon.com
#نکات
⭕️یک اشتباه رایج در ظاهر متون مهم سایت این است که سایز فونت آنها بزرگتر از دیگر متون باشد و همچنین متون غیر مهم سایزشان کوچکتر باشد.
✅بهتراست که به جای استفاده از size فونت، همیشه از weight یا color مناسب جهت این کار استفاده کرد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
⭕️یک اشتباه رایج در ظاهر متون مهم سایت این است که سایز فونت آنها بزرگتر از دیگر متون باشد و همچنین متون غیر مهم سایزشان کوچکتر باشد.
✅بهتراست که به جای استفاده از size فونت، همیشه از weight یا color مناسب جهت این کار استفاده کرد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
💠کالکشنی حرفه ای از گرادیانتهای زیبا برای CSS و Photoshop
🔻🔻🔻
https://webgradients.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
💠کالکشنی حرفه ای از گرادیانتهای زیبا برای CSS و Photoshop
🔻🔻🔻
https://webgradients.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
🖌بهتر است بر روی بکگراندهای رنگی از متن خاکستری استفاده نشود،و رنگ متن نزدیک به رنگ بکگراند و کمی روشنتر از آن باشد.
✅ برای این کار میتوانید حالت رنگ را به HSL تغییر داده و گزینه آخر یعنی Lightness را کمی زیاد کنید تا به نتیجه مطلوب برسید
👌این کار به جذابیت بصری طرح، کمک بسیاری میکند...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🖌بهتر است بر روی بکگراندهای رنگی از متن خاکستری استفاده نشود،و رنگ متن نزدیک به رنگ بکگراند و کمی روشنتر از آن باشد.
✅ برای این کار میتوانید حالت رنگ را به HSL تغییر داده و گزینه آخر یعنی Lightness را کمی زیاد کنید تا به نتیجه مطلوب برسید
👌این کار به جذابیت بصری طرح، کمک بسیاری میکند...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
☹️اکثر افراد در زمانبدی کارهایشان مشکل دارند.اگر شما هم جزو این دسته از افراد هستید پس این اپلیکیشن به شما کمک زیادی خواهد کرد.
✅شما می توانید با استفاده از برنامه #ترلو (trello) پروژه های کاری، برنامه های سفر، کارهای خانوادگی خود را مدیریت کنید.
🌀در Trello می توانید پروژه ها را به کارهای کوچکتر تقسیم کرده و به آن ها توضیح اضافه کنید، لیبل بچسبانید و فایل پیوست کنید.
🌐 www.trello.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
☹️اکثر افراد در زمانبدی کارهایشان مشکل دارند.اگر شما هم جزو این دسته از افراد هستید پس این اپلیکیشن به شما کمک زیادی خواهد کرد.
✅شما می توانید با استفاده از برنامه #ترلو (trello) پروژه های کاری، برنامه های سفر، کارهای خانوادگی خود را مدیریت کنید.
🌀در Trello می توانید پروژه ها را به کارهای کوچکتر تقسیم کرده و به آن ها توضیح اضافه کنید، لیبل بچسبانید و فایل پیوست کنید.
🌐 www.trello.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکته
از دکمه های خطی به عنوان CTA استفاده نکنید . بجای آنها از دکمه های توپر (Filled) استفاده کنید که برای اینکار مناسب تر هستند.
دکمه های خطی به دلیل ظاهر زیبا و مینیمالی که دارن بین طرحان از محبوبیت خاصی برخوردار هستند اما برای Call to action مناسب نیستند . زیرا از نظر ظاهری اولیت پایین تری نسبت به دکمه های توپر دارند و چشم کاربر را کمتر درگیر میکنند به همین دلیل باعث کاهش نرخ کلیک میشوند...
✅دقت داشته باشید که کاراصلی دکمه انجام یک عملیات است نه زیباسازی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
از دکمه های خطی به عنوان CTA استفاده نکنید . بجای آنها از دکمه های توپر (Filled) استفاده کنید که برای اینکار مناسب تر هستند.
دکمه های خطی به دلیل ظاهر زیبا و مینیمالی که دارن بین طرحان از محبوبیت خاصی برخوردار هستند اما برای Call to action مناسب نیستند . زیرا از نظر ظاهری اولیت پایین تری نسبت به دکمه های توپر دارند و چشم کاربر را کمتر درگیر میکنند به همین دلیل باعث کاهش نرخ کلیک میشوند...
✅دقت داشته باشید که کاراصلی دکمه انجام یک عملیات است نه زیباسازی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
مجموعه ای زیبا از رابط کاربری که شما میتونین بصورت رایگان اونا رو دریافت کرده و با استفاده از انها اثری زیبا خلق کنید.
🌐https://ewebdesign.com/classic-ui-kit
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
مجموعه ای زیبا از رابط کاربری که شما میتونین بصورت رایگان اونا رو دریافت کرده و با استفاده از انها اثری زیبا خلق کنید.
🌐https://ewebdesign.com/classic-ui-kit
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
❤1
#نکات
🌐اگر شما یک سایت بزرگ دارید، باید به footer خود یک mini Sitemap اختصاص دهید.
💢برای اثربخشی این نوع فوترها بهتر است که به هر ستون lable های مجزایی اختصاص دهید.که کاربران به راحتی بتوانند دسته بندی های مختلف را تشخیص دهند و عدم رعایت این مورد،باعث سختی دید کاربر می شود.
📱 برای استفاده از این نوع فوترها در تلفن همراه بهتر است از منوی آکوردئون استفاده کنید. این نه تنها موجب صرفه جویی در فضا می شود، بلکه از اشتباهات در انتخاب لمسی گزینه ها جلوگیری می کند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🌐اگر شما یک سایت بزرگ دارید، باید به footer خود یک mini Sitemap اختصاص دهید.
💢برای اثربخشی این نوع فوترها بهتر است که به هر ستون lable های مجزایی اختصاص دهید.که کاربران به راحتی بتوانند دسته بندی های مختلف را تشخیص دهند و عدم رعایت این مورد،باعث سختی دید کاربر می شود.
📱 برای استفاده از این نوع فوترها در تلفن همراه بهتر است از منوی آکوردئون استفاده کنید. این نه تنها موجب صرفه جویی در فضا می شود، بلکه از اشتباهات در انتخاب لمسی گزینه ها جلوگیری می کند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop via @like
#نمونه 👌فرم بسیار مفهومی لاگین (login) 🕶 #ایده_بگیر_و_متفاوت_باش @UIUXWorkshop ☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
این هم یه نمونه باحال و ایرانی از طرف آقای امیر سلطانیان ...
#فان #نمونه
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#فان #نمونه
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️