Steve Schoger, Adam Wathan - Refactoring UI (2018).pdf
53.1 MB
💢 معرفی کتاب
کتاب Refactoring UI یک کتاب آموزشی در زمینه بهبود طراحی رابط کاربری است؛ در این کتاب به تکنیک‌ها و روش‌هایی پرداخته شده است که طراحان را قادر می‌سازد ظاهر و تجربه کاربری وب‌سایت‌ها و اپلیکیشن‌ها را بهبود ببخشند.
▫️سرفصل‌های اصلی کتاب شامل مواردی همچون اصول پایه طراحی، انتخاب رنگ و فونت، تنظیم فضاها و ابعاد، مدیریت تصاویر، و بهبود فرآیند طراحی است.
#کتاب
👤 Maryam
💎 Channel: @DevelopixDesign
کتاب Refactoring UI یک کتاب آموزشی در زمینه بهبود طراحی رابط کاربری است؛ در این کتاب به تکنیک‌ها و روش‌هایی پرداخته شده است که طراحان را قادر می‌سازد ظاهر و تجربه کاربری وب‌سایت‌ها و اپلیکیشن‌ها را بهبود ببخشند.
▫️سرفصل‌های اصلی کتاب شامل مواردی همچون اصول پایه طراحی، انتخاب رنگ و فونت، تنظیم فضاها و ابعاد، مدیریت تصاویر، و بهبود فرآیند طراحی است.
#کتاب
👤 Maryam
💎 Channel: @DevelopixDesign
👍12🔥1
Forwarded from | Codilo |
🍉 یلدای امسال رو کُدیلویی بگذرونید!
🍓 تا پایان روز جمعه با دعوت دو کاربر جدید به کدیلو، فایل های کدیلو رو رایگان دریافت کنید
🥝 یلدای خوبی داشته باشید (:
💎 @Codilo
🍓 تا پایان روز جمعه با دعوت دو کاربر جدید به کدیلو، فایل های کدیلو رو رایگان دریافت کنید
🥝 یلدای خوبی داشته باشید (:
💎 @Codilo
👍3
💢 معرفی سه ابزار هوش‌مصنوعی مناسب طراحان
1⃣ طراحی گرافیکی به کمک Midjourney
میدجورنی یک ابزار هوش‌مصنوعی است که از ماشین لرنینگ برای ایجاد گرافیک‌های حرفه‌ای استفاده می‌کند. با Midjourney می‌توان به راحتی لوگو، پست شبکه‌های اجتماعی، بنر وبسایت و سایر موارد گرافیکی جالب را طراحی کرد. این ابزار برای تولید ایده‌های طراحی از ماشین لرنینگ استفاده می‌کند. شما با استفاده از آن امکان تغییر عناصر طراحی را مطابق میل خود خواهید داشت.
2⃣ ویرایش تصاویر با Adobe Sensei
یک ابزار مجهز به هوش مصنوعی است که به شما در ویرایش تصویر کمک می‌کند. این ابزار از ماشین لرنینگ برای تجزیه و تحلیل تصاویر استفاده می‌کند و پیشنهاداتی برای بهبود آن‌ها ارائه می‌دهد. برای مثال، اگر عکسی با پس‌زمینه‌ای مزاحم دارید، Sensei آن را حذف و پس‌زمینه بهتری را جایگزین می‌کند. این ابزار همچنین اصلاح رنگ‌ها را پیشنهاد و تصاویر را برش می‌دهد و حتی جلوه‌های ویژه‌ای را به تصاویر شما اضافه می‌کند. با این ابزار به راحتی می‌شود تصاویری که با Midjourney ساخته شده است، ویرایش کرد.
3⃣ انجام تست‌‌های کاربری با VisualEyes
یک ابزار هوش مصنوعی است که به طراحان کمک می‌کند تا از طریق نمایش مسیر چشم کاربر، رفتار و تعامل کاربران با طرح‌های خود را درک کنند. با تنظیم پارامترهای تست و اجرای آزمایش، VisualEyes گزارشی از نتایج آزمایش ارائه می‌دهد که طراحان می‌توانند از آن برای بهینه‌سازی طراحی و تجربه کاربر استفاده کنند. این ابزار به طراحان امکان می‌دهد تا با تکرار آزمایش با گروه‌های کاربری مختلف، مسائل مختلف را شناسایی و بهبودهای لازم را انجام دهند. با استفاده از VisualEyes، طراحان می‌توانند بهبودهای لازم را در طراحی خود اعمال کنند و تجربه کاربر را بهبود بخشند.
👤 Maryam
💎 Channel: @DevelopixDesign
1⃣ طراحی گرافیکی به کمک Midjourney
میدجورنی یک ابزار هوش‌مصنوعی است که از ماشین لرنینگ برای ایجاد گرافیک‌های حرفه‌ای استفاده می‌کند. با Midjourney می‌توان به راحتی لوگو، پست شبکه‌های اجتماعی، بنر وبسایت و سایر موارد گرافیکی جالب را طراحی کرد. این ابزار برای تولید ایده‌های طراحی از ماشین لرنینگ استفاده می‌کند. شما با استفاده از آن امکان تغییر عناصر طراحی را مطابق میل خود خواهید داشت.
2⃣ ویرایش تصاویر با Adobe Sensei
یک ابزار مجهز به هوش مصنوعی است که به شما در ویرایش تصویر کمک می‌کند. این ابزار از ماشین لرنینگ برای تجزیه و تحلیل تصاویر استفاده می‌کند و پیشنهاداتی برای بهبود آن‌ها ارائه می‌دهد. برای مثال، اگر عکسی با پس‌زمینه‌ای مزاحم دارید، Sensei آن را حذف و پس‌زمینه بهتری را جایگزین می‌کند. این ابزار همچنین اصلاح رنگ‌ها را پیشنهاد و تصاویر را برش می‌دهد و حتی جلوه‌های ویژه‌ای را به تصاویر شما اضافه می‌کند. با این ابزار به راحتی می‌شود تصاویری که با Midjourney ساخته شده است، ویرایش کرد.
3⃣ انجام تست‌‌های کاربری با VisualEyes
یک ابزار هوش مصنوعی است که به طراحان کمک می‌کند تا از طریق نمایش مسیر چشم کاربر، رفتار و تعامل کاربران با طرح‌های خود را درک کنند. با تنظیم پارامترهای تست و اجرای آزمایش، VisualEyes گزارشی از نتایج آزمایش ارائه می‌دهد که طراحان می‌توانند از آن برای بهینه‌سازی طراحی و تجربه کاربر استفاده کنند. این ابزار به طراحان امکان می‌دهد تا با تکرار آزمایش با گروه‌های کاربری مختلف، مسائل مختلف را شناسایی و بهبودهای لازم را انجام دهند. با استفاده از VisualEyes، طراحان می‌توانند بهبودهای لازم را در طراحی خود اعمال کنند و تجربه کاربر را بهبود بخشند.
👤 Maryam
💎 Channel: @DevelopixDesign
👍14❤1
❤4👍3👎2
This media is not supported in your browser
VIEW IN TELEGRAM
💢 معرفی پلاگین فیگما
با استفاده از این پلاگین که توسط تیم دیزاین مایکروسافت ایجاد شده است به راحتی و سرعت می‌توانید icon ها را scale کنید.
🎨 دانلود و نصب پلاگین
#Figma
👤 Maryam
💎 Channel: @DevelopixDesign
با استفاده از این پلاگین که توسط تیم دیزاین مایکروسافت ایجاد شده است به راحتی و سرعت می‌توانید icon ها را scale کنید.
🎨 دانلود و نصب پلاگین
#Figma
👤 Maryam
💎 Channel: @DevelopixDesign
👍12❤1
Forwarded from Developix Support
DragonCloud - دراگون کلود
ارائه خدمات سرور مجازی و اختصاصی
با بهترین سخت افزار های موجود و شبکه ای قدرتمند
- استفاده از پردازنده core i9 14900k
- رم های DDR5
- حافظه های NVMe
جهت دریافت اطلاعات بیشتر و خرید عضو شوید👇🏽
@DragonCloud_ir
ارائه خدمات سرور مجازی و اختصاصی
با بهترین سخت افزار های موجود و شبکه ای قدرتمند
- استفاده از پردازنده core i9 14900k
- رم های DDR5
- حافظه های NVMe
جهت دریافت اطلاعات بیشتر و خرید عضو شوید👇🏽
@DragonCloud_ir
👍2
💢 معرفی پلاگین فیگما
گاهی اوقات نیاز داریم تا فونت‌های استفاده شده در فایل فیگما را به فونت دیگری تغییر دهیم. با استفاده از پلاگین "Font Changer" می‌توان به سرعت و راحتی کلیه فونت‌های استفاده شده در کل پروژه‌مان را به فونت دیگری تبدیل کنیم.
🎨 دانلود و نصب پلاگین
#Figma
👤 Maryam
💎 Channel: @DevelopixDesign
گاهی اوقات نیاز داریم تا فونت‌های استفاده شده در فایل فیگما را به فونت دیگری تغییر دهیم. با استفاده از پلاگین "Font Changer" می‌توان به سرعت و راحتی کلیه فونت‌های استفاده شده در کل پروژه‌مان را به فونت دیگری تبدیل کنیم.
🎨 دانلود و نصب پلاگین
#Figma
👤 Maryam
💎 Channel: @DevelopixDesign
👍8🔥3
Media is too big
VIEW IN TELEGRAM
💢 معرفی تست 5 ثانیه
تست 5 ثانیه یا 5-Second Test یک روش تحقیقی است که به طراحان کمک می‌کند تا بفهمند کاربران در اولین 5 ثانیه از ورود به یک صفحه وب یا استفاده از یک بخش از وبسایت چه مفهومی از محتوا و هدف دارند. این تست به عنوان یک ابزار سریع و موثر برای ارزیابی نخستین تجربه کاربری بر روی یک وبسایت یا برنامه به کار می‌رود.
راهبردهای اجرای تست 5 ثانیه به شرح زیر است:
1⃣ نمایش صفحه به مدت 5 ثانیه: کاربران به مدت پنج ثانیه یک تصویر، صفحه وب، یا الگو را مشاهده می‌کنند.
2⃣ پنهان‌سازی محتوا: پس از گذشت 5 ثانیه، تصویر یا محتوای نمایش داده شده پنهان می‌شود.
3⃣ سوال به کاربر: سپس از کاربران پرسیده می‌شود که در این 5 ثانیه اولین چیزی که به آن توجه کردند چیست و هدف یا محتوای اصلی چیست؟
4⃣ جمع‌آوری بازخورد: بازخوردهای کاربران جمع‌آوری می‌شود تا طراحان بتوانند درک کنند که آیا محتوا و هدف صفحه به صورت سریع و بهینه به کاربر منتقل شده یا خیر.
📲 Youtube Link
👤 Maryam
💎 Channel: @DevelopixDesign
تست 5 ثانیه یا 5-Second Test یک روش تحقیقی است که به طراحان کمک می‌کند تا بفهمند کاربران در اولین 5 ثانیه از ورود به یک صفحه وب یا استفاده از یک بخش از وبسایت چه مفهومی از محتوا و هدف دارند. این تست به عنوان یک ابزار سریع و موثر برای ارزیابی نخستین تجربه کاربری بر روی یک وبسایت یا برنامه به کار می‌رود.
راهبردهای اجرای تست 5 ثانیه به شرح زیر است:
1⃣ نمایش صفحه به مدت 5 ثانیه: کاربران به مدت پنج ثانیه یک تصویر، صفحه وب، یا الگو را مشاهده می‌کنند.
2⃣ پنهان‌سازی محتوا: پس از گذشت 5 ثانیه، تصویر یا محتوای نمایش داده شده پنهان می‌شود.
3⃣ سوال به کاربر: سپس از کاربران پرسیده می‌شود که در این 5 ثانیه اولین چیزی که به آن توجه کردند چیست و هدف یا محتوای اصلی چیست؟
4⃣ جمع‌آوری بازخورد: بازخوردهای کاربران جمع‌آوری می‌شود تا طراحان بتوانند درک کنند که آیا محتوا و هدف صفحه به صورت سریع و بهینه به کاربر منتقل شده یا خیر.
👤 Maryam
💎 Channel: @DevelopixDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👍3
Media is too big
VIEW IN TELEGRAM
💢 قانون سه کلیک
قانون سه کلیک می گوید اگر کاربران نتوانند با سه کلیک به صفحه مورد نظر خود برسند، وبسایت یا محصول مورد نظر را ترک خواهند کرد. این قانون بر اصل دسترسی پذیری که از مهم‌ترین اصول طراحی تجربه کاربری (UX) است تاکید دارد.
این اصل از اهمیت آسانی و سرعت در دسترسی به اطلاعات بر روی وب‌سایت‌ها نشأت می‌گیرد. در صورتی که کاربر برای دستیابی به اطلاعات یا صفحات مهم بیش از حد کلیک کند، ممکن است احساس کند که وبسایت پیچیده یا غیرکاربردی است.
هرچند که این قانون به‌عنوان یک قانون مشخص و ملزوم به رعایت در تمام طراحی‌های وب نیست، اما به عنوان یک راهنمای کلی مطرح شده است تا طراحان وب به بهبود تجربه کاربری و سادگی دسترسی به اطلاعات کمک کنند. برخی ممکن است این قانون را به چشم یک الگوی طراحی مفید ببینند، در حالی که برخی دیگر آن را به‌عنوان یک قاعده سخت و سریع وابسته نخواهند دانست.
📲 Youtube Link
👤 Maryam
💎 Channel: @DevelopixDesign
قانون سه کلیک می گوید اگر کاربران نتوانند با سه کلیک به صفحه مورد نظر خود برسند، وبسایت یا محصول مورد نظر را ترک خواهند کرد. این قانون بر اصل دسترسی پذیری که از مهم‌ترین اصول طراحی تجربه کاربری (UX) است تاکید دارد.
این اصل از اهمیت آسانی و سرعت در دسترسی به اطلاعات بر روی وب‌سایت‌ها نشأت می‌گیرد. در صورتی که کاربر برای دستیابی به اطلاعات یا صفحات مهم بیش از حد کلیک کند، ممکن است احساس کند که وبسایت پیچیده یا غیرکاربردی است.
هرچند که این قانون به‌عنوان یک قانون مشخص و ملزوم به رعایت در تمام طراحی‌های وب نیست، اما به عنوان یک راهنمای کلی مطرح شده است تا طراحان وب به بهبود تجربه کاربری و سادگی دسترسی به اطلاعات کمک کنند. برخی ممکن است این قانون را به چشم یک الگوی طراحی مفید ببینند، در حالی که برخی دیگر آن را به‌عنوان یک قاعده سخت و سریع وابسته نخواهند دانست.
👤 Maryam
💎 Channel: @DevelopixDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21❤2👎1
Forwarded from Developix Support
🔴 شتابان هاست 🔴
🔰 تخفیف ویژه 12 درصدی برای
خرید انواع🔹هاست🔹سرور
در شتابان هاست به مناسبت فرا رسیدن عید نوروز 🥳:
✅ https://shetabanhost.com/
🌟 کد تخفیف اختصاصی:
🔗 https://shetabanhost.com/
🌐 پشتیبانی ۲۴ ساعته شتابان هاست👇👇
☎️ 024-91311031
💎 Channel: @shetabanhostcom
🔰 تخفیف ویژه 12 درصدی برای
خرید انواع🔹هاست🔹سرور
در شتابان هاست به مناسبت فرا رسیدن عید نوروز 🥳:
✅ https://shetabanhost.com/
🌟 کد تخفیف اختصاصی:
shetabanhost
🔗 https://shetabanhost.com/
🌐 پشتیبانی ۲۴ ساعته شتابان هاست👇👇
☎️ 024-91311031
💎 Channel: @shetabanhostcom
❤32👍25🔥14
This media is not supported in your browser
VIEW IN TELEGRAM
Checklist Design 💎
این سایت یک مجموعه گسترده از چک‌لیست‌های مفید برای اجزای رابط کاربری، صفحات و ... ارائه می‌دهد. هر چک‌لیست به شما کمک می‌کند تا در فرآیند طراحی و توسعه، انواع مختلف اجزا و سناریوهای مختلفی که کاربر را از نقطه A به نقطه B هدایت می‌کنند را به خوبی در نظر بگیرید و بررسی کنید.
✨ checklist.design
👤 Maryam
💎 Channel: @DevelopixDesign
این سایت یک مجموعه گسترده از چک‌لیست‌های مفید برای اجزای رابط کاربری، صفحات و ... ارائه می‌دهد. هر چک‌لیست به شما کمک می‌کند تا در فرآیند طراحی و توسعه، انواع مختلف اجزا و سناریوهای مختلفی که کاربر را از نقطه A به نقطه B هدایت می‌کنند را به خوبی در نظر بگیرید و بررسی کنید.
✨ checklist.design
👤 Maryam
💎 Channel: @DevelopixDesign
👍10❤1
Media is too big
VIEW IN TELEGRAM
یک اصل در روانشناسی گشتالت است که می‌گوید چگونه مغز انسان تمایل دارد عناصری را که در یک ناحیه بسته یا محدود قرار دارند به عنوان یک گروه مشترک درک کند. به عبارت ساده‌تر، اگر عناصر بصری در یک مرز یا منطقه مشترک محصور شوند، ذهن ما آن‌ها را به عنوان یک موجودیت یا یک گروه یکپارچه تفسیر می‌کند.
قانون منطقه مشترک به ویژه در طراحی، ارتباطات بصری و طراحی رابط کاربری مورد استفاده قرار می‌گیرد. با استفاده از این اصل، مانند گروه‌بندی دکمه‌های مشابه در یک کادر، طراحان می‌توانند ساختارهای یکپارچه‌ای ایجاد کنند که به کاربران کمک کند تا به راحتی و به سرعت اطلاعات را درک و پردازش کنند.
#UI #UX
👤 Maryam
💎 Channel: @DevelopixDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
کتاب رنگ
✅میدونید که از مباحث مهم توی گرافیک، روانشناسی رنگ هاست
این کتاب درباره همین موضوعه و خیلی کامل و جامع درباره رنگ ها توضیح داده😍
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
✅میدونید که از مباحث مهم توی گرافیک، روانشناسی رنگ هاست
این کتاب درباره همین موضوعه و خیلی کامل و جامع درباره رنگ ها توضیح داده😍
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
👍13👎2🔥1
logo modernism.pdf
28.5 MB
این کتاب به نوعی کاتالوگی شامل ۶,۰۰۰ نشان تجاری است که در بازه زمانی ۱۹۴۰-۱۹۸۰ طراحی شده‌اند.
📗 کتاب لوگو مدرنیسم
👤 آر. راجر رمینگتون, جنس مولر
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
📗 کتاب لوگو مدرنیسم
👤 آر. راجر رمینگتون, جنس مولر
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
❤7🔥2👎1
Forwarded from Developix Support
◽بوت‌کمپ مدیریت محصول بهار 1403
❗کد تخفیف ویژه مخاطبان: pm_uiux
◽ششمین دوره از بوت‌کمپ مدیریت محصول آکادمی آن‌سو، همراه با منتورینگ و انجام پروژههای عملیاتی واقعی در بهار ۱۴۰۳ برگزار می‌شود.
در این دوره بر اساس مسائل واقعی کسب‌وکارها، تعریف پروژه و تیم‌سازی می‌کنیم و با جلسات منتورینگ منظم، پروژه را برای دمودی نهایی مقابل داوران آماده می‌کنیم.
🔍ویژگی‌های دوره:
- نحوه برگزاری: حضوری-آنلاین
- مدت زمان بوت‌کمپ: 42 ساعت آموزش + 22 ساعت منتورینگ
- تیم‌سازی و تعریف پروژه
- شبکه‌سازی با مدیران منابع انسانی شرکت‌های موفق
- آموزش بر اساس پروژههای عملیاتی واقعی
- ایجاد فرصت‌های شغلی
- امکان پرداخت قسطی
👥مخاطبین دوره:
- دانشجویان و فارغ‌التحصیلان جویای کار
- مدیران استارتاپ‌ها و کسب‌وکارهای کوچک
- کارشناسان محصول، مالکان محصول و طراحان محصول
- کلیه علاقه‌مندان به حوزه محصول
🔗https://aanco.ir/product_management/
📞09300142118
📩@AansooAcademy
❗کد تخفیف ویژه مخاطبان: pm_uiux
◽ششمین دوره از بوت‌کمپ مدیریت محصول آکادمی آن‌سو، همراه با منتورینگ و انجام پروژههای عملیاتی واقعی در بهار ۱۴۰۳ برگزار می‌شود.
در این دوره بر اساس مسائل واقعی کسب‌وکارها، تعریف پروژه و تیم‌سازی می‌کنیم و با جلسات منتورینگ منظم، پروژه را برای دمودی نهایی مقابل داوران آماده می‌کنیم.
🔍ویژگی‌های دوره:
- نحوه برگزاری: حضوری-آنلاین
- مدت زمان بوت‌کمپ: 42 ساعت آموزش + 22 ساعت منتورینگ
- تیم‌سازی و تعریف پروژه
- شبکه‌سازی با مدیران منابع انسانی شرکت‌های موفق
- آموزش بر اساس پروژههای عملیاتی واقعی
- ایجاد فرصت‌های شغلی
- امکان پرداخت قسطی
👥مخاطبین دوره:
- دانشجویان و فارغ‌التحصیلان جویای کار
- مدیران استارتاپ‌ها و کسب‌وکارهای کوچک
- کارشناسان محصول، مالکان محصول و طراحان محصول
- کلیه علاقه‌مندان به حوزه محصول
🔗https://aanco.ir/product_management/
📞09300142118
📩@AansooAcademy
👍4
سایت دانلود موکاپ👇🔖
smartmockups.com
www.freepik.com
themockup.club
goodmockups.com
www.ls.graphics ✨
mockuptree.com
mockuuups.studio
placeit.net
#معرفی_سایت
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
smartmockups.com
www.freepik.com
themockup.club
goodmockups.com
www.ls.graphics ✨
mockuptree.com
mockuuups.studio
placeit.net
#معرفی_سایت
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
👍9
پالت رنگ (ترکیبات رنگی)🎨
🔺 وبسایت materialuicolors.com
🔺 وبسایت color.adobe.com
🔺 وبسایت colorhunt.co
🔺 وبسایت coolors.co
🔺 وبسایت ronio.ir
#معرفی_سایت
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
🔺 وبسایت materialuicolors.com
🔺 وبسایت color.adobe.com
🔺 وبسایت colorhunt.co
🔺 وبسایت coolors.co
🔺 وبسایت ronio.ir
#معرفی_سایت
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
👍8❤1👎1