توضیحاتی درباب طراحی مینیمال
از آقای نصرتی عزیز 👌

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

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

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

http://www.visualweboptimizer.com/
A/B Test tools.

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

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

اگر شما جزء افرادی هستید که همیشه مشکل انتخاب رنگ برای طراحی سایت را دارید حتما این به این پست توجه کنید.
در این سایت شما می توانید با انتخاب 2 رنگ مختلف،یک پالت رنگی برای کارتان دریافت کنید.
https://www.materialpalette.com


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

نسخه جدید بهبود یافته فونت نستعلیق
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