Садржај

• На корак
• Метод 1 од 2: 3 основна правила
• Метод 2 од 2: Смернице
• Савети
• Упозорења

Дизајнирање одличне веб странице може изгледати застрашујуће, али све док имате на уму основе, поступак ће вам бити занимљив и забаван. То је више од доброг изгледа! Показаћемо вам основе и неке опште смернице које ће вам помоћи да дизајнирате веб локације које ће људи посећивати изнова и изнова.

На корак

Метод 1 од 2: 3 основна правила

1. Правило 1:Слушајте свог клијента. Можда дизајнирате „највећу веб страницу на свету икада у историји свемира и шире“, са богатим црним, префињеним фонтовима и светлим, уметничким бојама за веб локацију која вришти „истражите ме сада!“ Нажалост, ваш клијент је желео наранџасту траку са менијима са јарко ружичастим и наранџастим словима. Отпуштени сте, а ваша најбоља веб локација икада - на коју клијент има права - налази се негде на њиховом резервном диску, а да је нико више никада неће видети.
   • Проучите корпоративни идентитет вашег клијента. Нека клијент покаже неколико веб локација које воле. Не само да ћете добити идеју о томе шта им се свиђа, већ и неколико дизајнерских идеја на које можда нисте помислили.
   • Ако сте мислили да се шалимо са наранџастом и ружичастом веб локацијом, размислите о овој цоол, софистицираној веб локацији:
2. Правило # 2:Упознајте своју публику и шта она тражи и прилагодите ваш дизајн у складу с тим. Разлог зашто људи имају веб странице је тај што желе да их други људи виде. Може бити информативни, комерцијални или за забаву одређене циљне публике. Ваш посао дизајнера је да знате за кога дизајнирате и да их задржите на страници када тамо слете.
   • Можете помислити: „Ако изгледа добро, остаће“. Али то не мора бити случај. Узмимо на пример некретнине. Ево веб странице са чистим, забавним дизајном. Има пуно белог простора који даје отворен изглед, светле боје и модеран широки екран са везама на истакнутом месту:
   • Сада погледајте овај приступ продаји некретнина на истом подручју: неуредне и врло заузете, мутних боја и покривене оглашавањем.
   • Погодите који од њих боље функционише за оне који траже дом? Тачно, онај где куће! Када људи претражују „куће на продају у Санта Моники“, није их брига како страница изгледа. Не желе да читају о агенту за продају некретнина или да виде лепе слике града. Желе да виде куће.
3. Правило # 3:Слушајте себе. Разумете шта клијент жели и знате шта ваше тржиште тражи. Сад је коначно време да обратимо пажњу на вас, дизајнеру!
   • Направите шаблон у графичком софтверу по вашем избору. Направите елементе своје странице на различитим слојевима (тако да касније можете да дорадите ствари без уништавања целог шаблона). Ти елементи могу бити:
     • Заглавље. Ово је елемент који је исти на свакој страници ваше веб локације. Заглавље се састоји од наслова и логотипа веб локације, као и линкова до осталих делова веб локације (нпр. Абоут, Цонтацт, итд.). Визуелно и практично ово ће све повезати. Добра је пракса да прво дугме на траци менија вратите на почетну страницу.
     • На пример, погледајмо Аппле:
     • Као и код већине Апплеових ствари, и њихова почетна страница има врло чист, једноставан дизајн. Забележите траку менија на врху, са логичким темама за свако дугме, плус поље за претрагу - увек добра идеја ако је ваша веб локација подржава. Погледајмо сада одредишну страницу за једно од дугмади, иПад, да бисмо видели неколико елемената:
     • Трака менија се мења само потамњивањем иПад дугмета.
     • Предмет одредишне странице приказан је великим црним словима.
     • Појавиће се нови подмени да бисте могли да сазнате више о производу. Ако кликнете на једно од ових дугмади, видећете да свака страница нуди нови садржај у зависности од теме, али да ће бити идентична по изгледу и дизајну.
     • Често ће свака главна тема на траци са менијима имати различите поднаслове које ћете морати попунити. Уместо да креирате другу траку менија, можете да користите искачуће меније попут овог примера из „Мусицианс Фриенд“:
     • Бочна трака. Ово ће се појавити на многим страницама ваше веб локације, али не нужно и на свим - одређује контекст. Међутим, то је врло важан елемент и мора бити пажљиво дизајниран да буде интуитиван и не превише претрпан. За разлику од траке менија, садржај бочне траке може бити врло динамичан. Погледајте ове две бочне траке трговца некретнинама Трулиа Прва је за купце:
       
       

