Баш бит дизайны

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

Баш битне эшләгәндә мөһим яклар

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

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

Баш битегезне проектлаганда, онытмагыз, килүчеләр эстетиканы хөкем итәр өчен сезнең сайтка килмиләр. Алар билгеле бер эшне башкарырга киләләр. Аларны шунда ук танымасалар, аларны бик күп дизайн элементлары белән бутау җиңел. Өстәвенә, дизайныгызда ике төс кулланыгыз. Компьютер-кеше үзара бәйләнеш китабы ике төстән артмаска киңәш итә. Ләкин, сез күбрәк төсләр һәм темалар куллана аласыз, ләкин артык ачык төсләрдән сакланыгыз.

Уңайлы сайт дизайны программасы

Бүген бушлай яки аз бәяле вебсайт дизайны программалары программалары бар. Викс, мәсәлән, бик күп бәя планнары һәм тәкъдимнәре бар 500 алдан эшләнгән шаблоннар. Кулланучы теманы тарту-редактор ярдәмендә көйли һәм рәсемнәр өсти ала, видео фон, анимация, социаль медиа төймәләре, һәм башкалар. Wix белән, сез хәтта гади блог двигателе ясый аласыз, SEO-Ассистенттан файда, һәм өченче як интеграцияләрен йөкләү.

Бушлай рәсем редакцияләү программасы да бар. GIMP - шуларның берсе. Бу күптәнге программа Windows өчен кулланыла, Mac, һәм Linux. Фотошопка охшаган булса да, аның үзенчәлекле стиле бар. Аның бер тәрәзә режимы Windows-га охшаган кыяфәт тәкъдим итә һәм текст форматлау мөмкинлеген бирә. Башка популяр программаларга Adobe Photoshop һәм Apple's iLife комплекты керә. Бу профессиональ класс программаларын камил алыштыру булмаса да, GIMP бушлай һәм бик күп техник белемсез матур сайтлар ясарга булышачак.

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

Төп меню

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

Зәвыклы меню ясау өчен, сез X редакторын куллана аласыз. Бу корал инспектор-панельне үз эченә ала, бу менюны аның торышы буенча көйләргә мөмкинлек бирә. Сез төрле менютраглар өсти аласыз, телләрен үзгәртегез һәм тиешенчә урнаштырыгыз. Инспектор-панельне яшерергә, тиешле «x» басыгыз’ иконка. Сез шулай ук ​​горизонталь менюлар ясый аласыз. Бөтен менюны күрсәтергә теләсәгез, сез инспектор-символны сайлый аласыз.

Капка такталары

Әгәр дә сез үзегезнең баш битегезне кулланучыларга уңайлырак итәсегез килсә, сез үз сайтыгызның якларын карарга тиеш. Навигация менюсына өстәп, аскы өлештә контакт мәгълүматлары булырга тиеш. Дизайн бертөрле күренсен өчен, сез сайт структурасын сызып, бүлек исемнәрен яза аласыз. Аннары, сез үз битләрегездә эшли башлый аласыз. Аннары, сез туйганчы дизайныгызны чистарта аласыз.

Элемент өстәргә, басыгыз “+” төзүчедә символ. Ул сез тартып алып ташлый алырлык элементлар исемлеген ачачак. Сез шулай ук ​​басылган тычкан ярдәмендә битегездәге элементларга басыгыз һәм өстерә аласыз. Сез шулай ук ​​булган бүлекләрне үзгәртә аласыз һәм Виджетлар өсти аласыз. Бу сезнең вебсайтка үзгәрешләр кертү өчен иң тиз һәм иң уңайлы ысул. Аннары, кирәк булганда яңа битләр һәм элементлар өсти аласыз.

Урнаштыруны тәмамлагач, сез үзегезнең вебсайтыгыз өчен дөрес макет сайлап, үзегезнең баш битегезне көйли аласыз. Элементорда алдан эшләнгән шаблоннар бар, сез сайлый аласыз. Ләкин, кайбер кешеләр үзләренеке итүне өстен күрәләр. Бу дизайн сезнең вебсайтта эзлекле булуын тәэмин итә. Шаблоннар WordPress-агентлыклар өчен дә файдалы. Шаблоннар белән, алар клиентларга караган эчтәлек һәм көйләүләр китапханәләрен булдырып проектлау процессын тизләтә алалар. Бу китапханәләрне киләчәк проектларда кулланырга мөмкин.

