تفاوت pt و px در طراحی رابط کاربری چیست؟
در طراحی رابط کاربری ممکن هست این سوال براتون پیش بیاد که اندازه صفحه رو بر اساس چه کمیت طراحی کنیم!؟
معمولا به دو مورد که بیشترین استفاده در طراحی رابط کاربری دارد بر میخورید یعنی پیکسل ( Pixel = px) و یا ( Point = pt) و ممکن هست شما تفاوت آن را ندانید و هر کدام رو در جایی استفاده کنید.
پیکسل ها به معنای کوچکترین عنصر که ما می تونیم رو یک صفحه نمایش اون رو کنترل کنیم. و هر تعداد پیسکل هایی که درون یک سایز به خصوص صفحه نمایش قرار داشته باشن به معنای مقدار بیشتری از PPI (pixels per inch) هست که باعث میشه محتوا درون صفحه نمایش خیلی تمیز و شفاف رندر بشن.
همونطور که متوجه شدید در واقع پیسکل به رزولوشن وابسته هست.
اما Point یک کمیت اندازه گیری مستقل از رزولوشن هست. با توجه به تراکم پیسکل های صفحه نمایش، یک پوینت می تونه شامل چندتا پیکسل بشه ( به عنوان مثال و با توجه به تصویر بالا 1pt در صفحه نمایش رتینا شامل 2×2 پیکسل میشه!)
زمانی که میخواهید برای صفحه نمایش های مختلف طراحی کنید، باید اندازه رو با Point حساب کنید، اما با pixels طراحی کنید! این به این معنی هست که شما باید همه عناصر را در 3 رزولوشن مختلف خروجی بگیرید و هیچ اهمیتی نداره که در چه رزولوشنی در اپلیکیشن شروع به طراحی میکنید.
طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟
شما می توانید با عضویت در کانال یوتیوب من آموزش های دیگر طراحی رابط و تجربه کاربری ( UI / UX ) را دنبال و یاد بگیرید. عضویت در کانال آموزشی یوتیوب : Youtube.com/AsteriXarts اگر سوالی در مورد طراحی رابط کاربری UI داشتید، می توانید در قسمت نظرات بپرسید تا به آن ها جواب دهم.نمونه کارهای طراحی رابط و تجربه کاربری ( UI/UX )
3 تا از مهمترین منابع نمونه کارهای طراحی رابط کاربری یعنی دریبل، بیهنس و اینستاگرام هست که شما می توانید کارهای مختلف طراحی رابط و تجربه کاربری را ببینید و از آن ها برای استفاده در کارهای خود ایده بگیرید. همچنین می توانید نمونه کارهای من را ببینید و من را در این شبکه ها دنبال کنید.در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.
عضویت در کانال آموزشی: Youtube.com/AsteriXarts
در صورتی که این ویدیو برای شما مفید بود, لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.
