نسخه جدید بهبود یافته فونت نستعلیق
https://irfont.ir/fonts/irannastaliqnew

#نکات

📶 ترازبندی متون نسبت به عکس های کناری آنها باعث ایجاد طرحی زیباتر و محتوایی خواناتر می شود


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

⁠🔥 از دایره به جای مربع ⁣برای نمایش تصویر #پروفایل کاربران استفاده کنید.

دلیل هم این است که....

برای مطالعه ادامه این مطلب و مطالب UI و UX به کانال زیر بروید.

👇👇👇👇👇
http://t.me/coderszone

وقتی یهویی یه پیام پر زیبا دریافت میکنی و انرژیت فول میشه ✌🏻💪🏻

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

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

#توسعه


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

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

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

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

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

♦️۵۰٪ تخفیف ویژه به مناسبت شب یلدا
برای پکیج ویدیوهای کارگاه دیزاین اپلیکیشن (UI) 👌
مهلت تخفیف فقط تا پایان شب یلدا ( ساعت ۲۴ - ۳۰ آذر )

برای خرید یا اطلاعات بیشتر به @HamidRMousazade مراجعه فرمایید.

📌 #نکات

تاریخ تولد یکی از پیچیده ترین فیلدهای درون فرم است.زیرا فرمت های زیادی برای آن وجود دارد.

واضح ترین و آسان ترین راه برای طراح و کاربر سایت این است که 👇🏻

تاریخ تولد را به 3 قسمت تقسیم کرده (روز/ماه/سال) به گونه ای که هر کدام درون یک باکس ورود داده باشند و لیبل آنها هم خارج از باکس قرار گرفته باشد.با این کار کاربر، به راحتی با فشردن دکمه Tab میتواند به فیلدهای مربوطه حرکت میکند.

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

#FUN
وقتی هیچ محدودیتی جلو دارتون نیست 💪

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

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

اگر در موقعیتی بودید که نیاز به تبدیل کدهای رنگ به یکدیگر بود ، این ابزار میتونه سریع کارتون رو راه بندازه :)

https://rgb.to

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

#نمونه

👌فرم زیبای لاگین (login)

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


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

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

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

سلسله مراتب ارتفاع اجزا ، در متریال دیزاین :)

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

#نکات

برای ایجاد مرز بین باکس ها و بکگراند،بهتر است به جای استفاده از border ⏪ از سایه های ظریف استفاده شود.

🔍ایجاد box shadow،کاربسیار بزرگی برای مشخص کردن یک عنصرانجام می دهد.

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

سرگرمی برای آخر هفته :)

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

🌐 http://brandseenapp.com

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

#انگیزشی


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

به زودی ...
دوره‌ی رایگان «مبانی طراحی خدمات به زبان ساده»
انتشار در کانال دیگرگونی:
@Digargooni
و در سایت آژانس دیزاین دیگرگون:
www.Digargoon.com

#Fun

اندر احوالات ما و برخی مشتریان :)))

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

#نکات

⭕️یک اشتباه رایج در ظاهر متون مهم سایت این است که سایز فونت آنها بزرگتر از دیگر متون باشد و همچنین متون غیر مهم سایزشان کوچکتر باشد.

✅بهتراست که به جای استفاده از size فونت، همیشه از weight یا color مناسب جهت این کار استفاده کرد.


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

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

💠کالکشنی حرفه ای از گرادیانتهای زیبا برای CSS و Photoshop

🔻🔻🔻

https://webgradients.com


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

#نکات

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

✅ برای این کار میتوانید حالت رنگ را به HSL تغییر داده و گزینه آخر یعنی Lightness را کمی زیاد کنید تا به نتیجه مطلوب برسید

👌این کار به جذابیت بصری طرح، کمک بسیاری میکند...


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