Логотипның мәгънәсе

Бренд үзенчәлегенә өстәп, сайт дизайны - бренд дизайнының мөһим компоненты. Сезнең логотип, төс палитрасы, һәм гомуми дизайн кешеләргә сезнең компанияне ачыкларга һәм аны сезнең конкуренциядән аерырга ярдәм итәчәк. Ул шулай ук ​​кыйммәтләрне һәм характеристикаларны җиткерә ала. Шулай ук, Сезнең вебсайт өчен кулланган тел сезнең бренд персонажын җиткерү өчен мөһим. Бик күп сүз кулланмагыз, алар ачулануга китерергә мөмкин. Шулай ук, макетны чиста һәм гади саклагыз.

Төрле төсләр төрле хәбәрләр җиткерәләр. Бер-берсен тулыландыручы төсләрне сайлагыз. Мәсәлән, зәңгәр һәм кызыл бер-берсен тулыландыручы төсләр. Сез тотрыклылык хәбәрен җиткерү өчен кызыл һәм яшел куллана аласыз, үсеш, һәм алгарыш. Сезнең бизнес культурасын яки кыйммәтләрен чагылдырган төсләрне сайлагыз. Әгәр дә сез технология компаниясе булсагыз, продуктларыгызны чагылдырган төсләрне сайлагыз. Мәсәлән, Microsoft логотибындагы зәңгәр төс тынычландыра. Ләкин сез машиналар сатасыз икән, яшел яки кызгылт сары кулланыгыз.

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

Капка такталарының мөһимлеге

Вебсайтыгызның күренүчәнлеген арттыру өчен, сез икмәк кисәкләре кебек навигация коралын кулланырга тиеш. Бу килүчеләргә сайтның аерым бүлекләренә юл табарга һәм төрле өлкәләрне өйрәнергә ярдәм итәчәк. Сез бу навигация коралын HTML-бөдрәләр ярдәмендә ясый аласыз. Вебсайт өчен яхшы башлангыч абзац мөһим һәм исемдәге рәсемнәр белән ассызыкланырга тиеш. Навигацияне җиңеләйтү өчен, сез шулай ук ​​вебсайтыгызны бүлекләргә бүләргә тиеш.

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

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

Вебсайтыгыз өчен ян такталарның мөһимлеге

Капка такталарының мөһимлеген бәяләп булмый, чөнки бу элементлар сезнең Internetauftritt ясарга яки сындырырга мөмкин. Әгәр дә сез килүчеләрне интуитив навигация белән тәэмин итәсегез килсә, сез горизонталь менюларны куллана аласыз. Бу аеруча күп санлы вебсайтлар өчен файдалы. Кулланучылар барлык төркемчәләргә дә эзләмичә йөри алалар. Бу менюның иң таралган төре.

Ян ягы - сезнең сайтның тагын бер мөһим өлеше, аеруча үз бизнесыгызны алга җибәрергә теләсәгез. Пагестиллар сезгә мөһим мәгълүмат кертергә мөмкинлек бирә, контакт мәгълүматы һәм эш вакыты кебек, артык кунакларсыз. Сез шулай ук ​​бу өлкәне социаль медиа сылтамалары һәм бюллетеньнәргә язылу өчен куллана аласыз. Ләкин, шуны истә тотарга кирәк: ян ягы гомуми макетның бер өлеше генә. Шуңа күрә, килүчеләрне артык күп булмасын өчен, берничә тактаны куллану яхшырак.

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

Веб стандартларның мөһимлеге

Интернет веб стандартларын кулланып эшләнгән, һәм W3C Веб эчтәлеккә керү мөмкинлеге күрсәтмәләрен бастырды (WCAG) 1.0 елга кадәр 2000. Бу документ вебсайтлар өчен barrierefreiheit өчен күрсәтмәләр билгеләде. Веб стандартлары экран укучылары һәм браузерлары белән туры килергә тиеш. Максат - веб-эчтәлекне һәркемгә куллану, сәләтенә яки чыгышына карамастан. W3C күп стандартлар бастырды, ләкин аларның барысы да бертигез эффектив түгел.

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