01 од 10
Истражување
Потенцијалниот клиент само побара да дизајнирате веб-страница, но од каде започнувате? Има одреден процес кој можете да го следите за да се осигурате дека проектот ќе помине без проблеми. Таа го отсликува стандардниот процес на графички дизајн , со само неколку специфични чекори за вклучување.
Како графички дизајнер, можете сами да го одберете целиот дизајн, вклучувајќи го и кодирањето. Сепак, можеби ќе сакате да соберете тим кој ќе ви помогне со деталите. Веб-развивач и SEO експерт може да биде вредно дополнување на вашиот проект.
Сето тоа започнува со истражување
Како и кај повеќето проекти за дизајн, првиот чекор при креирањето на веб-страница е да изврши истражување. Некои од ова истражување ќе бидат направени со клиентот за да се разберат нивните потреби. Исто така ќе треба да дознаете повеќе за нивната индустрија и конкуренти.
Кога ќе се сретнете со вашиот клиент, треба да откриете што е можно повеќе за да ви помогне да развиете преглед на страницата и на крајот да го дизајнирате. Ова вклучува прашува за нивната целна публика, цели, креативни насоки и други варијабли кои може да влијаат на она што може да го понуди на клиентот, како што се буџетот и крајниот рок.
Вашата индустрија и истражување на пазарот ќе се случат истовремено. За да бидете подготвени за исполнување на вашиот клиент, треба да имате идеја за нивната индустрија. По откривањето на нивните потреби, тогаш ќе сакате да изгледате малку подлабоко.
Нивото на извршено истражување ќе зависи од буџетот на клиентот и од постојното знаење на индустријата. Може да биде едноставно како да гледате како изгледаат другите веб-сајтови на теренот. За поголеми проекти, тоа може да биде нешто како опсежно истражување со фокус групи.
02 од 10
Брејнсторминг
Откако ќе знаете за што проектот е за сите, време е да се соберат идеи, а КОЛЕКТИВНО напад е одлично место за почеток . Наместо да барате совршена идеја да бидете први, исфрлете ги сите идеи или концепти за веб страната. Секогаш можете да го стесните подоцна.
Некои веб-сајтови може да повикуваат на стандарден веб-интерфејс, со навигација (лента со копчиња) и области со содржина каде што корисниците најверојатно ги очекуваат. Другите можат да бараат уникатен концепт за да ја претстават содржината.
На крајот, содржината ќе го вози дизајнот. На пример, веб-страницата за вести ќе има многу поинаков пристап отколку веб-портфолиото на фотографот
03 од 10
Одлучи за техничките барања
Во почетокот на процесот на развивање на веб-страница, треба да се донесат одлуки во врска со техничките барања на проектот. Таквите одлуки ќе влијаат врз буџетот, временската рамка и, во некои случаи, севкупното чувство на страницата.
Една од основните одлуки е она што треба да биде основната структура на страницата, со што ќе се утврди кој софтвер ќе се користи и кој систем го прави сајтот "да работи".
Вашите опции вклучуваат:
- Основен HTML: Стандардна HTML-страница во која секоја страница е рачно уредена. Ова може да биде релативно брзо да се развие, но остава мала флексибилност и многу тековно одржување. Исто така, важно е да се запамети дека HTML-сајтовите не се само HTML и можат да вклучуваат CSS, JavaScript и други програмски јазици за функции.
- Користете систем за управување со содржини: Користењето на CMS обично му овозможува на клиентот да врши редовни надградби за содржината, додека дизајнерот го контролира целокупниот изглед и чувство на страницата. Некои системи може да се развиваат од нула и други купени и прилагодени на потребите на клиентот. Онлајн системи како што се Blogger и WordPress се бесплатни и вклучуваат и основен CMS.
04 од 10
Напиши резиме
Сега, кога сте ги собрале неопходните информации и изненадиле некои идеи, добра идеја е да ги сфатиш сите на хартија.
Преглед на веб-страница треба да содржи листа на секој дел што треба да се вклучи на страницата, со опис на кој тип на содржина ќе биде прикажан на секоја страница. Таа, исто така треба да опише што е можно повеќе детали кои функции ќе бидат на сајтот, како што се кориснички сметки, коментирање, функции за социјално вмрежување, видео или регистрирање на билтени.
Настрана од помошта за организирање на проектот, клиентот треба да биде презентиран со преглед на предлог за веб-страница за да може да го одобри пред да продолжи проектот. Ова ќе им овозможи да ги додаваат, отстрануваат или прилагодуваат сите делови или карактеристики.
Сето ова на крајот ќе ви помогне да развиете буџет и временска рамка и да ја изградите страницата. Договорот за цена за веб-проект врз основа на одобрен план ќе помогне да се избегнат дополнителни трошоци или разлики во мислењето доцна во текот на проектот.
05 од 10
Креирај Wireframes
Wireframes се едноставни линии цртежи на веб-сајтови распоред што ви овозможи (и клиентот) да се фокусира на поставување на елементи, наместо во боја и тип.
Ова е исклучително корисно бидејќи одредува која содржина заслужува најмногу фокус и процентот на простор што се користи на страницата за тие елементи. Без да бидат одвлечени од други визуелни елементи, одобрените жички рамки обезбедуваат рамка за вашите дизајни.
За некои проекти, можеби ќе размислите да имате достапна колекција жичени кадри за различни видови на содржини. Контактот, за, и други страници со многу текст може да имаат различен распоред од галерија или страница за купување.
Важно е да одржите подеднакво изглед низ целата веб-страница како што преминувате од една жица на друга.
06 од 10
Дизајн на веб-страница
Откако вие и вашиот клиент ќе бидете среќни со жични рамки, време е да започнете со дизајнирање на страницата.
Adobe Photoshop е најчеста алатка за создавање на првичните дизајни. Фокусот на дизајнот на сајтот треба да биде да ја претстави содржината и да се користи за креирање на вистинските веб-страници.
За сега, едноставно дизајнирајте и играјте со основните елементи за да создадете нешто за вашиот клиент да го погледне и одобри.
- Додека светлечки дизајни и анимација го имаат своето место, тие не треба да надминат она што корисникот го бара.
- Доследна навигација ќе им помогне на вашите посетители да ги најдат сите ваши области на главната содржина.
- Чистата употреба на типот (во случај на текст-управувана страница) ќе ги задржи посетителите да читаат и да се враќаат за повеќе.
- Пред да имате вистинска содржина за дизајн на веб-страницата, текстот Lorem Ipsum ќе ви помогне да ги пополните празнините без да го одвлекува вниманието на вашиот клиент.
07 од 10
Изградба на веб-страници
Кога вашиот дизајн е одобрен, страните треба да се претворат од потсетници во вистински веб-страници напишани во HTML и CSS.
Искусен дизајнер / развивач може да избере да ги преземе сите кодирање, додека некој кој е фокусиран на страната на дизајнот на веб може тесно да соработува со инвеститорот за да ја оживее страницата. Ако е така, инвеститорот треба да биде вклучен од самиот почеток.
Програмерите ќе помогнат да се осигура дека дизајнот е реален и ефективен изглед на веб. Тие, исто така, треба да се консултираат за сите карактеристики што ви ветувам на клиентот, бидејќи некои не може да бидат возможни за извршување или корист на страницата.
Софтверот како што е Adobe Dreamweaver може да му помогне на дизајнерот да го претвори макетот во работна веб-страница со функции за повлекување и капка, претходно вградени функции и копчиња за да додаде линкови и слики.
Има многу софтверски опции достапни за градење на веб-страници. Изберете оној со кој уживате во работата, само бидете сигурни дека тие ви овозможуваат навистина да влезете во детали и кодирање на страниците.
08 од 10
Развивање на веб-страница
Откако вашиот распоред е завршен во HTML и CSS, треба да биде интегриран со системот што го одбравте. Ова е местото каде што станува функционална веб-страница.
Ова може да значи развивање на шаблони за читање од страна на системот за управување со содржини, менување на WordPress дефиниција или користење на Dreamweaver за создавање врски помеѓу страниците и понапредните веб-функции. Ова е повторно чекор кој може да се остави на друг член или членови на тимот.
Исто така, ќе треба да купите име на домен на веб-страница и да имате хостинг услуга построена. Ова требаше да биде дел од вашите разговори со клиентот и, всушност, треба да се направи во почетните фази на процесот. Понекогаш може да потрае некое време за услугите да станат активни.
Исто така е многу важно што вие или вашиот развивач да направите темелно тестирање на веб-страницата. Вие не сакате да го направите "големото откривање" и да имате функции што не функционираат добро.
09 од 10
Промовирање на веб-страница
Со вашиот веб-сајт преку интернет, време е да го промовирате. Вашиот извонреден дизајн не прави добро ако луѓето не го посетат.
Возењето сообраќај кон веб-страница може да вклучува:
- Оптимизирање за пребарувачите. Вработи експерт за оптимизација ако ова не е област на експертиза, бидејќи најдобрите практики постојано се менуваат.
- Испраќање на билтени за да се истакне новата содржина. Дизајнот на билтенот треба да се поврзува со дизајнот на веб-страниците за да ги одржува пораките на брендот во согласност.
- Рекламирање со ППЦ реклами во Google или со банери на други сајтови.
- Поконвенционални методи, како што се печатените реклами и зборот-на-уста.
10 од 10
Чувајте го Свежо
Еден од најдобрите начини да ги задржите луѓето да се вратат на вашата веб-страница е да се задржи содржината свежа. Со целата работа ставена на страница, не сакате тоа да остане иста со месеци по лансирањето.
Продолжи да објавувате нови содржини, фотографии, видеа или музика ... без оглед на тоа што е изграден за презентација. Блогот е одличен начин да се ажурира страницата, со натписи од било која должина на која било тема поврзана со вашиот сајт,
Ако вашиот клиент ќе се справува со ажурирањата за веб страната на CMS, можеби ќе треба да ги обучи за да го користите. Изведба на ажурирања на веб-страница што сте ја дизајнирале е убав начин да добивате редовни приходи. Бидете сигурни дека вие и вашиот клиент се согласувате со фреквенцијата и стапките за која било работа за ажурирање.