رابط کاربری به عنوان یکی از مهمترین قسمتهای طراحی وبسایت در نظر گرفته میشود. در حقیقت زمانی که تصمیم دارید سود وبسایت خود را بهبود بخشید، نیاز است تا در UX و UI وبسایت خود تجدید نظر نمایید؛ چرا که این دو بخش به صورت مستقیم باعث تعامل کاربر و وبسایت شما میشوند. از آن جایی که مشاغل زیادی وجود دارند که به دنبال بهبود رابط کاربری وبسایت خود هستند، در نتیجه پیشرفتهای بسیار زیادی در این حیطه انجام شدهاست. برای آن که بتوانید به شیوهی مناسبی از این پیشرفتها در وبسایت خود استفاده نمایید باید با مفاهیم هر کدام از آنها آشنا شوید. تعادل یکی از اصلیترین نکاتی است که باید در طراحی UI مورد استفاده قرار گیرند. در حقیقت برای آن که بتوان تعادل را در بخشهای مختلف UI به کار برد نیاز است تا با مفاهیم و انواع آن آشنا شوید. در این مقاله به بررسی مفهوم تعادل در طراحی UI خواهیم پرداخت. با ما همراه باشید.
در نظر داشته باشید که برای مطالعهی مقالات مرتبط با رابط کاربری و تجربه کاربری نوشته شده در بلاگ وستا، از اینجا وارد شوید.
پیش از آن که مفهوم تعادل در طراحی UI را بررسی کنیم، باید در ابتدا به توضیح ارتباط دو مفهوم تعادل و طراحی بپردازیم. یکی از مهمترین نکاتی که از گذشتههای دور تاکنون در طراحیهای بصری متفاوت مورد توجه بود، بحث تعادل بود. زمانی که در هنرهای تجسمی قصد ایجاد یک فضای خاص یا ایدهی منحصربه فردی را داشتند، اقدام به ایجاد تغییراتی در تعادل موجود در آن صحنه میکردند. با توجه به این مورد میتوان گفت که ارتباط تعادل و طراحی در بخشهای مختلفی صورت میگیرد که این بخشها میتوانند در حیطهی ابعاد، اندازه، رنگ، موقعیت مکانی، نوشتار و بسیاری از موارد دیگر باشند. دانستن این نکته بسیار مهم است که مفهوم تعادل هر چیزی را باید بر اساس ارتباطش با سایر عناصر آن بخش تعریف کرد.
بخش عمدهای از زندگی و کسبوکارها در انواع وبسایتها میگذرد. با توجه به این موضوع، داشتن وبسایتی که UI مناسبی داشته باشد منجر به افزایش سود خواهد شد. تعادل به عنوان یکی از شاخصههایی که باعث بهبود رابط کاربری میشود، همواره مورد توجه طراحان بودهاست. در حقیقت برای آن که بتوانید در طراحی UI، تعادلی را برقرار نمایید باید وزن بصری را به صورت یکنواختی پخش نمایید. شایان ذکر است که وجود یا عدم وجود تعادل باید با توجه به محتوا و نوع وبسایت شما صورت گیرد و هیچ کدام نمیتواند بدون در نظر گرفتن عوامل دیگر، ضامن موفقیت وبسایت شما باشد. زمانی که در وبسایت شما در تمامی بخشها تعادل رعایت میشود، در نتیجه کاربران دچار تنشهای بصری نمیشوند؛ گاهی اوقات نیاز است تا تنش بصری ایجاد کرد که شناخت چنین مواقعی به تجربه و حرفهای بودن طراح بستگی خواهد داشت.
همانطور که ذکر شد، شناخت تعادل در طراحی UI باعث میشود تا شما بتوانید بسته به محتوا و نوع وبسایت خود اقدام به طراحی UI مناسبی نمایید. با توجه این نکته، پیشرفتهای زیادی در زمینهی تعادل در طراحی UI صورت گرفتهاست. این پیشرفتها باعث شده تا امروزه، شاهد انواع مختلفی از تعادلها در UI باشیم. در زیر به بررسی 4 نوع اصلی تعادل در طراحی رابط کاربری میپردازیم.
زمانی که قصد دارید وقار و رسمی بودن وبسایت خود را افزایش دهید، استفاده از طراحی متقارن، مناسبیترین شیوهی تعادل برای طراحی UI وبسایت شما خواهد بود. در حقیقت در طراحی متقارن، تصویر یا تصاویر را نسبت به محور افقی، عمومی و یا هر دو محور، تکرار میکنید. یکی از نکاتی که اخیرا به کرات در طراحی متقارن مورد استفاده قرار گرفتهاست، تکرار تصاویر مشابه به حالت متضاد است به نحوی که کاربران را به فکر فرو میبرد. به طور کلی استفاده از طراحی متقارن چه به روش سنتی و چه به روش کلاسیک، منجر به افزایش لحن جدی وبسایت شما میشود.
شاید تصور کنید که نبود تقارن در طراحی UI منجر به بینظمی میشود اما این ویژگی میتواند به عنوان یک مزیت نیز تلقی شود. بسیاری از وبسایتها برای افزایش میزان جذابیت محتوای خود اقدام به استفاده از طراحیهای میکنند که هیچ نوع تقارنی را در صفحهی سایت ایجاد نمیکنند. برای مثال در بخش سمت چپ محور عمودی صفحه، تنها یک باکس مربعی قرار میدهند در حالیکه در بخش سمت راست، چندین باکس مربعی با اندازههای مختلف، تعبیه میشوند. معمولا استفاده از تعادلهایی که با طرحهای نامتقارن حاصل شدهاند باعث میشود تا سرزندگی و پویایی وبسایت شما افزایش یابد.
ساختار کریستال، ساختاری است که در آن نمونههای مشابه یک نوع مولکول به دفعات مختلف تکرار شدهاند. زمانی که بحث تعادل کریستالوگرافیک در طراحی UI میشود، نیز چنین مفهومی مطرح است. در این نوع از تعادل، تصویر یا باکسی، بدون هیچ ایجاد هیچ نوع تغییر، در صفحهی سایت شما تکرار میشود. دلیل نبود تغییر آن است که هیچ کدام از تصاویر، نسبت به سایر تصاویر دیگر، جلب توجه ننمایند. معمولا تعادل کریستالوگرفیک را زمانی استفاده میکنند که بخواهند یک هرج و مرج در ذهن مخاطب ایجاد نمایند.
اصطلاح تعادل شعاعی در طراحی UI، از عکاسی وارد حیطهی طراحی وبسایت شدهاست. در تعادل شعاعی، تمامی تصاویر، حول یک مرکز اصلی شکل میگیرند به نحوی که گویی، به شعاع مرکزی قرار گرفتهاند که کانون توجه باید باشد. هدف از استفاده از چنین تعادلی در طراحی UI نیز همین نکته است. در حقیقت زمانی که همهی تصاویر به صورت دایرهای و حول یک نقطهی اصلی باشند، آن نقطه به مرکز توجه مخاطب تبدیل میشود. این کار باعث میشود تا شما بتوانید در سریعترین زمان ممکن، توجه مخاطب را نسبت به محتوای خود جلب نمایید.
برای آشنایی با فاکتورهای تعادل در طراحی UI و مطالعهی ادامهی این مقاله از اینجا وارد شوید.