کدوم رو اول میخونید؟

ارسالی از علی قادری عزیز
@uiuxworkshop
نکات آموزشی UIUX

اگر این تصویر براتون آشناست حتما سایت زیر بدردتون میخوره

https://www.goabstract.com

ورژن کنترل ( تقریبا مشابه گیت هاب توسعه دهنده ها ) مخصوص دوست داران اسکچ

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

ورژن جدید پلاگین Persian Supplier برای نرم افزار #اسکچ منتشر شد.
با استفاده از نسخه اول این پلاگین در بخش Data میتوانستید به لیستی از شهرها و نام های فارسی، تاریخ و شماره تماس دسترسی داشته باشید.

در نسخه جدید این پلاگین آدرس، شغل، ساعت و کدپستی به موارد آن اضافه شده.

دانلود: bit.ly/persiansupplier

@Uixchannel

در این شرایط بهتره اون دکمه ای که کارمثبت و درستی رو انجام میده رنگ سبز داشته باشه. بعضی وقت ها این تشابه رنگ ها به شدت گیج کننده است و کاربر باید دقت بیشتری به خرج بده تا دکمه صحیح رو پیدا کنه...

(صفحه تایید پرداخت شاتل)

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

https://useiconic.com/

یه ویژگی خیلی جالب به نام آیکن های واکنشگرا یا همون Responsive

@UIUXWorkshop
☝️نکات آموزشی طراحی رابط کاربری و تجربه کاربری☝️

https://css-tricks.com/snippets/css/complete-guide-grid/

یک راهنمای فوقوالعاده برای بحث گرید و پدینگ و مارجین (‌به همراه کد های وب)
مخصوص توسعه دهنده های عزیز وب

#توسعه


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

#انگیزشی

اگر از مردم بپرسید متضاد کلمه موفقیت چیست؟
اکثرشان می‌گویند شکست
اما متضاد کلمه موفقیت، تلاش نکردن است

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

#نکات

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

✅این یک ایده بسیار خوب است که قدرت تصمیم گیری بیشتری را به مشتری میدهد.


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

#مقاله_خوانی
روش‌های مختلف ترکیب رنگ رو می‌شناسید؟

این تصویر، به‌طور خلاصه این مطلب رو بهتون میگه.🎨


برای جزئیات بیشتر، مقاله رو بخونید☺️👇🏻:

https://bit.ly/2T0SNUM


@dux_lab

https://github.com/shetmobile/MeowBottomNavigation

یک کتابخونه ی خیلی خوووب برای توسعه دهنده های عزیز از طرف آقای حمیدرضا اعتباریان
قابل توجه اونایی که هی میگن نمیشه نمیشه نمیشه :))

#توسعه

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

#نکات

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

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


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

#فان
دقیییقا :)))

ارسالی از طرف آقای علیرضا امامی


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

#نکات

✴️استفاده از line-height یکسان برای تمام متون سایت یک #اشتباه بسیار ظریف اما رایج است.

✅یشنهاد ما به شما این است که:در قسمت هایی از سایت که متن زیاد است از line-height:1.5px استفاده نمایید.


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

#پالت_رنگ

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


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

#نکات

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


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

#نمونه

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

🕶 #ایده_بگیر_و_متفاوت_باش


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

#نقد صفحه پرداخت زرین پال

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

مورد بعدی اینکه اعداد رو اگر فارسی وارد کنید اصلا به عنوان عدد نمیشناسه 🙁

مورد سوم ( که قبلا درمورد یکی از صفحات دیجی کالا هم دیده بودیم ) تفکیک نکردن سه رقم سه رقم اعداد ، برای راحت خونده شدن مبالغ هست.


کاری نداره که چرا انجامش نمیدن؟؟
الان عدد نوشته شده رو ببینید خوندنش چقد سخته.
هرکی امکانش رو داره ، ازین کارا انجام نده ،‌ ثواب داره :))


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

#نقد

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

۳تا نکته ی خوب داره که بهش میپردازیم:

۱- وقتی کلیک میکنیم برای وارد کردن مبلغ اون اینپوت رنگش عوض میشه و این خیلی خوبه ( چیزی که خیلی جاها نمیبینیم)

۲- ببینید چقد راحت همون لحظه اعداد رو سه رقم از هم جدا میکنه؟

۳- حتی وقتی اعداد به صورت فارسی وارد میشن ، خود سایت اونارو به اعداد انگلیسی تبدیل میکنه که بعدا مشکلی پیش نیاد.(در برخی سیستم عامل ها و کیبورد ها ، اعداد فارسی و انگلیسی کاراکترهای مخصوص خودشونو دارن که متاسفانه اعداد فارسی رو صورت اعداد محاسباتی نمیبینن برخی سایت ها و ارور میدن).
دمشون گرم تیم پونیشا

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

اینم یه نمونه ی خوب از سایت شیپور که آقای فرزین سلیمی برامون ارسال کردن

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