کتاب Refactoring UI

زمان مطالعه: 7 دقیقه تازه سازی: 184 روز پیش

۰ریال

کتاب رایگان یک PDF زیبا که شامل ۵۰ فصل و حدودا ۲۰۰ صفحه هست.

مطالعه این کتاب به تمام طراحان رابط کاربری و طراحان تجربه کاربری پیشنهاد میشه به دلیل اینکه به نکات بسیار ریز و جذابی اشاره کرده و به سادگی با رعایت نکاتی که در کتاب گفته شده میتوینم طرح های بهتری رو خلق کنیم.

دسته:

توضیحات

به گفته نویسندگان این کتاب Adam Wathan و Steve Schoger, این فقط یک کتاب نیست بله تمام چیزی هست که شما برای تولید طرح های بهتر نیاز دارین. کتاب Refactoring UI میتونه برای شما یک معجزه باشه برای درک بهتر و عمیق تری از طراحی رابط کاربری!

 

کتاب بهبود رابط کاربری (Refactoring UI)

یک PDF زیبا که شامل ۵۰ فصل و حدودا ۲۰۰ صفحه هست. مطالعه این کتاب به تمام طراحان رابط کاربری و طراحان تجربه کاربری پیشنهاد میشه به دلیل اینکه به نکات بسیار ریز و جذابی اشاره کرده و به سادگی با رعایت نکاتی که در کتاب گفته شده میتوینم طرح های بهتری رو خلق کنیم.

هر فصل به اندازه‌ای مستقل طراحی شده که شما میتونین اونها رو تقریبا به هر ترتیبی و به صورت دلخواه بخونین. به دلیل استفاده از المان های بصری در صفحات کتاب, خوندش بسیار جذابه و به راحتی میتونین در عرض چند ساعت اون رو مطالعه کنین و خودتون رو به درک عمیق تری از طراحی برسونین.

 

  • نویسندگان کتاب: Adam Wathan و Steve Schoger
  • زبان کتاب: انگلیسی
  • تعداد صفحات: ۲۰۰
  • قیمت: 99 دلار – رایگان در مدرسه تجربه کاربری

 

سرفصل های کتاب

 

شروع از صفر

  • با یک ویژگی شروع کنید، نه یک طرح
  • جزئیات بعداً می‌آید
  • زیاد طراحی نکنید
  • یک شخصیت انتخاب کنید
  • انتخاب‌های خود را محدود کنید

 

سلسله مراتب همه چیز است

  • همه عناصر برابر نیستند
  • اندازه همه چیز نیست
  • متن خاکستری روی پس‌زمینه‌های رنگی استفاده نکنید
  • کاهش دهید تا تاکید کنید
  • برچسب‌ها آخرین راه‌حل هستند
  • سلسله مراتب بصری را از سلسله مراتب سند جدا کنید
  • تعادل و کنتراست وزن را حفظ کنید
  • معناشناسی‌ها ثانویه هستند

 

طرح و فضا

  • با خالی از سردرگمی زیاد شروع کنید
  • یک سیستم فاصله‌گذاری و اندازه‌گذاری ایجاد کنید
  • شما نیازی ندارید که تمام صفحه را پر کنید
  • گریدها مقدار زیادی اهمیت ندارند
  • اندازه نسبی مقیاس‌پذیر نیست
  • از فضای دوپهنه خودداری کنید

 

طراحی متن

 

  • یک مقیاس نوع تعیین کنید
  • از فونت‌های خوب استفاده کنید
  • طول خط خود را در کنترل نگه دارید
  • بازون خط، نه مرکز
  • ارتفاع خط به نسبت است
  • هر پیوند نیازی به یک رنگ ندارد
  • با خوانایی در ذهن تطبیق دهید
  • از فاصله‌گذاری حروفی به طور موثر استفاده کنید

 

کار با رنگ

  • از شش عددی برای HSL استفاده نکنید
  • شما نیاز به رنگ‌های بیشتری دارید از آنچه فکر می‌کنید
  • سایه‌های خود را جلوی مطلع کردن قرار دهید
  • نگران کم‌رنگ شدن اشباع نکنید
  • خاکستری‌ها باید خاکستری نباشند
  • قابل دسترسی به معنای زشتی نیست
  • فقط به رنگ وابسته نشوید

 

ایجاد عمق

  • یک منبع نور را تقلید کنید
  • از سایه‌ها برای انتقال ارتفاع استفاده کنید
  • سایه‌ها می‌توانند دو بخش داشته باشند
  • حتی طرح‌های فلت می‌توانند عمق داشته باشند
  • عناصر را با هم همپوشانی دهید تا لایه‌ها ایجاد شود

 

کار با تصاویر

  • از عکس‌های خوب استفاده کنید
  • متن نیاز به کنتراستی مداوم دارد
  • همه چیز اندازه معناداری دارد
  • از محتوای بارگذاری شده توسط کاربر پرهیز کنید

 

لمس‌های نهایی

  • پیش‌فرض‌ها را بهبود دهید
  • با مرزهای تاکیدی رنگی رنگ اضافه کنید
  • پس‌زمینه‌های خود را تزیین کنید
  • وضعیت‌های خالی را نادیده نگیرید
  • از مرزهای کمتر استفاده کنید
  • خارج از جعبه بفکر کنید

توضیحات تکمیلی

نوع کتاب

فایل PDF

زبان کتاب

انگلیسی

حسین همت یار
حسین همت یار طراح محصول

من یک طراحم, علاقمند به دنیای طراحی محصول. درک کاربر و حل مشکلات اونها با راهکارهای هیجان انگیز و خلاقانه رو مهمترین بخش از زندگی کاریم میدونم. با من در دنیای طراحی محصول قدم بزنین :)