آموزش طراحی وب

فیکس کردن تصویر با شیپ

پاسخ داده شده
0
0

سلام در طراحی صفحات وب در فتوشاپ . داریم یک تک صفحه ای طراحی میکنیم . میخوایم یک تصویر مثلا 1920*800 رو توی طرح قرار بدیم . یک شیپ ایجاد کردیم 1920*400 حالا میخوایم این تصویر فیکس شیپمون بشه . آیا راهی وجود داره یا اینکه باید تصویر رو برش بزنیم و اندازه ی شیپ کنیم .
که در اینصورت اگر اندازه شیپ نیز تغیرر کنه نیاز به ادیت دارد تصویر .

سوال دوم من این سیستم گرید بندی است .
من یه کار میخوام اماده کنم این پست استاندارد های گرافیک و گرید بندی ایرانیان هم خوندم . اما به نتیجه ای نرسیدم .
من تو کارهای حرفه ای که در تم فارست وجود داره .
نوشتن بر اساس سیستم 12 شبکه ای 1170پیکس . بعضی از طرح ها هم بر اساس سیستم 12 شبکه 1200 پیکس است .
میخوام بدونم یک کار وان پیج واسه اینکه کارم استاندارد باشه در چه سایزی کار کنم؟

بین 1170 و 1200 تفاوتی وجود داره که میزن بر اساس این سیستم
بهتره رو چه سایزی طراحی کنم . این کار استاندارده؟ http://1200px.com/

با تشکر

  • You must to post comments
Good Answer
1
0

سلام، درمورد سوال اول من یک راه خیلی ساده (و یکم عجیب) رو پیشنهاد میدم. تصویر رو به پترن تبدیل کنید. بعد در پس زمینه اون شیپ از عکسی که به پترن تبدیل کردید استفاده کنید.

درمورد سوال دوم در بلاد فرنگ به حمدالله مانیتور های HD و بعضا FULL HD به وفور یافت میشه. لذا گرید 960 چندان ظاهر زیبایی به کار نمیده بنابر این از گرید های بزرگتر مثل 1200 – 1170 – 1140 استفاده می کنن که کار توی مانیتور های بزرگ (از نظر رزلوشن نه اینچ) ظاهر مناسبی داشته باشه.

البته اجباری در انتخاب نیست، تفاوت چندانی بین این گرید ها مشاهده نمیشه ولی خب طبیعتا هرچی گرید بزرگتر باشه فضای بزرگتری در اختیار دارین اما از اون طرف بزرگی موجب میشه طرح در مانیتور های کوچیک با مشکل کمبود فضه مواجه بشه مثلا اگر طرح سه ستونه باشه توی مانیتور های کوچیک تر مجبورید طرح رو به دو ستون تبدیل کنید (اصطلاحا ستون ها رو بشکنید) پس در نتیجه گاهاَ مجبوریم یک نسخه از طرح رو طبق گرید 960 طراحی کنیم. البته اگر که طالب پیاده سازی یک طرح واکنش گرا هستید بهتره (دراصل باید) طرح رو به صورت mobile-first پیاده سازی کنید. اینطوری هم دردسر کمتری دارید هم طرح برای همه ی اندازه ها بهینه میشه

  • You must to post comments
نمایش 1 نتیجه
پاسخ شما

لطفا جهت ارسال پاسخ به سایت .

سوالی دارید؟

اموزش تصادفی