How to Design a Home Page

Баш бит дизайны ясаганда, берничә нәрсәне истә тотарга кирәк. It’s important to keep it simple, һәм рәсемнәр куллану, видео, һәм килүчеләргә сайтны карарга булышу өчен навигация. Сезнең логотипны кертергә онытмагыз, шулай ук! Күпчелек вебсайтлар үзләренең логотипларын баш битнең сул ягында күрсәтәләр, ләкин сез аны навигация тактасына урнаштыра аласыз. Сезнең логотибыгызны зур һәм уку җиңел, шуңа күрә кунаклар аны җиңел таный алалар.

Simple

Баш бит дизайны ясаганда, гади тоту мөһим. Бу графика һәм анимация белән артык йөкләнергә тиеш түгел – бу килүчеләрне бутый һәм сайтыгызны әкренләтә ала. Профессиональ веб-дизайнер бик күп комачаулыклар кулланмыйча, баш бит дизайныннан файдаланырга булыша ала. Күчермә кызыклы булырга һәм шрифтларны уку җиңел булырга тиеш.

Баш битнең максаты - килүчеләрне сайтны күбрәк белергә һәм функция аша йөрергә ышандыру. Бу максатка ирешү өчен, сезгә шалтырату-хәрәкәт төймәләрен кертергә кирәк (CTAs) – болар еш контакт формалары яки язылу язылу төймәләре – җәлеп итүчән һәм күренекле урында. Өстәвенә, баш битегездә берничә CTA кулланасыз икән, сез CTA төймәләре өчен төрле төсләр кулланырга тиеш, укучыларыгызны аларга басыгыз.

Гади баш бит дизайнының тагын бер мисалы - Тыныч сайт. Аларның баш дизайны чиста һәм бренд кыйммәтләренә туры килә. Шулай ук, Zenefits баш бите охшаш дизайнлы сайтның яхшы мисалы, ләкин бүтән хис белән. Бу очракта, әйләндерү дизайны баш битне өч үлчәмле итеп күрсәтә һәм төрле төсле символларны күрсәтә.

Ахырда, гади баш бит дизайны тәкъдимне ачык итеп күрсәтергә тиеш, кунакны читкә юнәлтмичә. Сез TruAccent сөйләм тану технологиясе кебек көчле корал куллана аласыз, сезнең хәбәрнең ачык ишетелүенә. Copyblogger шулай ук ​​эмоцияләр уяту һәм укучылар белән бәйләнеш өчен көч сүзләрен кулланырга киңәш итә. Хакимият кебек сүзләр куллану, көчле эффектив, һәм гади - барысы да сезнең баш битегезгә игътибарны җәлеп итүнең яхшы ысуллары.

Images

Images are an important part of homepage design for a variety of reasons. Алар текстны бүлергә булышалар, кызыксынуларны саклыйлар. Күпчелек предприятияләр үз продуктларына һәм хезмәтләренә визуаль зәвык бирү өчен күбрәк рәсемнәр кертә. Баш биттәге текстны бүлүнең тагын бер яхшы ысулы - иконалар куллану. Икона символик мәгънәгә ия, һәм биттәге текстны кыскарту өчен уңайлы ысул.

Сез сайлаган рәсемнәр баш биттәге эчтәлек белән бәйле булырга тиеш. Мәсәлән, туризм өлкәсендә булсагыз, сез бәхетле сюрфир рәсемнәрен кулланырга теләрсез. Рәсемнәр мәгълүматлы булырга тиеш түгел, ләкин алар тон куярга тиеш. Мавыктыргыч дизайн булдыру, тамашачыларга илһам бирүче образ кулланыгыз. Сез шулай ук ​​запас рәсемнәрен куллана аласыз, килүчеләргә билгеле бер тон. Бу сезнең сайтта каршы алу атмосферасы булдыру өчен аеруча файдалы.

Video

Adding video to your homepage design is a great way to enhance your landing page and increase your conversions. Сез куллана алырлык төрле видеолар бар, һәм алар барысы да сезнең баш битнең зәвыгын өсти. Баш битегезгә видео кертү - вебсайтыгызны конкуренциядән аерып тору өчен бик яхшы ысул.

Баш битегездәге видео сезнең уникаль сату нокталарыгызны күрсәтәчәк, продуктыңны яки хезмәтеңне күрсәт, һәм эшкә чакыруыгызга игътибарны җәлеп итегез. Бу сезнең битнең өстендә яки үзәгендә булырга тиеш. Видео иң яхшы урында урнаштырылганлыгына инану, кешеләрнең баш биткә карашын анализлау өчен җылылык картасын кулланыгыз. Видеогызда артык күп мәгълүмат бирүдән сакланыгыз. Сез һәрвакыт соңрак күбрәк видео ясый аласыз, төп өстенлекләрегезне күрсәтүгә игътибар итегез.

