#معرفی_ابزار
#توسعه

💢سایت #ریسایزر ابزاری جهت تست خروجی وب سایت ها در دیوایس‌های مختلف است.

✴️ http://yon.ir/6KhsF

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

داشتن گزینه توصیفی برای یک هشدار مهم، کاربر را قادر می سازد تا قضاوت سریع و آگاهانه انجام دهد.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

https://github.com/Aghajari/AmirTextButtonView-Android-Java/

بازهم ممنون از آقای آقاجری که این کتابخانه زیبا رو برای جاوا منتشرکردن
ممنون ازشون

@LCoders
اگر دنبال کتابخانه های بیشتری هستید میتونید از کانالشون هم دیدن کنید

#معرفی_سایت #معرفی

https://feathericons.com

این سایت ایکن های خیلی زیبایی رو داره توسعه میده که حتما میتونه پروژه هاتون رو زیباتر کنه :)

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

مجموع ۲۷۹ ایکنی که تا الان روی این سایت هست

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

صفحه ارور۴۰۴ رو میشه حیاط خلوت دیزاینرها دونست چون به راحتی میتونن مهارت و خلاقیتشون رو به نمایش بذارن.
درکل صفحات ارور برای کاربران ناخوشایند هستند ولی با رعایت چندنکته و یک دیزاین جذاب، میشه نارضایتی کاربران رو کم کرد:

- تعدادی لینک اصلی رو به کاربران نمایش بدید ولی در عین حال از شلوغی و بهم ریختگی پرهیز کنید.
- کمی شوخ طبعی به جملات و تصویرسازی صفحه اضافه کنید.
- اثری از گم شدن ( مثل تصویربالا) و قطع شدن هم میتونید در دیزاینتون استفاده کنید.
-اگر فضای مناسبی داشتید باکس سرچ رو هم اضافه کنید.

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار

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

یک سری برنامه نویس ها کد این نوع افزونه ها رو می نویسند و در سایت معروف زیر منتشر میکنند تا برنامه نویس های دیگر از انها استفاده کنند .
👇🏻👇🏻👇🏻
https://codepen.io/


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

https://digiato.com/article/2019/04/08/چرا-یادداشت-برداری-با-قلم-و-کاغذ-از-لپتا/

کمی از دنیای دیجیتال فاصله بگیریم
خداروشکر هنوز جایگزینی خفنی برای کتاب کاغذی پیدا نکردن دانشمندان عزیز :)) هیچی کتاب کاغذی نمیشه

#فان

💢داستان طنزآمیز اما تلخ "مشتری" و "طراح"


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

🚀 وبینار راه اندازی استارتاپ در اروپا و فنلاند

📌مدرسین: پویا محمدی (هم‌موسس شرکت بین‌المللی بالوین، کارآفرین سریالی) و اوکی تاگ (مدیر شتابدهنده مایکروسافت)

🎁 کد تخفیف ویژه اعضای کانال:
uiux

اطلاعات بیشتر و ثبت‌نام 👇
esmn.ir/eur



@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار

⭕️یکی از مهمترین بخش ها در طراحی وب سایت خصوصا لندینگ پیچ ها استفاده از طراح های گرافیکی برای جذاب تر کردن کار هست. اما ممکن است تولید این طرح ها کمی سخت و وقت گیر باشه.

🌐سایت undraw یکی از معروفترین سایتهایی است که میتونید به مجموعه ای عالی از طرح های illustator دسترسی داشته باشید و فایل ها را به صورت noscript دانلود و شخصی سازی کنید و تو پروژه ها ازشون استفاده کنید

👇🏼👇🏼
https://undraw.co/illustrations


@UIUXWorkshop
نکات آموزشی UI/UX☝️

#خلاقیت #گیف

استفاده خلاقانه از صفحه ی ۴۰۴ و تبدیل اون به یک بازی
این کار میتونه از ناراحتی کاربران کم کنه ولی حواستون باشه کاربر نباید بشینه بازی کنه و کلا سایت شما از یادش بره

(یکی از دوستان بازی ۲۰۴۸ رو گذاشته بود توی این صفحه ، یه بازی بی نهایت و اعتیاد آور 🤦‍♂️)


@UIUXWorkshop
نکات آموزشی UI/UX☝️

#خلاقیت #گیف

احتمالا زیاد شنیدید که میگن ایکن های Tabbar بهتره ۳ یا ۵ مورد باشن
ولی اگر ۴تا ایکن داشتیم و واقعا نمیشد ایکن دیگری اضافه کرد چیکارکنیم؟
میتونید از روش خلاقانه ای که توی گیف میبینید استفاده کنید.


@UIUXWorkshop
نکات آموزشی UI/UX☝️

#نکات

🌐اگر شما یک سایت بزرگ دارید، باید به footer خود یک mini Sitemap اختصاص دهید.

💢برای اثربخشی این نوع فوترها بهتر است که به هر ستون lable های مجزایی اختصاص دهید.که کاربران به راحتی بتوانند دسته بندی های مختلف را تشخیص دهند و عدم رعایت این مورد،باعث سختی دید کاربر می شود.

📱 برای استفاده از این نوع فوترها در تلفن همراه بهتر است از منوی آکوردئون استفاده کنید. این نه تنها موجب صرفه جویی در فضا می شود، بلکه از اشتباهات در انتخاب لمسی گزینه ها جلوگیری می کند.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

نمونه ی خیلی خوبی از این نکته سایت آمازون هست که در تصویر میبینید


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

برای طبیعی جلوه دادن باکس ها بهتر است علاوه بر دادن سایه در زیر باکس ها،کمی سایه در اطراف باکس به صورت عمودی اعمال شود.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت

سایت Pexels عکس های با کیفیت بالا و کاملا رایگان با مجوز Pexels ارائه می دهد.
همه عکسها به خوبی برچسب گذاری شده و قابل جستجو هستند. و نیاز ما را برای پیدا کردن عکس های باکیفیت برطرف می کند.

🔰نکته:قبل از کلیک کردن روی لینک اول فیلترشکن را روشن نمایید.

https://www.pexels.com


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#انگیزشی

به جای فکر کردن به صد دلیل برای تسلیم شدن،
به هزاران دلیل برای ادامه دادن فکرکن....


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#فان

وقتی محصول رو بدون اینکه تست کنی میدی بیرون 😂


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

زمانیکه بکگراند یک بخشی از کارتان یک عکس یا پترن است یا حتی زمانیکه متن تان حالتی بی روح و خسته دارد بهتر است به جای اینکه opacity متن را کاهش دهید ،رنگی را برای متن انتخاب کنید که همان رنگ پس زمینه است،اما با تنظیم اشباع و نور مناسب به نحوی که به متن تان جان ببخشد و درخشندگی خاصی پیدا کند.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار

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

https://www.materialui.ir/


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️