+30 فونت جذاب، مخصوص برنامهنویسی
https://devfonts.gafi.dev
- فونتها رو دانلود و نصب کنین، اسمش رو توی ادیتور یا IDE اضافه کنین.
@frontdevir
https://devfonts.gafi.dev
- فونتها رو دانلود و نصب کنین، اسمش رو توی ادیتور یا IDE اضافه کنین.
@frontdevir
معرفی ۴ کتاب برای ارتقا مهارت UI UX
- refactoring ui
- designing user interfaces
- don't make me think
- the design of everyday things
#UI #UX
@frontdevir
- refactoring ui
- designing user interfaces
- don't make me think
- the design of everyday things
#UI #UX
@frontdevir
با این وبسایت میتونید شروع به یادگیری UI UX کنید و عناوین و اصطلاحات رو به خوبی یاد بگیرید.
https://www.uxlibrary.org/
#UI #UX
@frontdevir
https://www.uxlibrary.org/
#UI #UX
@frontdevir
5 اشتباه رایج در استفاده از gradient
•Scale
با افزایش مقیاس گرادیانت حالت یکنواختی آن را از بین نبرید.
•Light-Dark
گرادیانت هایی که دارای تفاوت روشنایی زیادی هستند در خیلی جاها قابل استفاده نیستند.
•Placement
زمانی که از گرادیانت دایرهای استفاده میکنید رنگ تیره تر را وسط قرار ندهید.
•Rainbow
لطفا گرادیانت ها رو رنگارنگ نکنید.
•Too Saturated
از رنگ های خیلی اشباع شده استفاده نکنید، چشم هارو اذیت میکنه.
#gradient
#UI
@frontdevir
•Scale
با افزایش مقیاس گرادیانت حالت یکنواختی آن را از بین نبرید.
•Light-Dark
گرادیانت هایی که دارای تفاوت روشنایی زیادی هستند در خیلی جاها قابل استفاده نیستند.
•Placement
زمانی که از گرادیانت دایرهای استفاده میکنید رنگ تیره تر را وسط قرار ندهید.
•Rainbow
لطفا گرادیانت ها رو رنگارنگ نکنید.
•Too Saturated
از رنگ های خیلی اشباع شده استفاده نکنید، چشم هارو اذیت میکنه.
#gradient
#UI
@frontdevir
رنگ و کنتراست توجه را به خود جلب می کند.
همانطور که عناصر بزرگتر از عناصر کوچکتر مهمتر تلقی می شوند، رنگهای روشن معمولاً نسبت به انواع کم رنگ توجه بیشتری را به خود جلب می کنند. به عنوان مثال، اگر یک جمله از متن با یک رنگ روشن برجسته شود، بلافاصله توجه خوانندگان را به خود جلب می کند.
_credit ui-ux
#UI #UX
@frontdevir
همانطور که عناصر بزرگتر از عناصر کوچکتر مهمتر تلقی می شوند، رنگهای روشن معمولاً نسبت به انواع کم رنگ توجه بیشتری را به خود جلب می کنند. به عنوان مثال، اگر یک جمله از متن با یک رنگ روشن برجسته شود، بلافاصله توجه خوانندگان را به خود جلب می کند.
_credit ui-ux
#UI #UX
@frontdevir
همترازی چشم ها را هدایت می کند.
همترازی بخشی از اسکلت طرح است که طبق آن عناصر در یک طرح قرار می گیرند، و مشخص می کند که عناصر بصری(متن یا تصویر)، به شکل دلخواه و تصادفی در یک ترکیب قرار نمی گیرند. به عنوان مثال، در یک صفحه معمولی که متن آن در سمت چپ ترازبندی شده است، اشیاء موجود در صفحه مشترکا در حاشیه سمت چپ قرار می گیرند.
_credit ui-ux
#UI #UX
@frontdevir
همترازی بخشی از اسکلت طرح است که طبق آن عناصر در یک طرح قرار می گیرند، و مشخص می کند که عناصر بصری(متن یا تصویر)، به شکل دلخواه و تصادفی در یک ترکیب قرار نمی گیرند. به عنوان مثال، در یک صفحه معمولی که متن آن در سمت چپ ترازبندی شده است، اشیاء موجود در صفحه مشترکا در حاشیه سمت چپ قرار می گیرند.
_credit ui-ux
#UI #UX
@frontdevir
you-dont-know-js.pdf
5 MB
You Don't Know JS
از کتاب های مهم منتشر شده ی در ارتباط با جاواسکریپت قطعا می توان به کتاب you don’t know js رسید که برای هر توسعه دهنده یا برنامه نویسی که با javanoscript مشغول به کار است مطالعه ی این کتاب توصیه می شود.
@frontdevir
از کتاب های مهم منتشر شده ی در ارتباط با جاواسکریپت قطعا می توان به کتاب you don’t know js رسید که برای هر توسعه دهنده یا برنامه نویسی که با javanoscript مشغول به کار است مطالعه ی این کتاب توصیه می شود.
@frontdevir
تو ۵ دقیقه ریاکت رو مرور کنید.
🔗 https://dev.to/ericchapman/react-cheat-sheet-updated-may-2021-1mcd
#frontend
@frontdevir
🔗 https://dev.to/ericchapman/react-cheat-sheet-updated-may-2021-1mcd
#frontend
@frontdevir
پلاگین فیگما
میتونید لینک وبسایتی که دوست دارین رو بهش بدین و اون براتون فایل فیگمای لایه باز اون لندینگ رو
میسازه
🔗 https://www.figma.com/community/plugin/1159123024924461424/html.to.design
@frontdevir
میتونید لینک وبسایتی که دوست دارین رو بهش بدین و اون براتون فایل فیگمای لایه باز اون لندینگ رو
میسازه
🔗 https://www.figma.com/community/plugin/1159123024924461424/html.to.design
@frontdevir