نحوه ایجاد طرح بندی صفحه متعادل

محتوا

• 01. از شبکه استفاده کنید
• 02. یک نقطه کانونی واحد انتخاب کنید
• 03. از قانون ثالث استفاده کنید
• 04. از فضای سفید استفاده کنید
• 05. عناصر طراحی را تکرار کنید
• 06. از سلسله مراتب استفاده کنید
• 07. از مقیاس ، کنتراست و هماهنگی استفاده کنید

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

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

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

برای مشاوره بیشتر در مورد وب ، به راهنمای ما برای ایجاد طرح بندی کامل وب سایت مراجعه کنید.

01. از شبکه استفاده کنید

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

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

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

02. یک نقطه کانونی واحد انتخاب کنید

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

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

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

03. از قانون ثالث استفاده کنید

یکی از بهترین راه ها برای ایجاد حس تعادل استفاده از Rule of Thirds یا Golden Ratio مورد علاقه طراح است. به بیان ساده ، قانون یک سوم می گوید اگر صفحه خود را به صورت عمودی و افقی به یک سوم تقسیم کنید ، نقاطی که خطوط شبکه در آن تلاقی می یابد ، نقاط کانونی طبیعی یک ترکیب را فراهم می کنند.

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

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

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

04. از فضای سفید استفاده کنید

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

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

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

05. عناصر طراحی را تکرار کنید

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

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

06. از سلسله مراتب استفاده کنید

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

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

07. از مقیاس ، کنتراست و هماهنگی استفاده کنید

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

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

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