Flash 5 Developers giude (5)

[ Pobierz całość w formacie PDF ]
.titoonia.com/games/pong/.Sama gra zostanie umieszczona w dokumencie HTML onazwie default.htm w katalogu pong.Wykona�em wst�pn� struktur� katalogów zgodnie z podj�t� przeze mnie decyzj� �najlepiej przygotowa� struktur� plików zanim zabierzesz si� za szczegó�ow�zawarto�� strony, aby dost�p do plików by� �atwy, a pliki bez problemu da�o si�zlokalizowa�.RysunekbrakTworzenie struktury katalogów jest bardzo �atwym sposobem na uzyskanie dobregoprzegl�du strony.Mo�na prawie powiedzie�, �e tworzenie struktury katalogówjest pewnym rodzajem �pre-prototypu�.Rodzaj struktury przedstawionej tutaj, ze stron� i / lub katalogiem dla ka�degoelementu zawarto�ci umo�liwia u�ytkownikowi zastosowanie przycisku Back wprzegl�darce tak, jak na �zwyczajnych� stronach internetowych.Oznacza torównie�, �e u�ytkownik b�dzie móg� doda� zak�adk� okre�lonej strony, abyu�atwi� sobie do niej powrót.Ponadto, adres internetowy zawsze b�dziewskazywa� u�ytkownikowi, w którym miejscu si� w�a�nie znajduje.Wad� tego typustruktury jest niemo�liwo�� wykonywania �mi�kkich przej�� pomi�dzy sekcjamiczy stronami.Aby przetestowa� naszkicowan� przeze mnie struktur� i wymy�li�, w jaki sposóbmo�na skonstruowa� stron� we Flashu wykona�em na szybko prototyp.Tworzenie prototypuWykonanie prototypu ma na celu na�ladowanie dzia�ania uko�czonej strony bezkonieczno�ci dbania o dobry wygl�d.Jest to model roboczy umo�liwiaj�cyprzetestowanie podstawowej funkcjonalno�ci strony.Podczas konstruowania prototypu upewni�em si�, aby po wci�ni�ciu przyciskównawigacji �adowane s� równe filmy na w�a�ciwe miejsce i zawieraj� one pewienrodzaj informacji o rodzaju ich zawarto�ci w��cznie z, na przyk�ad linijk� zich nazw�.I ju� � nie marnuj wi�cej czasu na szczegó�y na tym etapieprojektowania.Poni�szy rysunek przedstawia prototyp tytu�owej strony witryny, z zaznaczonyminterfejsem i przyciskiem Menu.RysunekPROTOTYP WITRYNY INTERNETOWEJ TITOONIAbrakNa etapie tworzenia prototypu definiuj� równie� pliki w formatach FLA i HTML,gdy� musz� przetestowa� funkcjonalno�� akcji loadMovie i struktury katalogów.Wtrakcie procesu projektowania zazwyczaj wykonuj� kilka prototypów, abyprzetestowa� ró�ne rozwi�zania.RysunekbrakPoprzez utworzenie ca�ej struktury plików przed rozpocz�ciem szczegó�owegoprocesu projektowania natkniesz si� i rozwi��esz wiele strukturalnychproblemów, które wp�yn� na decyzje podejmowane w trakcie projektowania, dzi�kiczemu unikniesz dokonywania poprawek pó�niej.Po wykonaniu prototypu upewniszsi�, czy pomys�y struktury dzia�aj�, czy te� nie.Nast�pnie po zako�czeniu pracy nad g�ównymi cz�ciami projektu graficznegomo�esz skopiowa� i wklei� elementy graficzne bezpo�rednio do odpowiednichplików prototypu.Nie b�dziesz musia� tworzy� nowej struktury plików �wystarczy umie�ci� obrazki i filmy w predefiniowanej i przetestowanejstrukturze strony.Po dopracowaniu struktury plików mo�esz przej�� do projektowania zawarto�ci itworzenia strony.SzkicowanieNa tym etapie procesu projektowania skompletowa�em wiele lu�nych, bardziej lubniej u�ytecznych pomys�ów dla projektu.Wykona�em kilka szkiców, gdzie b�d�dodawa� wszystkie elementy, jakie tylko przyjd� mi do g�owy.Czasami wykonuj�wiele szkiców, czasami tylko jeden.Czasami s� one niezwykle szczegó�owe, a winnych przypadkach ograniczone tylko do jednej czy dwóch linii, które pomagaj�mi w zapami�taniu, czy wyobra�eniu sobie pomys�u.Dla projektu strony Titooniawykona�em dwa schematyczne szkice przedstawione poni�ej:RysunekbrakPo drodze zdarza�y mi si� mniejsze szkice wykonane na kopertach, chusteczkachlub z ty�u ksi��ki adresowej.Niektóre z nich, na przyk�ad, testowa�y uk�ad,podczas gdy inne u�y�em do rozwi�zania kilku technicznych zagadnie�.I w tymprzypadku nale�y my�le� o stronie i stara� si� wyobrazi� sobie problemy, któremo�esz napotka� podczas korzystania ze strony.Poprzez szkicowanie na tym samym kawa�ku papieru przez kilka dni w trakcieprocesu tworzenia skumulujesz w jednym miejscu wiele �róde� inspiracji.Podkoniec procesu przejrzyj szkice i zachowaj wszystkie te, która uwa�asz zau�yteczne czy interesuj�ce.KompozycjaChc� przyjazn�, spokojn� i odrobin� dynamiczn� kompozycj� wspieraj�c� wiadomo��i nastrój strony.Wykona�em wiele szkiców kompozycyjnych pami�taj�c ci�gle owiadomo�ci i docelowej publiczno�ci.Przedstawione poni�ej rysunki stanowi�wybór szkiców wykonanych przeze mnie i zastosowanych lub potraktowanych jakokandydaci.RysunekbrakWiele szkiców powsta�o w formie rozgrzewki, lecz nie zosta�y u�yte, a niektóreposz�y do �mieci.Bez wzgl�du na to, jak nieuporz�dkowane i dziwne si� one wydaj�, szkice tezawieraj� rozwi�zania na wi�kszo�� problemów zwi�zanych z uk�adem i projektem,na jakie natkn��em si� na tej stronie.Poprzez przegl�danie tych szkiców wdalszej cz�ci procesu tworzenia, s�u�� mi one jako �ród�a inspiracji.Podobniejak �normalne� szkice, zawsze zachowuj� moje szkice kompozycyjne jako przysz�eodniesienia.KolorPoniewa� nasza wiadomo�� brzmi �jak mi�o tu by�, a docelowa publiczno�� jeststosunkowo m�oda, doszed�em do wniosku, �e mo�na wykorzysta� kilka �wie�ych,ciep�ych i lekko zakr�conych kolorów z natury.Kolory nie powinny wygl�da� zbytdziecinnie, ani zbyt �staro�, nie powinny by� równie� ponure, czy smutne.Schemat kolorów powinien odzwierciedla� s�owa z listy wykonanej podczasdefiniowania wiadomo�ci i powinien przyci�gn�� docelow� publiczno��.Rozpocz��em we Flashu od wykonania wielu kropek z mniej lub bardziejprzypadkowo wybranymi kolorami.Inni projektanci mog� to zrobi� w Photoshopie,a tak w zasadzie wszystko zale�y od osobistych preferencji.Wszystkie kolorywywo�uj� �kolorystyczny nastrój� opisany powy�ej, lecz wiele z nich zostanieusuni�tych po ponownym przegl�dni�ciu ich.RysunekPR�BNY SCHEMAT KOLOR�WbrakKa�dy kolor powinien by� jak naj�ci�lej zwi�zany z wiadomo�ci�, publiczno�ci� iinnymi parametrami, jakie wyszuka�em.Kolory, które za bardzo �odstaj�� zostan�usuni�te.Warto uwa�a�, aby nie pozosta�o zbyt wielu kolorów.Ja pozostawiamraczej kilka dobrze zrównowa�onych kolorów ni� wiele na pó� wywa�onych.We Flashu wykona�em prost� rysowank�, na której wypróbowa�em kilka wybranychprzeze mnie kolorów.Pocz�tki s� zazwyczaj trudne, lecz po pewnym czasierysowania, zast�powania i dopasowywania uda ci si� odpowiednio dobra� kolory,które zastosujesz w projekcie [ Pobierz całość w formacie PDF ]

Search

Podstrony