Вебсайттын фону. Кемчиликсиз веб-сайттын фондорун түзүү үчүн 8 кеңеш

Сайттын фону дем алгандай көрүнөт. Алар биздин күнүмдүк жашообуздун бир бөлүгү, бирок ачык эле ката болбосо, биз аларга эч качан жетиштүү көңүл бурбайбыз. Жана ар бир дем сыяктуу эле, веб-сайттын фону сиздин веб-сайтыңыздын ийгилигинин жана жашоосунун ажырагыс бөлүгү болуп саналат; алар сиздин сайттын ар бир бөлүгүн жакшыраак иштешин камсыз кылат.

Сайттын фондору кандай?

Вебсайттын фондору - сүрөттөр, чачыратуулар түс же дизайн, веб-сайтыңыздын экранын толтурат. Ошондой эле көп учурда коноктор сиздин веб-сайтыңыз, брендиңиз жана бизнесиңиз жөнүндө биринчи таасир калтырат, андыктан аны туура кабыл алуу маанилүү. Идеалдуу фон жеткирет сиздин бренд тарыхы, ал эми туура эмес бирөө кабарыңызды ыргытып жибериши мүмкүн. Сиздин веб-сайтыңыз жумуш маегинде же биринчи жолугушууда кие турган кийимиңизге окшош. Сиз кызыктуу жана жеткиликтүү көрүнүштү же татаал жана эксклюзивдүү нерсени издеп жатасызбы?

Чынында, веб-дизайндын бул негизги аспектиси сиз ойлогондон да көп. Вебсайтыңыздын фону жөн гана жакшы көрүнүш үчүн жетиштүү эмес. Биринчи жолугушууга же жумуш менен маектешүүгө барганыңыздай эле, сиз өзүңүздүн окуяңызды айтып берип, жолугуп жаткан жериңиз жеткиликтүү экенин ырастап, башка адам сиз менен болгон тажрыйбасынан ырахат алып жатканын текшеришиңиз керек. Ошо сыяктуу эле, веб-сайттын фондору жакшы колдонуучу тажрыйбасын (UX) камсыз кылат жана аудиторияңыз окуй алат.

Вебсайттын негиздери

Кеңештерге кирүүдөн мурун, негизги нерселерди жолдон чыгарып алуу маанилүү.

Вебсайттын фонунун эки түрү менен таанышыңыз

Дененин фону

Дененин фону – экрандын көпчүлүк бөлүгүн камтыган аймак. Бул жерде сиз иллюстрациялардан, текстуралардан, толук сүрөттөрдөн же түстүү градиенттерден турган фондорду таба аласыз. Көбүнчө ал жөн гана ак болот.

Фондук мазмун. Вебсайттын фону

Мазмундун фону бүт экранды камтыбайт, тескерисинче, сүрөт же текст сыяктуу башка бөлүмдөрдүн тегерегиндеги аймакты курчап турат. Бул структураны берет жана сайттын ар кандай бөлүмдөрүн бөлүп көрсөтүүгө жардам берет.

Кошумча популярдуулук үчүн баш саптарды колдонуңуз

Сиздин башыңыз баракчаңыздын жогорку бөлүгү жана сайтыңыздын инсандыгын көрсөтүүнүн маанилүү жолу. Бул иллюстрациялар же түстөрдүн чачырашы сыяктуу көз жоосун алган элементтерди колдонуу үчүн эң сонун жер, анткени ал негизги мазмундан алагды кылбайт.

Контрастка көңүл буруңуз

Түс контрастын эске алыңыз. Туура эмес контраст веб-сайтыңыздагы мазмунду окууну кыйындатып, аны конокторго жеткиликсиз кылып коюшу мүмкүн, андыктан контраст катышыңызды текшериңиз.

Графикага өтүңүз. Вебсайттын фону

Графикалык элементтерди колдонуу веб-сайтыңызга өзгөчө көрүнүш берет жана визуалдарды колдонуу менен окуяны айтып берет. Бирок графикалык элементтерди колдонуу стили веб-сайтыңыздын жалпы стилине дал келишин текшериңиз, андыктан колдонуучуларга ырааттуу тажрыйба тартуулайсыз.