Видеоңны баш биттәге эчтәлектән аерып тору мөһим. Начар җитештерелгән видео сезнең вебсайтыгызны профессиональ итеп күрсәтергә мөмкин, һәм гомуми хәбәргә бернәрсә дә өстәмәгез. Моны булдырмас өчен, видеогызның яхшы җитештерелгәненә һәм яхшы редакцияләнүенә инаныгыз. Мөмкин булса, видеоны тәрәзә янында яки фон тавышы аз булган шартларда төшерегез.

Баш бит дизайнындагы видео кешеләрнең сылтамаларга басып, сезнең эчтәлекне карау мөмкинлеген арттырырга мөмкин. Бу дизайн элементы сезнең навигацияне дә яхшырта ала. Видео сезнең система ресурсларының зур өлешен ала ала. Видеоңны баш биттә куллансаң, артык зур булмаган югары резолюцияле видео сайлаганыгызны тикшерегез.

Навигация

A website’s navigation is one of the most important design elements. Төрле чыганаклардан сайтка килүчеләр килә, шул исәптән эзләү системасы нәтиҗәләре һәм бүтән вебсайтлардан сылтамалар. Сез сайлаган навигация структурасы максат аудиториясенә туры килергә тиеш. Шулай ук ​​килүчеләрнең гадәттә кайсы урыннарга килүләрен ачыклау мөһим. Навигация начар булган сайтка яхшы навигация булган сайтка керү мөмкинлеге азрак.

Буталчыклыкны булдырмас өчен, навигацияне табу җиңел һәм мөмкин кадәр кыска булсын. Navigationгары навигация сызыгында җиде әйбер булырга тиеш түгел. Кеше мие җиде әйберне генә хәтерли ала, аз әйберләр килүчеләргә эзләгәннәрен табу җиңел булыр. Шулай ук, социаль медиа төймәләре аста урнаштырылырга тиеш, кулланучылар аларны читкә алып китмәсләр.

Яхшы навигация шулай ук ​​эзләү системасын оптимизацияләүне арттыра. Чөнки яхшы навигация эзләү системаларын вебсайтыгызда эффективрак йөрергә ярдәм итә, эзләү нәтиҗәләрендә югары урнаштыруга китерә. Өстәвенә, җиңел навигация сатып алу мөмкинлеген арттыра. Кешеләр эзләгәннәрен табу җиңел булганда сатып алалар. Моннан тыш, яхшы навигация сезнең сайтка килүчеләрне уңайлырак итә.

Тамчы менюлары сезнең навигацияне куллануны җиңеләйтү өчен бик яхшы ысул. Бу менюлар югары дәрәҗәдәге категорияләрне һәм төркемчәләрне күрсәтәләр, шулай ук ​​эчтәлеккә сылтамалар бирәләр. Алар шулай ук ​​катлаулы IA булган вебсайтлар өчен бик яхшы.

Cascading menus

Cascading menus are an effective way to display an extensive list of options for users. Ләкин, уңай урнаштыру тәҗрибәсе өчен дөрес урнаштыру һәм урнаштыру бик мөһим. Түбәндә менюны баш бит дизайнына кертү өчен берничә киңәш. Сез меню вариантларын логик төркемнәргә урнаштырырга һәм аларның һәрберсенә тасвирлау исемнәрен бирергә тиеш. Озын яки буталчык меню исемнәрен булдырмаска кирәк.

Нью-Йорк Таймс үз сайты өчен горизонталь тамчы меню куллана. Бу кулланучыларга битне яңартмыйча, төрле вариантлар аша җиңел йөрергә мөмкинлек бирә. Кулланучылар үзләрен кызыксындырган вариантны җиңел сайлый һәм эзләүне җиңеллек белән кыскарта ала. Баш биттәге менюлар кулланучыларга мөмкин булган вариантларның визуаль үзенчәлеген бирә.

Күпчелек вебсайтлар төп эчтәлектән авыр меню урнаштыруда хата ясыйлар. Сайтыгызның функциональлеген арттыруның гади ысулы - юлны җиңеләйтү. Яхшы эшләнгән тамчы меню яхшы күренергә һәм бербөтен эшләргә тиеш. Навигациянең төс схемасы кире кайтарылырга тиеш, шулай итеп кулланучы теләгән вариантны җиңел сайлый ала. Зәңгәр һәм сары төсләр куллансагыз, капма-каршы булуына инаныгыз.

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

Easy to navigate

When designing a homepage, иң беренче карарга кирәк - кешеләргә эчтәлек аша бару никадәр җиңел. Кешеләр кирәкле мәгълүматны тиз табарга тели. Навигация тактасын куллану җиңел булырга тиеш һәм битнең өске яки уң почмагында булырга тиеш. Кулланучы эзләгән әйберләрен бернинди проблемаларсыз таба белергә тиеш.

Баш бит шулай ук ​​килүчеләр биргән сорауларга җавап бирә белергә тиеш. Күпчелек кунаклар үз сорауларына җавап телиләр. Бу сорауларга мөмкин кадәр яхшырак җавап бирү өчен сайтыгызның эчтәлеген киметү яхшы идея. Бу килүчеләргә эзләгән мәгълүматны табарга һәм киләсе биткә җиңел күчәргә ярдәм итәчәк.

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