#نکات
🔛ایجاد فاصله مناسب بین آیکون و متن
آیکون ها و متن ها را بهم نچسبانید.ایجاد فاصله مناسب بین آنها باعث اسکن بهتر توسط چشم میشود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🔛ایجاد فاصله مناسب بین آیکون و متن
آیکون ها و متن ها را بهم نچسبانید.ایجاد فاصله مناسب بین آنها باعث اسکن بهتر توسط چشم میشود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
😎 #چالش
🌀رنگ عحیبُ و غریبُ پیدا کن!!!
✴️این سایت یک بازی را آماده کرده که شمارو به چالش میکشد.در هر مرحله بازی سخت و سخت تر 😥میشود.
در واقع هدف این بازی این است که شما تفاوت های ظریف بین رنگ ها را تجربه کنید،که برای طراحان سودمند است.
👇👇👇
http://game.ioxapp.com/eye-test/game.html
👥با فرستادن این پیام به دوستات اوناروهم به این بازی دعوت کن.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🌀رنگ عحیبُ و غریبُ پیدا کن!!!
✴️این سایت یک بازی را آماده کرده که شمارو به چالش میکشد.در هر مرحله بازی سخت و سخت تر 😥میشود.
در واقع هدف این بازی این است که شما تفاوت های ظریف بین رنگ ها را تجربه کنید،که برای طراحان سودمند است.
👇👇👇
http://game.ioxapp.com/eye-test/game.html
👥با فرستادن این پیام به دوستات اوناروهم به این بازی دعوت کن.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
✅روش صحیح نشستن روی صندلی
📌 اگر شما هم روزانه، ساعت زیادی رو پشت کامپیوتر هستید پیشنهاد میکنم حتما عکس 👆 رو ببینید.
اگر دوستانی دارید که طراح و برنامه نویس هستن #حتما این پست را با آنها به اشتراک بگذارید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
✅روش صحیح نشستن روی صندلی
📌 اگر شما هم روزانه، ساعت زیادی رو پشت کامپیوتر هستید پیشنهاد میکنم حتما عکس 👆 رو ببینید.
اگر دوستانی دارید که طراح و برنامه نویس هستن #حتما این پست را با آنها به اشتراک بگذارید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
tinypng.com
شاید خیلیاتون این سایت رو بشناسید یا ازش استفاده کرده باشید ، ولی اونقد کارش خوب و درست هست که لازمه یاداوری بشه
این پاندای مهربون به صورت تکی یا گروهی میتونه حجم عکس هاتون رو پایین بیاره (تقریبا بدون افت کیفیت).
محدودیت ۵مگابایت و تعداد ۲۰ تا (همزمان) داره.
حتما استفاده ازش توصیه میشه.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
tinypng.com
شاید خیلیاتون این سایت رو بشناسید یا ازش استفاده کرده باشید ، ولی اونقد کارش خوب و درست هست که لازمه یاداوری بشه
این پاندای مهربون به صورت تکی یا گروهی میتونه حجم عکس هاتون رو پایین بیاره (تقریبا بدون افت کیفیت).
محدودیت ۵مگابایت و تعداد ۲۰ تا (همزمان) داره.
حتما استفاده ازش توصیه میشه.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
اضافه کردن یک border رنگی ساده ، می تواند طرح را از بی روح بودن و خستگی خارج کرده و به یک المان جذاب تبدیل نماید. border ها یک راه عالی برای راهنمایی چشم به المان مربوطه هستند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
اضافه کردن یک border رنگی ساده ، می تواند طرح را از بی روح بودن و خستگی خارج کرده و به یک المان جذاب تبدیل نماید. border ها یک راه عالی برای راهنمایی چشم به المان مربوطه هستند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
«بالزامیک» (Balsamiq) یک نرمافزار ساده، سریع و بسیار دلچسب است؛ ابزاری بسیار قدرتمند در دست طراحان تجربهکاربری، گرافیستها، تحلیلگران کسبوکار که میتوان به سرعت با استفاده از آن یک وایرفریم از نرمافزاری که قصد توسعه آن را داریم، تهیه کرد؛ خواه یک برنامه دسکتاپ باشد، خواه یک وب سایت و یا حتی یک برنامه برای تبلتها و گوشیهای هوشمند.
🌐 https://balsamiq.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
«بالزامیک» (Balsamiq) یک نرمافزار ساده، سریع و بسیار دلچسب است؛ ابزاری بسیار قدرتمند در دست طراحان تجربهکاربری، گرافیستها، تحلیلگران کسبوکار که میتوان به سرعت با استفاده از آن یک وایرفریم از نرمافزاری که قصد توسعه آن را داریم، تهیه کرد؛ خواه یک برنامه دسکتاپ باشد، خواه یک وب سایت و یا حتی یک برنامه برای تبلتها و گوشیهای هوشمند.
🌐 https://balsamiq.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
👁بررسی رفتار کاربر با استفاده از تکنولوژی ردیابی چشم(Eye Tracking)
این تکنولوژی برای بررسی رفتار کاربر در استفاده از محصول (سایت ، اپلیکیشن) شماست. بدین صورت است که چشم کاربر شما را دنبال میکند و نقطه هایی که توجه کاربر شما ما را جلب میکند و نگاه میکند را در داده های خود ذخیره می کند تا شما بتوانید بفهمید که کاربر شما چه نقاطی را بیشتر توجه کرده است تا از این اطلاعات بر طراحی بهتر تجربه کاربری (UX) خود استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
👁بررسی رفتار کاربر با استفاده از تکنولوژی ردیابی چشم(Eye Tracking)
این تکنولوژی برای بررسی رفتار کاربر در استفاده از محصول (سایت ، اپلیکیشن) شماست. بدین صورت است که چشم کاربر شما را دنبال میکند و نقطه هایی که توجه کاربر شما ما را جلب میکند و نگاه میکند را در داده های خود ذخیره می کند تا شما بتوانید بفهمید که کاربر شما چه نقاطی را بیشتر توجه کرده است تا از این اطلاعات بر طراحی بهتر تجربه کاربری (UX) خود استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
در نمودارهای مبتنی بر ارزش، مرتب سازی اطلاعات به ترتیب صعودی یا نزولی، به کاربر کمک می کند تا به راحتی آنها را اسکن کند. و تحلیل داده صورت گیرد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
در نمودارهای مبتنی بر ارزش، مرتب سازی اطلاعات به ترتیب صعودی یا نزولی، به کاربر کمک می کند تا به راحتی آنها را اسکن کند. و تحلیل داده صورت گیرد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
#نقد فوتر سایت خوب و بزرگ ایوند مهم ترین چیزی که اینجا دیده میشه بینظمی هست تراز بندی های بهم ریخته عدم استفاده صحیح از وزن فونت عدم استفاده از رنگ ها حتی درحالت هاور اون بخش سرچ هم که کمی از هدرشون زده بیرون رو حالا گیرنمیدیم بهش میگیم تقصیر مرورگرماست…
#نقد #نقد_طراحی
یکی از مشکلاتی که سایت ایوند داره ،اینه که برای لینک های متنی، چیزی به نام hover نمیبینیم 🤦♂️
نه تغییر رنگی نه آندرلاینی نه تکونی هیچی ...
فقط نشانگر موس تبدیل میشه به علامت دست ...
چرا آخه؟ یه استایل ساده css هست دیگه
کاری نداره که
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
یکی از مشکلاتی که سایت ایوند داره ،اینه که برای لینک های متنی، چیزی به نام hover نمیبینیم 🤦♂️
نه تغییر رنگی نه آندرلاینی نه تکونی هیچی ...
فقط نشانگر موس تبدیل میشه به علامت دست ...
چرا آخه؟ یه استایل ساده css هست دیگه
کاری نداره که
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_کتاب
📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند شغل UX را برا آینده خود انتخاب نمایند.
این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند شغل UX را برا آینده خود انتخاب نمایند.
این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
#معرفی_کتاب 📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند شغل UX را برا آینده خود انتخاب نمایند. این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است. @UIUXWorkshop ☝️نکات آموزشی…
Get_Started_in_UX[www.uxbook.org].pdf
4.7 MB
📕عنوان کتاب:چگونه کار خودمان را در UX شروع کنیم؟
دانلود شده از سایت زیر👇🏻
🌐 https://uxbook.org
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
دانلود شده از سایت زیر👇🏻
🌐 https://uxbook.org
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
با افزونه what font برای مرورگر گوگل کروم و افزونه Font finder برای مرورگر فایرفاکس می توان نوع فونت استفاده شده در سایت های اینترنتی را پیدا کرد.
بابردن نشانگر ماوس برروی المان موردنظر نام فونت استفاده شده به صورت tooltip نمایش داده می شود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
با افزونه what font برای مرورگر گوگل کروم و افزونه Font finder برای مرورگر فایرفاکس می توان نوع فونت استفاده شده در سایت های اینترنتی را پیدا کرد.
بابردن نشانگر ماوس برروی المان موردنظر نام فونت استفاده شده به صورت tooltip نمایش داده می شود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from استارتاپ با یک فاندر ایرانی
یه #میکروکپی عالی از #دیجیکالا برای ارور ۵۰۳
میشه خیلی ساده یه سری اتفاقارو معمولی یا قابل قبول جلوه داد با یه میکروکپی و تصویر سازی خوب :)
#اینوری
▫️استارتاپ بهسبک فاندر ایرانی 👈
@manuelohan
میشه خیلی ساده یه سری اتفاقارو معمولی یا قابل قبول جلوه داد با یه میکروکپی و تصویر سازی خوب :)
#اینوری
▫️استارتاپ بهسبک فاندر ایرانی 👈
@manuelohan
This media is not supported in your browser
VIEW IN TELEGRAM
یک لندینگ پیج فوق العااده از Minh Pham که برای یک موسسه غیرانتفاعی درمورد اهمیت وجود درختان و ... زده شده.
انیمیشن های بسیار زیبای این لندینگ پیج رو اگر دنبال کنید ، فقط برای نمایش یا شوآف نیستن بلکه کاربرد دارن.
گیف بعدی رو ببینید تا توضیحات بیشتری بدم👇
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
انیمیشن های بسیار زیبای این لندینگ پیج رو اگر دنبال کنید ، فقط برای نمایش یا شوآف نیستن بلکه کاربرد دارن.
گیف بعدی رو ببینید تا توضیحات بیشتری بدم👇
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
یک لندینگ پیج فوق العااده از Minh Pham که برای یک موسسه غیرانتفاعی درمورد اهمیت وجود درختان و ... زده شده. انیمیشن های بسیار زیبای این لندینگ پیج رو اگر دنبال کنید ، فقط برای نمایش یا شوآف نیستن بلکه کاربرد دارن. گیف بعدی رو ببینید تا توضیحات بیشتری بدم👇…
This media is not supported in your browser
VIEW IN TELEGRAM
اتفاق مثبتی که هدف ایجاد لندیگ پیج بود با پرکردن ایمیل توسط کاربر و ثبت ایمیل ، به صورت انیمیشن و کمی طنز رخ میده...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
این استفاده از انیمیشن به همینجا ختم نمیشه بلکه در تعامل کامل با کاربر عمل میکنه
واقعا فوق العاده است
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
واقعا فوق العاده است
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️