6 مثال ساده پس زمینه برای استفاده در صفحه فرود

توسط در 20 دسامبر 2021 در طراحی صفحه فرود | اولین نفری باشید که نظر می دهید

در دهه 1990، شما دو گزینه برای پس زمینه وب سایت داشتید: یک رنگ ثابت یا یک تصویر تکراری.
در نتیجه، وب‌سایت‌هایی مانند این زیبایی را خواهید دید:
مگر اینکه کار عجیبی انجام دهید، نمی خواهید صفحه فرود شما به این شکل باشد. این به این دلیل است که پس‌زمینه بسیار شلوغ است، شما احساس غرق شدن می‌کنید… از جمله دلایل دیگر.
خوشبختانه، امروزه شما ابزارهای بهتری برای ایجاد پس‌زمینه‌های ساده دارید که بدون اینکه حواس‌تان را از بقیه صفحه فرود پرت کنند، از نظر زیبایی‌شناختی دلپذیر باشند. و ما به شما نشان خواهیم داد که از چه نوع پس زمینه هایی می توانید استفاده کنید.
وقت آن است که در مورد اهمیت یک پس زمینه خوب صفحه فرود و شش پس زمینه ساده برای امتحان در صفحه فرود بعدی خود صحبت کنید.
قبل از اینکه پس‌زمینه‌ای را برای صفحه فرود خود انتخاب کنید، باید نقش آن را در تصاویر کلی خود بدانید.
ببینید، مردم وقتی به محتوای آنلاین نگاه می کنند، از سلسله مراتب بصری طبیعی پیروی می کنند. نکته اصلی این است که مردم تمایل دارند به عناصر بزرگتر با کنتراست بیشتری نسبت به عناصری که با بقیه ترکیب می شوند نگاه کنند.
بنابراین، اگر پس‌زمینه‌ی شما خیلی زیاد باشد، جذب بازدیدکنندگان برای تمرکز بر محتوای اصلی صفحه فرود و – مهم‌تر از همه – دعوت به اقدام شما دشوار خواهد بود.
به علاوه، اگر نتوانید تعادل پس‌زمینه مورد نیاز برای طراحی صفحه فرود مدرن را ایجاد کنید، احترام بازدیدکنندگان خود را از دست خواهید داد. نیمی از مصرف کنندگان فکر می کنند طراحی وب سایت یک شرکت بر برند آنها به عنوان یک کل تأثیر می گذارد. همچنین، 38.5 درصد از آنها در صورت مشاهده طراحی قدیمی (بخوانید: درهم و برهم) صفحه ای را ترک می کنند.
به طور خلاصه، پس زمینه شما بخش مهمی از فرآیند طراحی تبدیل محور است. در صورت امکان، یک مورد ساده را انتخاب کنید که به بازدیدکنندگان شما کمک می کند تا روی اقداماتی که می خواهید انجام دهند تمرکز کنند.
این شش سبک پس‌زمینه پیزا را به صفحه فرود شما اضافه می‌کنند بدون اینکه از نکته اصلی شما دور شوند.
یک الگوی گرادیان یک انتقال بین رنگ ها را نشان می دهد. برخی از گرادیان ها از یک رنگ به رنگ دیگر می روند، در حالی که برخی دیگر مانند رنگ بالا چندین رنگ دارند.
شیب ها چند سال پیش در دنیای طراحی به مد بازگشتند و محبوبیت آنها همچنان در سال 2022 ادامه دارد. استفاده از گرادینت در صفحه فرود شما حسی مدرن و مد روز به آن می دهد. (فقط مطمئن شوید که با بقیه طرح رنگی صفحه فرود شما مطابقت دارد.)
همچنین زمانی که شما یک پس‌زمینه رنگی تک‌رنگ را حفاری نمی‌کنید، شیب‌ها چیزها را طعم‌دار می‌کنند.
اگر پر کردن کل پس‌زمینه صفحه فرود با گرادینت بیش از حد به نظر می‌رسد، سعی کنید از یکی برای برجسته کردن بخش قهرمان خود استفاده کنید. شما همچنان در روند گرادیان قرار خواهید گرفت. نگاه کنید که چگونه طراح Adam Muflihun از یک گرادیان در سر این ماکت صفحه فرود استفاده می کند.
اشکال انتزاعی اشکال اساسی هستند که هنرهای تجسمی را تشکیل می دهند – دایره، مربع و مثلث فکر کنید. الگوهای دارای این اشکال می توانند همان شکل را تکرار کنند یا آن را با هم مخلوط کنند.
با ظهور یکپارچهسازی با سیستمعامل در گرایش های طراحی وب در سال 2022 ، الگوهای شکل انتزاعی نیز موج ایجاد کرده اند. این پس‌زمینه‌ها به صفحات فرود شما حسی قدیمی می‌دهند و در عین حال حس مدرن بودن را حفظ می‌کنند.
اگر این مسیر را می‌روید، مطمئن شوید که از الگوی شکل انتزاعی مناسب برای صفحه فرود خود استفاده می‌کنید. رنگ ها را در طرح رنگ خود نگه دارید و با دقت از الگوهای پررنگ تر استفاده کنید. به عنوان مثال، این صفحه فرود از Scoops از اشکال انتزاعی بزرگ و رنگارنگ در پس‌زمینه استفاده می‌کند، اما فقط برای برجسته کردن اسکرین‌شات‌های محصول.
شما می توانید تک رنگ را به صورت واقعی و متعارف تعریف کنید. در لغت به معنای یک طرح رنگ با رنگ های مختلف یک رنگ است. به طور متعارف، بیشتر مردم هنگام استفاده از این کلمه به معنای طرح رنگ سیاه و سفید هستند. ما با دومی برای این پست وبلاگ همراه هستیم.
صفحات فرود تک رنگ وقتی که تعادل مناسبی بین سیاه و سفید داشته باشید، چشمگیر به نظر می رسند. از یک الگو برای تکمیل یک سیاه یا سفید یکدست استفاده کنید، یا به دنبال پس‌زمینه کامل سیاه یا سفید بروید.
یک طرح رنگ تک رنگ خوب به خوبی می تواند بقیه عناصر بصری صفحه شما را برجسته کند. ببینید چگونه این صفحه فرود برای Onplace ، یک پلت فرم نمونه کارها، از تک رنگ استفاده می کند تا به عکس ها بدرخشد.
الگوهای هندسی به نوعی شبیه الگوهای شکل انتزاعی هستند، اما کاملاً بر روی خطوط مستقیم تمرکز می کنند. این الگوها شامل خطوط، مثلث، مربع و سایر اشکال زاویه ای است.
اگر می خواهید عناصر طراحی را به پس زمینه صفحه فرود خود بدون ایجاد حواس پرتی اضافه کنید، الگوهای هندسی یک انتخاب عالی هستند. ترکیبی از خطوط و شکل‌هایی را که می‌خواهید انتخاب کنید و آنها را مطابق دستورالعمل‌های برند خود سفارشی کنید.
الگوی هندسی شما بسته به اینکه چقدر بین اشکال خود فاصله می گذارید می تواند جسورتر یا ظریف تر به نظر برسد. این صفحه فرود برای Looney Patterns با فاصله زیاد بین مثلث‌ها در پس‌زمینه‌اش، همه چیز را کم‌کم نگه می‌دارد.
الگوهای پارامتریک یک چیز "وقتی آن را دیدی بدان" هستند. کامپیوترها از ریاضیات پیچیده برای تولید آنها استفاده می کنند. آنها معمولاً دارای خطوط یا اشکال هندسی هستند که به صورت تدریجی ارائه می شوند.
این الگوها به خوبی پس‌زمینه صفحه فرود ساده کار می‌کنند، زیرا قدرت بیان‌سازی الگوهای هندسی را با سیالیت حرکت ارگانیک ترکیب می‌کنند. ناهماهنگی جذابیت بصری را بدون احساس بیش از حد می‌افزاید.
با استفاده از دو سایه همرنگ، پس زمینه پارامتریک خود را بسیار ظریف نگه دارید. ببینید چگونه این کار در این صفحه اصلی برای Cetrucflotte انجام می شود (در واقع یک صفحه فرود نیست، اما می توانید آن را در صفحه خود اعمال کنید).
آیا به دنبال بیانیه ای با پیشینه خود هستید بدون اینکه از بقیه صفحه خود حذف کنید؟ سعی کنید از یک طرح رنگی پرطرفدار برای گره زدن عناصر صفحه فرود با پس زمینه خود استفاده کنید.
این طرح های رنگی در طراحی وب 2022 ترند هستند:
پالت های رنگی مد روز 2022 برای همه چیز کوچکی دارد. برای مثال، می‌توانید از روند نئون پیروی کنید تا یک صفحه آینده‌نگر مانند این صفحه برای نمادهای رادیکال جک مک‌دید ایجاد کنید.
پس زمینه ها تنها بخشی از آناتومی صفحه فرود شما هستند. قبل از اینکه هر یک از عناصر طراحی خود را نهایی کنید، محتوای خود را با یک قالب ثابت صفحه فرود بچینید . با ترتیب صحیح بخش ها و موضوعات صفحه فرود، می توانید مطمئن باشید که پس زمینه ای را انتخاب خواهید کرد که به خوبی مشبک باشد.
البته، اگر از سازنده صفحه فرود متمرکز بر تبدیل استفاده می‌کنید، نیازی به صرف زمان زیادی برای وایرفریم‌ها و انتخاب‌های پس‌زمینه ندارید. Smart Builder طرح بندی صفحه فرود شما را بر اساس اهداف و داده های شما از بیش از 1.5 میلیارد تبدیل ایجاد می کند. بگذارید کار سخت را تحمل کند.
پیش نمایش Unbounce
در حال حاضر آغاز شده است

source
سئو

About mohtavaclick

Check Also

به روز رسانی لینکدین شامل پیشرفت هایی در نتایج جستجو می شود

به‌روزرسانی‌های لینکدین شامل بهبودهایی در کشف محتوا، زیرنویس‌ها برای رویدادهای هم‌زمان و امکان اشتراک‌گذاری نظرات …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

قالب وردپرس وردپرس متخصص وردپرس متخصص ووکامرس افزونه وردپرس کابین وردپرس