01 з 10
даследаванні
Патэнцыйны кліент проста прасіў вас стварыць сайт, але з чаго пачаць? Там у пэўны працэс, які вы можаце прытрымлівацца, каб гарантаваць, што праект праходзіць гладка. Гэта адлюстроўвае стандартны працэс графічнага дызайну , з дапамогай ўсяго некалькі крокаў сайта канкрэтнага ўключыць.
Як дызайнер, вы можаце ўзяць на сябе ўвесь праект самастойна, у тым ліку кадаваньне. Тым не менш, вы таксама можаце сабраць каманду, каб дапамагчы вам з дэталямі. Вэб-распрацоўшчык і эксперт SEO можа быць каштоўным дадаткам да вашага праекту.
Усё пачынаецца з даследаваннямі
Як і большасць дызайнерскіх праектаў, першы крок пры стварэнні вэб-сайта заключаецца ў правядзенні даследаванняў. Некаторыя з гэтых даследаванняў будуць зробленыя з кліентам, каб атрымаць разуменне іх патрэбаў. Вам таксама неабходна, каб даведацца больш пра сваю галіны і канкурэнтаў.
Пры сустрэчы з кліентам, вам трэба даведацца як мага больш, каб дапамагчы вам распрацаваць план для сайта і ў канчатковым выніку яго дызайн. Гэта ўключае ў сябе пытаць аб сваёй мэтавай аўдыторыі, мэтаў, творчага напрамкі і іншых зменных, якія могуць паўплываць на тое, што вы можаце прапанаваць кліенту, напрыклад, бюджэт і тэрміны.
Ваша галіна і даследаванне рынка будзе адбывацца адначасова. Для таго, каб быць гатовымі для задавальнення свайго кліента, вы павінны мець уяўленне аб сваёй галіне. Пасля высвятлення іх патрэбаў, вы тады хочаце паглядзець трохі глыбей.
Ўзровень даследаванняў, праведзеных будзе залежаць ад бюджэту кліента і існуючага веды галіны. Гэта можа быць як просты, як глядзець, каб убачыць, што іншыя вэб-сайты ў гэтай галіне выглядаюць. Для больш буйных праектаў, гэта можа быць нешта накшталт паглыбленага даследаванні з фокус-групамі.
02 з 10
мазгавая атака
Пасля таго, як вы ведаеце , што праект усё о, гэты час , каб сабраць ідэі і мазгавы штурм з'яўляецца выдатным месцам , каб пачаць . Замест таго, каб шукаць дасканалай ідэі быць вашым першым, выкідаць любыя ідэі або канцэпцыі для вэб-сайта. Вы заўсёды можаце звузіць яго пазней.
Некаторыя вэб-сайты могуць запатрабаваць стандартны вэб-інтэрфейс, з навігацыяй (кнопка бар) і змястоўных абласцей, дзе карыстальнікі, хутчэй за ўсё, чакаць ад іх. Іншыя могуць патрабаваць унікальнай канцэпцыі, каб прадставіць ўтрыманне.
У рэшце рэшт, ўтрыманне будзе весці праект. Напрыклад, навінавы сайт будзе мець шмат іншы падыход, чым вэб-партфоліо фатографа
03 з 10
Прыняцце рашэння аб тэхнічных патрабаваннях
На пачатку працэсу распрацоўкі вэб-сайта, рашэнні павінны быць зробленыя ў дачыненні да тэхнічных патрабаванняў праекта. Такія рашэнні будуць уплываць на бюджэт, часовыя рамкі і, у некаторых выпадках, агульны выгляд сайта.
Адным з асноўных рашэнняў з'яўляецца тое, што асноўная структура сайта павінна быць, якая будзе вызначаць, якое праграмнае забеспячэнне выкарыстоўваць і тое, што сістэма робіць сайт «працу.»
Вашы варыянты ўключаюць у сябе:
- Асноўныя HTML: Стандартны HTML - сайт , у якім кожная старонка рэдагуецца ўручную. Гэта можа быць адносна хутка развівацца, але пакідае мала гнуткасці і шмат бягучага абслугоўвання. Важна таксама памятаць, што HTML-сайты не HTML самастойна і можа ўключаць у сябе CSS, JavaScript і іншыя мовы праграмавання для функцый.
- Выкарыстанне сістэмы кіравання кантэнтам: выкарыстанне CMS звычайна дазваляе кліенту выконваць рэгулярныя абнаўлення зместу, у той час як дызайнер кантралюе агульны знешні выгляд сайта. Некаторыя сістэмы могуць быць распрацаваны з нуля і іншыя набылі і з улікам патрэбаў кліента. Онлайн сістэмы, такія як Blogger і WordPress з'яўляюцца бясплатнымі і ўключаюць у сябе асноўны CMS, а таксама.
04 з 10
напішыце Outline
Зараз, калі вы сабралі ўсю неабходную інфармацыю і калектыўнае абмеркаванне некаторых ідэй, гэта добрая ідэя, каб атрымаць усё гэта на паперы.
Абрыс сайт павінен змяшчаць спіс кожнай секцыі павінны быць уключаны на сайце, з апісаннем таго , што тып кантэнту будзе адлюстроўвацца на кожнай старонцы. Акрамя таго, варта апісаць максімальна падрабязна, наколькі гэта магчыма, якія функцыі будуць знаходзіцца на сайце, такіх як уліковыя запісы карыстальнікаў, каментаванне, функцыі сацыяльных сетак, відэа ці падпісцы на рассылку навін.
Акрамя дапамогі ў арганізацыі праекта, кліент павінен быць прадстаўлены ў агульных рысах ў выглядзе вэб - прапановы , каб яны маглі ўхваліць яго да таго , як праект працягваецца. Гэта дазволіць ім дадаваць, выдаляць або карэктаваць любыя раздзелы або функцыі.
Усё гэта ў канчатковым выніку дапаможа вам распрацаваць бюджэт і тэрміны і пабудаваць сайт. Пагаджаючыся на цане на сайце праект на аснове зацверджаных накідаў дапаможа пазбегнуць дадатковых збораў ці рознагалоссяў у канцы праекта.
05 з 10
стварэнне Wireframes
Каркасы простыя лінейныя чарцяжы макетаў вэб - сайтаў , якія дазваляюць (і кліент) , каб засяродзіцца на размяшчэнні элементаў , а не колеры і тыпу.
Гэта вельмі карысна, паколькі ён вызначае, які кантэнт заслугоўвае найбольш увагі і адсотак выкарыстоўванай прасторы на старонцы для гэтых элементаў. Не адцягваючыся на іншыя візуальныя элементы, зацверджаныя каркасы служаць асновай для вашага дызайну.
Для некаторых праектаў, вы можаце разгледзець пытанне аб калекцыі каркасных даступнай для выкарыстання для розных тыпаў кантэнту. Кантактныя, о, і іншыя старонкі з вялікай колькасцю тэксту могуць мець розную планіроўку, чым галерэя або гандлёвую старонка.
Важна, што вы падтрымліваеце адзіны знешні выгляд на працягу ўсяго сайта, як вы пераход ад аднаго каркасных да іншага.
06 з 10
Дызайн вэб-сайта
Пасля таго, як вы і ваш кліент задаволены каркасаў, настаў час прыступіць да распрацоўкі сайту.
Adobe Photoshop з'яўляецца найбольш распаўсюджаным інструментам для стварэння зыходных канструкцый. У цэнтры ўвагі дызайн сайта павінен быць, каб прадставіць ўтрыманне і ён будзе выкарыстоўвацца для стварэння рэальных вэб-старонак.
На дадзены момант, проста дызайн і гуляць з асноўнымі элементамі , каб стварыць што - то для вашага кліента , каб паглядзець і ўхваліць.
- У той час як крычалі дызайн і анімацыя ёсць сваё месца, яны не павінны перадужаць, што карыстальнік шукае.
- Паслядоўная навігацыя дапаможа вашым наведвальнікам знайсці ўсе вашы асноўныя ўтрымання вобласці.
- Чыстае выкарыстанне тыпу (у выпадку тэкставага кіраваны сайта) будзе трымаць наведвальнік чытаць і вяртацца зноў і зноў.
- Перад тым, як мець рэальны змест для дызайну сайта, Lorem Ipsum тэкст дапаможа запоўніць прабелы , не адцягваючы свайго кліента.
07 з 10
Стварэнне Web-старонак
Калі ваш праект будзе ўхвалены, то старонкі павінны быць уключаны ў макетах ў рэальных вэб-старонак, напісаных на HTML і CSS.
Вопытныя дызайнеры / распрацоўшчыкі могуць выбраць ўзяць на сябе ўсе кадаванні, у той час як хто-то арыентавана на дызайн баку палатна можа працаваць у цесным супрацоўніцтве з распрацоўшчыкам, каб прывесці сайт да жыцця. Калі гэта так, то распрацоўшчык павінен быць уцягнуты з самага пачатку.
Распрацоўшчыкі дапамогуць пераканацца, што дызайн з'яўляецца рэалістычным і эфектыўным макетам вэба. Яны таксама павінны быць праведзены кансультацыі аб якіх-небудзь функцыях вы абяцаюць кліенты, як некаторыя з іх не могуць быць магчымыя выканаць або карыснымі для сайта.
Праграмнае забеспячэнне такіх як Adobe Dreamweaver можа дапамагчы дызайнер ператварыць макет ў працоўным вэбе-старонку, з функцыямі перацягвання і падзенне, гатовымі функцыямі і кнопкамі, каб дадаць спасылкі і малюнкі.
Ёсць шмат варыянтаў праграмнага забеспячэння, даступнага для вэб-будаўніцтва. Выберыце той, які вам падабаецца працаваць, толькі пераканайцеся, што яны дазваляюць рэальна атрымаць у дэталі і кадаваньне старонак.
08 з 10
Распрацоўка вэб-сайта
Пасля таго, як ваш макет будзе завершаны ў HTML і CSS, яна павінна быць інтэграваная з сістэмай вы выбралі. Гэта тая кропка, дзе яна становіцца вэб-сайт працуе.
Гэта можа азначаць распрацоўку шаблонаў павінны быць прачытаныя з дапамогай сістэмы кіравання кантэнтам, змены ў WordPress шаблон, або з дапамогай Dreamweaver для стварэння спасылак паміж старонкамі і больш прасунутых вэб-функцый. Гэта зноў-такі крок, які можа быць пакінуты на іншы член або член каманды.
Вы таксама павінны купіць даменнае імя сайта і мець хостынг выбудаваны. Гэта павінна быць часткай вашых дыскусій з кліентам і, у рэчаіснасці, павінна быць зроблена на пачатковых стадыях працэсу. Часам гэта можа заняць некаторы час для службы, каб стаць актыўнымі.
Акрамя таго, вельмі важна, што вы або ваш распрацоўшчык зрабіць дбайнае тэставанне вэб-сайта. Вы не хочаце, каб зрабіць «вялікі выявіць» і маюць функцыі, якія не працуюць правільна.
09 з 10
прасоўванне сайта
З вашага сайта ў Інтэрнэце, прыйшоў час, каб прасоўваць яго. Ваш дзіўны дызайн не добра, калі людзі не наведваюць яго.
Прыцягненне трафіку на сайт можа ўключаць у сябе:
- Аптымізацыя яго для пошукавых сістэм. Найміце спецыяліста SEO, калі гэта не тая вобласць ведаў, як лепшыя практыкі пастаянна змяняюцца.
- Адпраўка інфармацыйных бюлетэняў, каб вылучыць новы змест. Дызайн бюлетэня павінны быць звязаныя з вэб - дызайну , каб трымаць марку паведамленняў паслядоўная.
- Рэклама з КПП аб'яваў на Google або з банэрнай рэкламы на іншых сайтах.
- Больш традыцыйныя метады, такія як друк рэкламы і слова-у-рот.
10 з 10
абнаўляць
Адзін з лепшых спосабаў, каб трымаць людзей, якія вяртаюцца на ваш сайт, каб захаваць ўтрыманне свежага. З усімі працы пакласці ў сайт, вы не хочаце, каб ён заставаўся такім жа на працягу некалькіх месяцаў пасля запуску.
Працягвайце размяшчаць новы змест, фатаграфіі, відэа ці музыку ... усё, што сайт быў пабудаваны, каб прадставіць. Блог гэта выдатны спосаб , каб захаваць сайт абноўлены, з паведамленнямі любой даўжыні на любую тэму , звязаныя з вашага сайта,
Калі ваш кліент будзе апрацоўку абнаўленняў для вэб-сайта CMS, магчыма, спатрэбіцца навучыць іх, каб выкарыстоўваць яго. Стварэнне абнаўленняў на вэб-сайце вы стварылі добры спосаб атрымаць стабільны даход. Пераканайцеся, што вы і ваш кліент дамаўляюцца аб частаце і хуткасці для любога абнаўлення вамі працы.