Фонуңузду өркүндөтүңүз

Ак веб-сайттын фону - бул жөнөкөй жана түбөлүктүү тандоо. Бирок веб-дизайндагы толук дене фондору (мисалы, градиентти, толук сүрөттү же түстүн катуу блогун колдонуу) туура аткарылганда чоң таасир тийгизиши мүмкүн. Мазмунуңуздан алаксыбаш үчүн сүрөт өтө ачык эмес же кара тактар ​​бар экенин текшериңиз. Сиз колдонуучуларыңыздын бизнесиңизди оңой жана заматта окуй алышын каалайсыз.

Маанилүү учурларга салам айтыңыз

Баса белгилер (сайтыңыздын айрым бөлүмдөрү үчүн ар кандай түстөрдөн турган өтө ичке сызыктар) монохроматтык блокторду бузууга жана окууну жакшыртууга жардам берет.

Кемчиликсиз веб-сайттын фонун түзүү үчүн 8 кеңеш
-

1. Акылдуу түс интерфейсин колдонуңуз

Веб-дизайн фонуна келгенде түстөрдү жана түстөрдүн айкалышын тандоо маанилүү, анткени алар колдонуучулар сиздин сайтыңызды кантип окушуна салым кошот. Веб дизайндагы түс көңүл бурууга, эмоцияны козгоого, каалоону жаратууга, көңүл бурууга жана колдонуучунун лоялдуулугуна ээ болууга жардам берет.

2. Фондук сүрөтүңүздү окууга ыңгайлуу кылыңыз. Вебсайттын фону

Кемчиликсиз фон сүрөтү жакшы көрүнүшү керек, бирок андан да маанилүүсү, ал сонун көрүнүшү керек. Эгерде сиз анын үстүндөгү текстти окуй албасаңыз, веб-сайтыңыз үчүн кооз фон сүрөтүн тандоонун эч кандай мааниси жок. Эгер сиз идеалдуу сүрөттү тапсаңыз, бирок текстиңиз мазмундун үстүндө окулбаса, программалык камсыздоону колдонуп көрүңүз фото түзөтүү Контраст, тунуктук сыяктуу нерселерди өзгөртүү же катмар маскаларын кошуу үчүн CSS. Эгер бул жардам бербесе, туурасын тандап көрүңүз арип жана мазмундун өзү үчүн шрифт өлчөмү.

Готзадан окууга оңой шрифти бар Cidery веб-сайтынын фон сүрөтү

3. Катуу фон түсүн бериңиз

Сүрөт сиздин сайтка ылайыктуу эмеспи? Вебсайтыңыздын фонунда бир түстү колдонууга эмне үчүн болбосун. Бул, адатта, контраст туура болсо, веб-сайтыңыздын окулушун камсыз кылуунун эң сонун жолу. Жөн гана түс брендиңизге, тармакка жана бизнесиңиздин таасири менен дал келишин текшериңиз. Мисалы, кызыл жана кызгылт сыяктуу жылуу түстөр колдонуучуга энергиялуу таасир этет жана фитнес-бренддер үчүн пайдалуу болушу мүмкүн, ал эми жашыл жана көк сыяктуу муздак түстөр тынчтандыруучу таасирге ээ жана чындыгында веб-сайттарда эң кеңири колдонулган түстөр болуп саналат.

4. Бош эмес жана башаламан сүрөттөрдөн алыс болуңуз

Бул сүрөттүн үстүнө текстти кошкондо өзгөчө маанилүү. Эгер сиз веб-сайтыңыз үчүн укмуштуудай сүрөт тандагыңыз келсе да, ал сиз айткыңыз келген кабардан жана окуядан алагды кылбашы керек. Мисалы, пейзаждар түзө алат сонун веб-сайттар үчүн фон сүрөттөрү, анткени алар жагымдуу жана баш аламан эмес.

5. Аны модалуу кылыңыз

