#نکات

برای جلوگیری از اشتباه کاربران در استفاده از آیکون ها padding بیشتری به آنها بدهید. با قرار دادن انگشت خود بر روی آیکون، بررسی کنید که آیا آیکن ها دارای padding کافی می باشند.

✔️این نکته بسیار مهمی در کاربر پسند بودن سایت و یا اپلیکیشن می باشد.


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

#نمونه
#ایده
#گیف

👌طراحان عزیز باید این نکته را مدنظر قرار دهند که:

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


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

#نکات

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


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

#ابزار

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

👈 دانلود افزونه


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

http://www.rleonardi.com/interactive-resume/

یک صفحه رزومه ی خلاقانه

ممنون از آقای علی قادری مقدم بابت معرفی این صفحه

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

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

هر کسی یک نابغه است. ولی اگر یک ماهی را از روی توانایی‌اش، در بالا رفتن درخت قضاوت کنی، آن ماهی تمام عمرش را با این باور زندگی خواهد کرد که یک احمق است.

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

#نقد #نقد_طراحی

چندتا نکته به چشمم خورد در این صفحه که مجابم کرد با شما به اشتراکش بذارم

مورد اول دکمه ی نا مفهومیه که به عنوان cta گذاشتن
بیشتر شبیه رفرش کردن و اینطوری چیزهاست ، تا دکمه ای برای دریافت شماره شبا یا «مرحله بعد» . ( حقیقتا من روی دکمه اش کلیک نکردم ، اینتر زدم ببینم چی میشه. میتونستن از یک فلش ساده یا یک متن ساده استفاده کنن ).

مورد دوم لیبل هایی هست که روبروش اطلاعاتی نیست.(خط پایین)
وقتی هنوز اطلاعاتی برای نمایش وجود نداره ، بهتره لیبلها هم نشون داده نشن...

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

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

از لوگوهای جدید خانواده فایرفاکس رونمایی شد

برای مطالعه ی جزئیات بیشتر این خبر میتونید لینک زیر رو سایت روزرنگ مشاهده کنید

http://bit.ly/2wQM1DG

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

#فان
خیلی خوبه :)) دوستی دیزاینر ها با خانواده adobe

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

#نکات
یکی از نارضایتی های کاربران سایت و یا اپلیکیشن،اینست که اندازه دکمه ها به قدری کوچک است که به راحتی قادر به لمس درست آنها نیستند.

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


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

#معرفی_سایت

اگر در حوزه UI/UX مشغول به فعالیت هستید و یا اینکه تازه وارد این حوزه شده اید،بهتون پیشنهاد می کنیم که همیشه اطلاعاتتون را با خواندن مقالات،به روز نگه دارید.

یکی از وبلاگ های معروف که مقاله های متنوعی را در این زمینه به اشتراک می گذارد وبلاگ tubikstudio است که متعلق به یک شرکت طراحی اوکراینی می باشد.

🌐 https://tubikstudio.com/blog



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

#ابزار

خبر خوب اینکه Microsoft To-Do برای سیستم عامل مک نیز عرضه شد.
( این ابزار کاربری برای مدیریت و برنامه ریزی کارها به صورت دیجیتال استفاده میشود).

نسخه ویندوز ، مک و اندروید رو میتونید از لینک زیر دانلود کنید
https://todo.microsoft.com


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

#معرفی_مستند

✴️ نام مستند: Abstract The Art of Design

💠این مجموعه مستند جذاب و تماشایی، از مدل‌سازی‌های رایانه‌ای فراتر می‌رود و مقوله هنر و دانش طراحی را مورد بررسی قرار می‌دهد. در این برنامه با طراحان بزرگی آشنا می‌شوید که آثار هنری آنها دنیای ما را دگرگون ساخته است.

👈🏻 پیشنهاد ما به شما طراحان عزیز اینست که حتما این مستند را تماشا کنید.


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

#پالت_رنگ

💢خلاق باش،ترکیب کن و اثر هنری خلق کن


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

#نکات

❌ از lorem ipsum استفاده نکنید.

این یکی از عادات بد طراحان است.باعث می شود که کار شما مبتدی به نظرآید یا زمانی که شما طرحتان را به مشتری نشان می دهید در واقع برای آن احترام قائل نشده اید.

✅ بهترین کار این است که از متن واقعی با یک موضوع مشابه استفاده کنید.

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

#نکات
#اشتباهات_رایج
در اکثر موارد بین طرح ها مشاهده می شود که طراحان برا تمام دکمه ها که عملی را انجام می دهند،رنگی را اختصاص می دهند که این یکی از اشتباهات رایج بین طراحان است.

🔸اهمیت همه ی دکمه ها در اپلکیشن و وبسایت یکسان نیست
در تصویر ، دکمه های ردیف پایین اصولی هستند و هرچه به سمت چپ میریم اهمیتشون بیشتر میشه.

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

#ابزار

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

سایت Leaftletjs ازون دسته ابزارهاست که هم رایگان و متن بازه و هم ظاهر خوبی داره که هردو گروه طراح و برنامه نویس میتونن ازش استفاده کنن.
https://leafletjs.com


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

#نکات
#روانشناسی_رنگ

💠چرا روانشناسی رنگ ها مهم هستند؟

همه رنگها همراه خود احساستی را دارند. احساساتی که به راحتی حس برند تجاری شما را به مخاطبین انتقال میدهد.

🔅هر روز با ما همراه باشید تا تاثیرپذیری هر رنگ برروی احساسات را مورد بررسی و تحلیل قرار دهیم.


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

#نکات

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


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

#ابزار

همونطور که میدونید نمودار ها تاثیر زیادی در دیزاین صفحات آماری دارن ، اما اگر طرحی که دیزاین شده قابلیت پیاده سازی کمی داشته باشه و نتیجه متفاوتی رقم بزنه ، خیلی توی ذوق طراح میخوره :))
چارت جی اس ابزاریه که اینجا خیلی کمک میکنه بهتون
کلی نمودار عجیب غریب و زیبا با قابلیت های فراوون داره
هم انیمیشن داره و هم اوپن سورس هست
https://www.chartjs.org

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