پنل کاربری
021 44 06 13 51
info@portalsaz.com
انواع مقالات کوتاه و مفید
Feed
مقالات طراحی سایت
1395/08/09 23:25

کار کردن با نسبت اندازه ها در طراحی سایت

از نسبت های اندازه در طراحی سایت چگونه استفاده کنیم؟ 

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

تعریف نسبت های اندازه 

به آسانی، نسبت های اندازه ، روابط میان عرض و ارتفاع یک مستطیل است. هنگامی که با نسبت های اندازه ها در طراحی سایت های امروزی کار می نمایید، نسبت های اندازه دارای ترتیب افقی هستند، به این خاطر که اکثر طراحی سایت ها عرض بیشتری از ارتفاع خود دارند.

نسبت های اندازه در نسبت های ریاضی هم تعریف می شوند، به این ترتیب که دو عدد به وسیله یک دو نقطه میان شان، کنار هم قرار می گیرند.

عرض: ارتفاع
به صورتی که 4 اینچ عرض با 3 اینچ ارتفاع به این ترتیب است: "4:3"

 نسبت های اندازه به آسانی سنجش عرض و ارتفاع یک عکس طراحی سایت نیست. ما سایز ها را به کوچک ترین نسبت ها کسر می دهیم. به صورت مثال مستطیل عکسی 12 اینچ عرض با 9 اینچ ارتفاع را به نسبت 4:3 معرفی می کنیم.

نسبت های اندازه عکسها در طراحی سایت

یکی از محل هایی که این نسبت های اندازه مشاهده می شود، در عکسها است. هر دوربین آیفون شما، به شما مجال می دهد تا یک نسبت خاصی را قبل از عکس برداری تنظیم نمایید و سپس قادر هستید در مرحله بریدن عکسها، این نسبت ها را هم تغییر دهید.

نسبت های اندازه در عکسها بیشتر مرتبط با چگونگی استفاده عکسها در طراحی سایت است. نسبت های اندازه با سایز نمایشگر معین می شود. به صورت مثال، پست گذاشتن عکسها در برنامه اینستاگرام ، فقط عکسها را با نسبت 1:1 میسر می سازد.

عکسهای اصلی یا در سایز 3:2 در نمونه ها پرینتی منتشر می شوند، به این خاطر که کاغذ های پرینتی در بیشتر اوقات دارای 3 اینچ در عرض و 2 اینچ در ارتفاع، و 6 اینچ در عرض و 4 اینچ در ارتفاع هستند. این نسبت های رایج در حسگر دوربین ها و در نمونه ها پرینتی سبب می شود که شخص به راحتی عکسی را عکاسی نماید و یا به پرینت بدهد.

نسبت های اندازه امروزه خیلی در دستگاه ها مورد کاربرد دارد. صرفه نظر از عکاسان حرفه ای، طراحان طراحی سایت و هنرمندان، اشخاصی کمی می توانند یک عکس را برای رسیدن به یک نسبت های اندازه درست و صحیح، برش دهند.

چرا بایست عکسها را برش داد؟ برای افزودن نمای جالب عکس در فروشگاه ساز، برای عکسهای چشم انداز یک صحنه، برای اضافه کردن جذابیت و هیجان انگیز بودن بیشتری از شکل عادی عکس و غیره. بهره گیری از یک شکل استاندارد، هماهنگی و توازن بسیاری را میان مولفه های یک طراحی ایجاد می کند.

نسبت های اندازه در ویدئوهای طراحی سایت

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

نمایشگر های ویدئویی در نسبت های اندازه به دو گروه تقسیم می شوند: نمایشگر های سینمایی و فیلمی و نمایشگر های تلویزیونی و دسک تاپ رایانه ها:

نمایشگر های سینمایی  اغلب 1: 85/1 یا 1: 43/1
نمایشگر قدیمی تلویزیون ها اغلب 4:3 و 1: 33/1 و در نمایشگر های تازه، عرض آن 16:9 یا 1: 77/1 است.

طراحی ویدئوها برای هر سایز نمایشگر، مختلف است، اما معمولا فرمت 16:9 استفاده می شود. دیگر گزینه رایج برای طراحان طراحی سایت، همین مقدار 16:9 است که نسبت استانداردی در نرم افزار های طراحی سایت ها نظیر یوتیوب است.

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

نسبت های اندازه در طراحی سایت ریسپانسیو

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

بهره گیری از یک نسبت اندازه خاص برای عکسها در سی اس اس ، اطمینان حاصل می نماید که با برش دادن عکسها هم، مفهوم مطالب سایت تان تغییر نخواهد کرد.

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

شما احتمالا احتیاج خواهید داشت تا به نسبت اندازه به صورت درصدی نگاه کنید:

4:3= 75%
3:2=66/66%
16:9=25/56 %
8:5= 5/62 %

ساده کردن زندگی

چرا این نسبت های اندازه اهمیت دارند؟ برای اینکه فهم این نسبت ها زندگی مان را ساده می کنند.

به این توجه نمایید که چگونه برخی کار ها نظیر طراحی سایت می تواند در ابزارهای و زمینه های مختلف آشکار شوند: تجارت کارت، طراحی کارت پستال، طراحی سایت، طراحی پوستر، تبلیغات ویدئویی. اگر با نسبت های اندازه رایج کار نمایید و یا مولفه های را طراحی نمایید که از این نسبت ها پیروی کنند، آمیختن و مطابقت دادن بخش های مختلف یک طراحی می تواند آسان گردد و شما مجبور نیستید مجددا برای هر مولفه، طراحی خاصی را اجرا کنید.

این محاسبه نسبت های اندازه را به شما می دهد. این مورد می تواند زمانی بیشتر اجرایی باشد که خودتان به تکی قادر نباشید این نسبت ها را محاسبه نمایید و در زمان تان هم صرفه جویی می نماید.

نسبت های اندازه رایج

در حالی که نسبت های اندازه استاندارد تمایل دارد در هر زمانی تغییر یابد- مطابق با تغییرات نمایشگر تلویزیون ها از دهه 1950 تا به امروز- قادر هستید روی شکل ها و سایز های رایجی هم برنامه ریزی نمایید:

4:3 (1: 33/1) نمایشگر قدیمی تلویزیون و کامپیوتر در اندازه ها 768*1024
3:2 (1: 5/1)- فرمت های پرینتی عکسها، همینطور برای کارت پستال ها، تجارت کارت ها و نامه رسانی های استاندارد
1:1- عکس مربعی شکل استاندارد (در رسانه های اجتماعی و در طراحی سایت ها رایج است)
16:9 (1: 77/1)- ویدئوهای HD استاندارد و نمایشگر های استاندارد خیلی به هم نزدیک شده اند که دارای سایز های 768*1366 هستند.
5:3 (1: 66/1)- نمایشگر های استاندارد اروپایی
1: 618/1- نسبت های طلایی
با پرتال ساز همراه باشید.

نظرات

نظر شما
نام :
پست الکترونیکی :
وب سایت :
متن :

تصویر :

برچسب ها :