Модалуу веб-сайттын фону дизайныңызды заманбап жана жаңы кылып көрсөтө алат. Веб дизайндагы эң чоң тенденцияларды, геометриялык фигураларды, иммерсивдүү 3D элементтерди, жаркыраган, жаркыраган түс схемаларын, караңгы режимди же колдонууну колдонуп көрүңүз Pantone түстөр анын дизайнында жыл. Эсиңизде болсун, эски дизайнда модалуу нерсени колдонуу фонуңузду эртерээк жаңыртышыңыз керек дегенди билдирет.

6. Анимация жасаңыз. Вебсайттын фону

Анимацияланган веб-сайттын фону - бул сиздин веб-сайтыңызды жандандыруунун эң жакшы жолу. Болгону, анимация негизги сүрөттөлүштөн же билдирүүлөрдөн алагды кылбашы үчүн же дизайндын алдыңкы планынан чыкпай тургандай кылдат экенин текшериңиз. Анимация ушунчалык энергиялуу сезимге ээ болгондуктан, тымызын түс палитрасын кошуу жакшы идея.

7. Градиент менен өтүңүз. Вебсайттын фону

Ооба, 90-жылдардын тенденциялары кайтып келди, анын ичинде дизайн дүйнөсүн бороон менен каптаган: градиенттер. Ошондой эле түстүү өтүү катары белгилүү болгон градиенттер бир түстүн экинчи түскө акырындык менен аралашуусу. Алар визуалдык жактан жагымдуу жана өз алдынча фон катары колдонулушу мүмкүн же сайтыңызды чындап поп кылуу үчүн сүрөттүн үстүнө катмарланса болот.

8. Аны мобилдик кылыңыз. Вебсайттын фону

Биз 2020-жылыбыз. Эгер сиз веб-сайтыңызды рабочий компьютерде иштеп чыксаңыз да, чындыгында, көпчүлүк онлайн мазмун аркылуу керектелет мобилдик түзмөктөр. Сайтыңызды мобилдик ыңгайлуу кылуу үчүн төмөнкү сайт осуяттарын эске алыңыз:

• Сайтыңызды жооп берүүчү кылыңыз.
• Адамдар издеген маалыматты оңой табууга шарт түзүңүз.
• Flash колдонбоңуз.
• Көрүү портунун мета тегин кошуңуз.
• Формалар үчүн автотолтурууну иштетүү.
• Баскычыңыздын өлчөмүн уюлдук телефондо ыңгайлуу иштөө үчүн чоң кылыңыз.
• Ариптин чоң өлчөмүн колдонуңуз.
• Сүрөттөрүңүздү жана CSSти кысуу.

Вебсайттын фон сүрөтүн тандап жатканда, кичинекей экрандар үчүн масштабдуу сүрөттү тандаңыз. Мисалы, чындап эле кең сүрөт көчмө аппаратта иштебеши мүмкүн.

Сайттагы кыялдарыңыздын фонун кантип алса болот. Вебсайттын фону
-

Туура фонду тандоо веб-сайтыңызды орточо деңгээлден улууга чейин алып барат. Колдонуучунун тажрыйбасы бардыгын эстен чыгарбоо керек, андыктан конокторуңузга сүйлөй турган түстөрдү жана сүрөттөрдү тандаңыз жана веб-сайттын фон сүрөтүн тандаганда, анын үстүндөгү текстти оңой окуй ала турганыңызды текшериңиз.

Катуу фон түстөрүн карап чыгыңыз, башаламан сүрөттөрдөн эч кандай жол бербеңиз жана заманбап жана заманбап бойдон калуу үчүн градиент же геометриялык фигура сыяктуу трендди киргизиңиз. Эгер сиз чындап эле көпчүлүктүн арасынан өзгөчөлөнгүңүз келсе, анимацияда күчүңүздү сынап көрүңүз жана ар дайым кичинекей экрандар үчүн масштабдуу фонду тандаңыз.

Эң негизгиси, дизайнда так эрежелер жок экенин унутпаңыз. Чынында, эң мыкты дизайн көбүнчө эч кандай эрежелерди сактабайт. Эң негизгиси бул сиздин колдонуучу тажрыйбаңыз. Бул кеңештерди баштапкы чекит катары колдонуңуз жана көркөм рефлекстериңизге ишенүүдөн коркпоңуз.

Басмакана АЗБУКА