процеса на уеб дизайн

Когато Дизайн Наистина Подходящ
Дейвид Родригес - 7-ми август, 2008

Като дизайнер, знаете ли къде работи наистина се вписва в процеса на дизайн?

Ние обичаме уеб дизайн. С поглед към едно празно бяло поле на екрана на компютъра и се използват само окото на ума А мишката и клавиатурата, за да я превърне в една жива, дишаща сайт не е незначителен подвиг, и там е без съмнение един творчески Rush, когато става въпрос да правиш нещо по този начин. Уеб дизайн може да бъде силна артистична контакта и тя неминуемо е свързана с радостта, която идва с гледаш приключи работа и да се е обърнало към другите.

Да, с една дума, Уеб дизайн е забавно. Но нека си го кажем: ако планирате да правите пари от уеб дизайна, то също става един бизнес.

Ако Уеб дизайн е вашия бизнес, тогава трябва да се направят някои сте в правилната нагласа и да използвате правото процес, когато става въпрос за работата си. Вие не искате вашите проекти да се провали, но, за съжаление, има голяма вероятност, че те ще направят точно това. Нека вземем една стъпка назад за една минута и да определи какво е липса на проектиране е и защо той не успее.
При липса на дизайн

При липса на дизайн не е непременно лош дизайн. Това означава, че "при липса на дизайн" не е задължително един грозен сайт. По-скоро недостатък дизайн е този, който не успее да функционира правилно за мястото, където на използване. Дизайнът може да бъде много красива, но ужасно се за своите цели.

