طراحی سایت


بسیاری از وب سایت ها با رنگ ها، تصاویر روشن و محتوای مفید می درخشند. اما اگر رنگ ها، فیلم ها، تصاویر، محتوا را پاره کنید، چه چیزی باقی می ماند؟ شما به استخوان های خالی وب سایت خواهید رسید و ناگهان خواهید فهمید: چیدمان چیزی است که واقعاً به وب سایت درخشش می دهد.

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

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



نمونه ای از چیدمان وب سایت

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

چرا باید یک طرح را بر دیگری انتخاب کنید؟
شما باید یک انتخاب دقیق داشته باشید. دلیلش اینه:

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

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

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

نمونه ای از نحوه عملکرد قانون گشتالت بسته شدن

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

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

فضای منفی (فضایی که عاری از هر عنصری است) توجه را به عناصری جلب می کند که از طریق قدرت بصری متمرکز بر آنها از دیگران پیشی می گیرند.


نمونه ای از وزن بصری ایجاد شده توسط فضای منفی

فضای بین مربع سیاه و مربع سفید نگاه را به سمت عنصر چپ هدایت می کند. اما عنصر سمت چپ توسط 4 مربع سفید کوچکتر غلبه می کند. مربع سیاه قدرت بصری قوی تری به ارمغان می آورد.

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

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

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



https://www.interaction-design.org/literature/topics/web-design

Leave a Reply

Your email address will not be published. Required fields are marked *