Метод 2 од 2: Смернице

1. Дизајнирајте добар кориснички интерфејс. Поставите различите елементе веб странице, попут наслова, бочних трака, логотипа, слика и текста, на исто место на свакој страници како бисте веб локацију учинили навигационом и интуитивном.
   • Нека исто заглавље буде на врху сваке странице. Без обзира да ли садржај ваше веб локације омогућава пуно понављајућих елемената, уверите се да је врх сваке странице исти.
   • Користите логику у свом дизајну. Елементи на једној страници требају бити логички поредани према важности или теми; различите странице на веб локацији би такође требале бити.
2. Створите доследан стил. Тамо где би распоред требао вашој веб локацији дати структурну доследност, стил би требало да пружи тематску хармонију.
   • Држите се две или три главне боје и уверите се да се добро слажу.
   • Избегавајте коришћење превише стилова или величина фонтова; ако желите да замените неколико, користите их на исти начин на свакој страници.
   • Користите каскадне табеле стилова (ЦСС) да бисте одржали једнообразан стил и олакшали промену елемената на целој веб локацији без потребе да посебно одлазите на сваку страницу.
3. Максимална читљивост. Да бисте олакшали читање текста, можете га поделити на мање делове.
   • Користите титлове и правилан размак да бисте одвојили сваки део.
   • Користите подебљана слова или различите величине да бисте приказали хијерархију и важност тема.
   • Обратите пажњу на то како се понашате према тексту. Не умањујте фонт и повећајте размак између редова како бисте олакшали читање великих делова текста. Веће закрпе текста теже се читају; рашчланити на мање параграфе.
4. Нека ваша веб страница буде универзално читљива. Користите стандардни ХТМЛ и избегавајте ознаке, функције и додатке који су доступни само за један бренд или верзију прегледача.
   • Иако већина савремених прегледача и рачунара може да обрађује сложене слике, све ће изгледати глатко ако своје слике смањите и оптимизујете за веб. Вагу квалитета одмери према важности брзине.
5. Тестирајте своју веб страницу. Уверите се да свака веза ради као што бисте очекивали, и слике се појављују исправно.
   • Можда ћете желети да организујете неко тестирање корисника тако што ће чланови ваше циљне публике тестирати јасноћу и једноставност употребе вашег дизајна и пружити повратне информације о вашој веб локацији.
6. Објавите своју веб страницу. Купите име домена ако већ нисте. Повремено проверите да ли везе и даље раде и слушајте предлоге које вам посетиоци пошаљу е-поштом.

Савети

• Иако сте слободни да дизајнирате изглед на основу сопствене личне визије или ствари које сте видели на другим веб локацијама, једноставније је купити готов дизајн.
• Не бомбардујте посетиоца слатким, посебним сликама. Фласх анимација, светле боје, позадине са узорком и музика која се аутоматски репродукује при учитавању странице били су забавни експерименти током 90-их, али сада ће уплашити кориснике. Држите се једноставних позадина које су у контрасту са бојом текста ради максималне читљивости.
• Увек можете да користите ЦСС за оптимизацију размака између пасуса.
• За посетиоце са оштећењима слуха или вида можете да титлујете видео записе, преписујете звук и додате поруку о приступачности. Иако табеле могу бити ефикасан начин за организовање информација, посетиоци са оштећеним видом који користе софтвер читача екрана можда неће чути материјал у правилном редоследу.
• Омогућите посетиоцима да штеде мастило: користите посебне стилске листове за странице за штампање.
  • Искључите позадинске слике приликом подешавања параметара штампе.
  • Користите црни текст на белој позадини.
  • Уклоните траку менија и непотребне слике.

Упозорења

• Избегавајте плагијаризам и поштујте све законе о ауторским правима. Не уврштавајте случајне слике које пронађете на мрежи или чак структурне елементе без одобрења. Све што користите на својој веб локацији мора бити и правно и етички.