Ако) целта Ви (или на клиента си с уеб сайта е да се продаде нещо, или генерира вълнение над една конкретна идея или кампания, вие ще искате да проектират съответно. За сайт като този, вие не искате да използвате една спокойна картина океана като заглавна си с дълбоки сини океани и черни в своя дизайн. Разбира се, може да сте в състояние да направи много хубав дизайн този начин, но това е липса на проектирането, тъй като не допълват Целта на сайта или съобщение.

Горният пример е брутният преувеличено, но е да покаже, че толкова много проекти се провалят. Проблемът се състои в погрешно разбиране на процеса на проектиране.
Процеса на уеб дизайн

Така че много дизайнери, особено по-новите, свободни работници, неуредица на процеса на проектиране. Какво по-лошо е, че това е пряк път към провал и те дори не го знаеш. Ние ще се фокусира върху всеки един от аспектите на процеса на проектиране само за малко, но първо, нека да разгледаме един преглед. Това, в неговия най-основен, е процес на дизайн:

* Планиране
Преди да получи дори и един единствен идея в главата си за това, което най-новите уеб дизайн ще изглежда така, което трябва да направите всички необходими планиране. Предимно, това включва знае отговорите на важни въпроси.
* Съдържание сграда
Трябва да се изгради цялото съдържание на сайта си, след като сте един ясен план. Това не означава непременно, Първи всеки детайл, но въпреки това трябва да знаете какво ви съдържание ще бъде и къде ще отидат.
* Проектиране
Сега ще дизайн на уеб сайт. Това е важна стъпка, разбира се, но ако сте направили за планиране и изграждане на съдържание от една страна, тази част ще бъде най-забавно и най-вероятно най-печелившите! Но имайте предвид, че съществуват няколко основни съображения, ще бъде като се вземе предвид, така че няма да бъдат намалени с диви цифровите си четки тук.
* Развитие
След като приключи вашия проект, вие ще го превърне в XHTML / CSS / PHP / MySQL и всичко останало сайта си нужди. Развитие обикновено се отнася до техническата част на уеб дизайн: за кодиране и задния неща.

Както можете да видите (обърнете внимание на тази част, това е важно!), Проектиране на сайта идва в края на мача. Много дизайнери правят грешката да искат да скочи направо в проектирането стъпка, защото това е, когато една таланти дизайнерски обувки. Но ако се избегне или опростяване на процедурите за планиране и изграждане на съдържание стъпки, вие ще се окажете с дизайн, който вероятно се вписва в сайта доста добре, но в крайна сметка ще се провали в подпомагане на сайтове постигане на своите цели.

Поради това е важно, че знаете и следвате този процес в професионалната си работа. Нека да погледнем в процеса на по-големи подробности.
Стъпка 1: Планиране

Има много работа пред вас, преди да получи в действителност да започнат да ползват, оцветяване, очертаване и като цяло проектирането на вашия сайт. Първо, трябва да отговорите на тези въпроси. Вие ще знаете тези отговори, ако сте проектиране на сайт за себе си, или вашият клиент ще ги познаете.

Трябва да знаете отговорите на тези:

* Каква е вашата цел с този сайт?
Да не се опитваш да продават нещо? Предоставяне на съобщение? Сподели информация? Поддържайте връзка? Т.н.
* Кои са вашите посетители на сайта?
С други думи, който е вашата целева аудитория? Това понякога може да е като неясни, тъй като "студентите", или като специфична, тъй като "ресторант рекламодатели преглед публикуване."
* Какво искате посетителите да направя?
Обикновено, ако сте се посетителите на вашия сайт, който искате да направите нещо реално. Някои отговори на този въпрос може да се "купуват стока", "Регистрация за бюлетин" или "да се научим как да се изградят по-добри сайтове." Това е важен въпрос; сигурни, че имате добър, ясен отговор за това.
* Защо да го правят?
Виж това място от гледна точка на зрителя. Защо трябва да се интересуват от вашия сайт? Каква е ползата за тях?

Ако вие или вашият клиент не са ясни отговори за въпросите по-горе, че е време да се направят някои изследвания. Вижте някои от вашите клиенти и да получите тези отговори или да направите някои разговори. Посетете други сайтове, които са подобни на твоето в идеята и да разберете какви тълпата те са рисунка. Ако това е типът на публиката ще се работи с, а след това ще имате някои отговори.

След като сте добри, ясни отговори на всички тези въпроси, можете да започнете изграждането на съдържание за сайта си и започнете да печелите Край на дизайнерски решения. Само с тези отговори, може да се определи на основата, като:

* Цветно
* Разпределение
* Шрифт семейство
* Размер на шрифта

Цветове? Разпределението? Шрифтове? Ах, да го направим, това започва да звучи по-скоро като уеб дизайн! Ако знаете, например, че вашата цел е да предостави съвети за безопасност дивата природа на нови вагони, ще искам един план, който ви позволява да се предвидят ясни, разбираеми текстове. Защото вашите съвети ще дойде най-вече под формата на текст и илюстрации, вие ще искате изобилие от тялото пространство и шрифт, който изглежда добре на екрана и разпределени добре с CSS (Arial е добър по подразбиране за нещо подобно). Тъй като си имаш работа с диви животни, свързани с материали, цветове могат да имитират тези на гори, с дълбоки Зелените, песъчлива и пръстен тонове, и тъмни цветове дърво.

Но не скочи пистолета и отворен Photoshop, просто все още! Ти си все още не е напълно готова да започне изготвянето и оцветяване. На следващо място, искате да създадете съдържанието на вашия сайт.
Стъпка 2: Изграждане на съдържание

Има една фраза, която често хвърлят по улиците в уеб света: "Съдържанието е цар." Това е вярно за повечето сайтове там. Повечето сайтове искат да се намери и един ключ сайтове начин са открити чрез заявки за търсене. Търсачките често "паяк" база данни на техните Интернет страници за нови, ясни, горе-към-дата, и оригинално съдържание, и уебсайтове, които имат добро съдържание, са възнаградени с по-високо класиране и по този начин те се срещат по-често.

Не е чудно тогава, че съдържанието на сградата е такава важна стъпка в уеб дизайн. С отговорите, които получих от Стъпка 1: Планиране, трябва да знаете какъв вид съдържание, с което ще иска да започне изграждането. Ако целта ви е да се продават музика и електроника, и вашата целева аудитория е студенти търсят да закупят неща като Ipods и цифрови фотоапарати, тогава вие ще искате да напишете някои съдържание, което е с леко сърце, надолу към земята, както и на точка, докато все още се основава на популярните "начин на живот" тенденция, която продава Gadgets като тези толкова добре.

Или както един пример, ако вашата целева аудитория е група от специалисти в областта на медицината, научните изследвания и целта ви е да се създават нови и предизвикателни идеи за съвместна работа и дискусия, вие ще искате да напишете съдържание, което не се откачи като нещо, от техническо блог .

В крайна сметка, обаче, най-важното нещо, което искате да направите в тази стъпка е да получите всички идеите си за определяне съдържанието на хартия или в текстов файл. Не е нужно да пишете обяви за музика и електроника в момента, например, и разбира се, че не биха искали да прекарат време в тази стъпка, за да напишете дълъг медицински запис в дневника. За сега, това е достатъчно просто да се получи цялото си съдържание в стенограмите. Просто се уверете, че сте се всичко.

След като всички си съдържание на място, където можете да погледнете, вие ще искате да изгради своя сайт. Това е последната стъпка, преди да започне действително проектиране на обекта. Можете да използва компютърна програма, за да изготвят карта на сайта си като мен по-долу, но през повечето време един молив и хартия работи най-добре за тази част.

Нека да разгледаме най-малка карта на сайта проба за музика и магазин за електроника, за които говорихме по-рано.

Моята музика и магазин за електроника Карта на сайта

Тук можем да видим, че нашата страница връзки към четири други страници: Да се съхранява Места, Музика, електроника, и контакти. Музиката и електроника страници всеки линк към различни раздели. Страницата музика ви позволява да избирате един жанр на музиката да се купят и на страницата Електроника ви позволява да разглеждате различни приспособления.

При проектирането на вашия сайт, е важно да помним три-клик правило. Просто кликнете на 3-членки, правилото, че един посетител не трябва да щракнете върху повече от три пъти на вашия сайт, за да направи нещо. В нашата извадка на сайта, ще видим, че ако посетителят иска да ни други места, магазин, те просто трябва едно щракване на началната страница. Или, ако искат да разглеждат рок музиката да купуват, те просто трябва да щракнете върху Стил на началната страница, а след това на страницата Рок музика. Само 2 кликвания.

Въпреки че изграждането на вашия сайт, трябва да сте сигурни, че всяка клетка (или страници) на сайта ще проведе част от съдържанието, което очертани по-рано. Всички вашето съдържание трябва да има място на сайта си, и трябва да бъде в състояние да видите визуално за какво страниците, които ще слагам всеки късче на вашето съдържание.

И сега, че ние имаме планиране и изграждане на съдържание направено, нека да проектиране!
Стъпка 3: Проектиране

Много дизайнери правят грешката да прескочите стъпки 1 и 2, скачане, вместо да прави тук, за да Стъпка 3: Проектиране. Но ако имаш тук след извършване на необходимата работа преди това, тогава сте на прав път!

В Стъпка 1: планиране, вероятно вече имаш добра идея за това какво видове оформление и дизайн, който искате да използвате. Нека си творчество поток тук. Не забравяйте, че има няколко оформления вероятно ще трябва за своя дизайн. Вие ще искате оформление за началната си страница, която според картата на сайта Ви, само ще съдържа някои уводни информация или подчертава, някои връзки, и в зависимост от целите си, може би някои вълнуващи образи.


Може би не искат да чуят това, но дори в този момент, можете да помислите за напускане Photoshop затворени за малко. Вместо това, опитайте изготвяне на няколко плана за вашия сайт на хартия първата. Това е една добра идея за изграждане на множество планове само за да видя как те "се чувстват" на сайта, който изграждане и използване на Photoshop за изграждане на множество оформления, които не могат дори да използвате отнема време. Това е много по-бързо да се направят някои бързи и мръсни оформления на хартия, за да се чувстват груб начин, за който искате да отидете с дизайна.

До този момент, най-вероятно имат пръст рязкото задейства точно сега, когато става въпрос за стрелба си дизайн пистолет. Но да го забави. Ето нещо, което да помисли за дизайна. Вие ще искате оформление за вашите преходни страници. Преходни страници са страници, които само до потребителите на по-важните неща. В пробата карта на сайта по-горе, музика и електроника страници са само преходни страници. Страницата музика ще бъде малка и да съдържа връзки към различни жанрове на музиката по-долу (страна, хип-хоп, класически, и рок). Страницата Електроника ще бъдат малки и едва съдържат малки парченца информация, докато я свързват с по-важни неща, като DVD плейъри, телевизори, MP3 плеъри и дигитални камери страници. Преходни оформление трябва да съответства на целия сайт, но и да се прости, така че потребителите могат да прекарат малко време за тях това е възможно.

След това, Apple дизайнери ще прекарат няколко месеца по тези три проекта да ги подобрят и да ги отглеждането на дивеч Apple. И накрая, след цялата тази работа, дизайнерите трябва отново да премахне 2 от проекта, докато не сте напуснали само с един мощен дизайн, който получава крайния извършената работа и се дава най-известните Apple марка и полски език.

През последните години този тип мислене е много добре да Apple, и техните проекти са се срещнали с някои големи успехи. Ако искате вашите проекти да се развива успешно, както и, след това тя е тук, в тази стъпка, Стъпка 3: Проектиране, че трябва да отделите време, преди да отворите Photoshop наистина плана си дизайн, като се вземе предвид всичко, което сте научили от Стъпка 1 и знаейки какво място ще се излива като от Стъпка 2.
Знаете ли, че Apple, компанията зад дизайна на дивите успешно iPhone, Ipod и IMAC компютри и Macbooks, използва процеса на проектиране те наричат "10-3-1?" Това е вярно; в Южна 2008-югозапад Интерактивна фестивал, присъстваха на презентация от Майкъл Lopp, висши инженерни Apple мениджър, когато той разкри тази малка малко информация на опаковани стая пълна с дизайнери.

Ето как тя работи. Apple дизайнерите трябва да се придържат към правилото 10-3-1, когато е първият дизайнер се съдържа много творческа свобода и излезе с 10 добри и здравословни проекти за нещо. Това може да бъде даден сайт или продукт, наред с други неща. След това, след като идва с 10 добри проекти, те трябва да минават през болезнени и често трудна задача за премахване на 7 от тях, оставяйки ги с три много добри проекти, за да работите.



Уверете се, че финализира своя проект. След като сте си дизайн готови, няма връщане назад.
Стъпка 4: Разработване
Някои дизайнери са само дизайнери и да се справят само с основите на XHTML и CSS, избрали да работят с партньор или да наемете някой да направи кодирането на даден сайт. Други дизайнери знаят развитието и кодиране страна просто, както и проектиране страна, но те дизайнери не са съвсем прекалено общи.
Ако сте си завършен проект (или на себе си или с вашия клиент), тогава можете да започнете разработването на сайта. В зависимост от това как искате в сайта да работи, това може да включва такива усложнения като PHP и MySQL бекенда програмиране, или би могъл да бъде само толкова прости, колкото някои основни HTML и CSS. Така или иначе, тази стъпка включва действителното кодиране на сайта.



Лесно е да се работи с манталитета на "Бих искал да постигнем това дизайн за да мога да я добавите към портфолиото ми." Да, вашето портфолио е важна част от бъдеш уеб дизайнер. Но тя също е от ключово значение за производството на един продукт, който реално работи за клиентите си (и за себе си).
Така че, както виждате, всъщност проектиране на уеб сайт идва почти напълно последно в процеса на уеб дизайн. Ако искате вашите проекти да бъдат успешни, ще предприемат необходимите стъпки, за да работят до дизайна.

Така или иначе, ние няма да влезем в развитието на сайта тук. За целите на тази статия, това е достатъчно да се каже, че това е последната стъпка, след като промишленият дизайн е направен, в създаването на интернет сайт.
Така, както можете да видите ....