🎨 معرفی وبسایت UI Color Picker
اگر گرافیست هستید و هر روز با کد رنگها سروکار دارید و میخواهید از رنگهای استاندارد در طرحهای خودتان استفاده کنید میتوانید از وبسایت زیر به کد رنگهای استاندارد دسترسی داشته باشید. 😍✌️
🌐: https://uicolorpicker.com/
#introduction #graphic #ui
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
اگر گرافیست هستید و هر روز با کد رنگها سروکار دارید و میخواهید از رنگهای استاندارد در طرحهای خودتان استفاده کنید میتوانید از وبسایت زیر به کد رنگهای استاندارد دسترسی داشته باشید. 😍✌️
🌐: https://uicolorpicker.com/
#introduction #graphic #ui
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
💡طراحی رابط کاربری یا UI چیست؟
🔅یو آی یا UI مخفف عبارت User Interface Design به معنای طراحی رابط کاربری است. در واقع UI طراحی بخشی از وبسایت یا اپلیکیشن است که کاربر آن را مشاهده میکند و بیشتر به جنبهی گرافیکی موضوع میپردازد. اینکه ظاهر هر بخش به چه صورت باشد تا جلوهی مناسبی به وبسایت دهد را طراح بخش UI مشخص میکند.
🔅طراحی رابط کاربری به کمک گرافیستهای سایت و برنامهنویس Front-end پیاده سازی میشود. طراحی رابط کاربری مهم است زیرا کاربر مستقیماً با آن ارتباط دارد و معمولاً افراد به وبسایتهایی با UI ضعیف، کمتر اعتماد میکنند.
💣 مثالهایی از UI:
🔹 ظاهر منو چگونه است؟
🔹رنگ دکمهی جستجو با رنگ اصلی سایت هماهنگ باشد.
🔹باکس مربوط به بنرها تبلیغاتی چگونه طراحی شوند؟
#ui #tips #introduction
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
🔅یو آی یا UI مخفف عبارت User Interface Design به معنای طراحی رابط کاربری است. در واقع UI طراحی بخشی از وبسایت یا اپلیکیشن است که کاربر آن را مشاهده میکند و بیشتر به جنبهی گرافیکی موضوع میپردازد. اینکه ظاهر هر بخش به چه صورت باشد تا جلوهی مناسبی به وبسایت دهد را طراح بخش UI مشخص میکند.
🔅طراحی رابط کاربری به کمک گرافیستهای سایت و برنامهنویس Front-end پیاده سازی میشود. طراحی رابط کاربری مهم است زیرا کاربر مستقیماً با آن ارتباط دارد و معمولاً افراد به وبسایتهایی با UI ضعیف، کمتر اعتماد میکنند.
💣 مثالهایی از UI:
🔹 ظاهر منو چگونه است؟
🔹رنگ دکمهی جستجو با رنگ اصلی سایت هماهنگ باشد.
🔹باکس مربوط به بنرها تبلیغاتی چگونه طراحی شوند؟
#ui #tips #introduction
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
📲 تفاوت UI با UX
📌 مفاهیم ui و ux واژههایی هستند که گاهی اوقات به جای هم به کار برده میشوند ولی در واقع دو مفهوم متفاوت هستند. مقاله زیر به تفاوت این دو مفهوم میپردازد:
+|برای مطالعه مقاله کلیک کنید|+
#article #ui_ux #comapre
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
📌 مفاهیم ui و ux واژههایی هستند که گاهی اوقات به جای هم به کار برده میشوند ولی در واقع دو مفهوم متفاوت هستند. مقاله زیر به تفاوت این دو مفهوم میپردازد:
+|برای مطالعه مقاله کلیک کنید|+
#article #ui_ux #comapre
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
❓آیا برای اینکه یک طراح UX باشید به مدرک دانشگاهی نیاز دارید؟
به طور خلاصه: نه! ولی برای اطلاعات بیشتر مقاله زیر را بخوانید 👇
+|برای مطالعه مقاله کلیک کنید|+
#article #ui_ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
به طور خلاصه: نه! ولی برای اطلاعات بیشتر مقاله زیر را بخوانید 👇
+|برای مطالعه مقاله کلیک کنید|+
#article #ui_ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
📚 معرفی 138 کتاب رایگان در زمینه UI و UX
+|برای مشاهده و دانلود کتابها کلیک کنید|+
#learn #pdf #book #ui_ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
+|برای مشاهده و دانلود کتابها کلیک کنید|+
#learn #pdf #book #ui_ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
🛠 متدها و تکنیکهای رایج در طراحی UX
🔹 در این مقاله تکنیکهایی که طراحان UX حرفهای از آنها برای ساخت یک اپلیکیشن استاندارد استفاده میکنند را میبینید و با آنها آشنا میشوید 👇
+|برای مطالعه مقاله کلیک کنید|+
#article #ui_ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
🔹 در این مقاله تکنیکهایی که طراحان UX حرفهای از آنها برای ساخت یک اپلیکیشن استاندارد استفاده میکنند را میبینید و با آنها آشنا میشوید 👇
+|برای مطالعه مقاله کلیک کنید|+
#article #ui_ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
26 وبسایتی که میتوانید از آنها برای طراحی UI/UX ایده بگیرید 💡
💎 در پست زیر 26 وبسایت (مثل Behance و Dribbble و..) را میبینید که میتوانید از محتویات آنها برای طراحیهای خودتان ایده بگیرید.
+|برای مطالعه مقاله کلیک کنید|+
#article #introduction #ui_ux #idea
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
💎 در پست زیر 26 وبسایت (مثل Behance و Dribbble و..) را میبینید که میتوانید از محتویات آنها برای طراحیهای خودتان ایده بگیرید.
+|برای مطالعه مقاله کلیک کنید|+
#article #introduction #ui_ux #idea
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
نقشه راه برای تبدیل شدن به یک طراح UI/UX 🗺
+|برای دیدن نقشه راه کلیک کنید|+
#road_map #ui_ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
+|برای دیدن نقشه راه کلیک کنید|+
#road_map #ui_ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
4 فریمورک برتر UI برای React js ⚙️
در این مقاله 4 فریمورک برتر که برای طراحی UI در React به کار میروند، معرفی شدهاند 👇
+|برای مطالعه مقاله کلیک کنید|+
#article #react #introduction #ui
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
در این مقاله 4 فریمورک برتر که برای طراحی UI در React به کار میروند، معرفی شدهاند 👇
+|برای مطالعه مقاله کلیک کنید|+
#article #react #introduction #ui
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
11 ابزاری که به عنوان Ui/UX Designer حرفهای باید استفاده کنید 💡
1. Figma
2. Sketch
3. InVision
4. Adobe XD
5. FlowMapp
6. Proto.io
7. Balsamiq
8. Framer
9. Axure
10. Marvel
11. Wireframe.cc
➕ برای مطالعه کامل مقاله کلیک کنید ➕
#article #tips #ui #ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips
1. Figma
2. Sketch
3. InVision
4. Adobe XD
5. FlowMapp
6. Proto.io
7. Balsamiq
8. Framer
9. Axure
10. Marvel
11. Wireframe.cc
➕ برای مطالعه کامل مقاله کلیک کنید ➕
#article #tips #ui #ux
〰️〰️〰️〰️〰️〰️〰️
@programming_tips