Zasoby i samouczki dotyczące tworzenia szkieletów programu Adobe Fireworks

Adobe Fireworks to jedna z najpopularniejszych aplikacji wybieranych przez projektantów stron internetowych do tworzenia szkieletów i prototypowania. Istnieje wiele powodów, dla których warto tworzyć prototypy w Fireworks w porównaniu z jakimkolwiek innym edytorem graficznym, ale nie będziemy ich omawiać w tym poście (być może mógłbyś wypróbować ten: A Case for Adobe Fireworks przeciwko Photoshopowi i Illustratorowi).

To, co zaoferuje ten post, to kompleksowy punkt wyjścia i odniesienie dla każdego projektanta, który chciałby podjąć te pierwsze kroki w programie Fireworks i nie jest pewien, od czego zacząć.

Obiecujemy, że gdy zaczniesz używać programu Fireworks do tworzenia szkieletów, nigdy nie wrócisz.

Samouczki i zasoby dotyczące tworzenia szkieletów programu Fireworks firmy Adobe

Tworzenie zgodnych ze standardami projektów internetowych za pomocą programu Fireworks →
W tym artykule pokazano, jak korzystać z ulepszeń funkcji eksportu CSS, aby tworzyć projekty zgodne ze standardami.

Konfigurowanie makiety do projektowania stron internetowych Fireworks do eksportu CSS i obrazów →
W tym artykule najpierw wymieniono kluczowe narzędzia, które mogą pomóc w przygotowaniu makiety projektu Fireworks do umieszczenia w sieci. Następnie szczegółowo omawia każde narzędzie i podaje kilka przykładów. Kontynuacja tego artykułu zawiera prosty przykład makiety projektu strony internetowej (dostarczony jest plik PNG). Na koniec, ten artykuł zawiera przegląd i pomaga szybko zoptymalizować wyeksportowany kod CSS/HTML.

Projektowanie aplikacji internetowej w programie Fireworks CS4 →
Ten samouczek przedstawia proces tworzenia aplikacji internetowej w programie Adobe Fireworks – od szkicowania oryginalnego projektu strony, poprzez tworzenie makiet, po tworzenie ostatecznego projektu. Wszystkie podstawowe narzędzia i instrukcje zostaną omówione w tym artykule, aby pomóc Ci od razu rozpocząć tworzenie stron internetowych i projektów w programie Fireworks.

Gotowe szablony CSS w Fireworks →
W tym artykule wyjaśniono, w jaki sposób można użyć dostarczonych przykładowych szablonów PNG, aby zapewnić maksymalne wykorzystanie funkcji eksportu CSS w programie Fireworks.

Tworzenie interaktywnych prototypów w Fireworks →
Film z poradami i sztuczkami dotyczącymi fajerwerków. W tym odcinku dowiesz się, jak tworzyć interaktywne prototypy.

Poradniki dotyczące tworzenia szkieletów fajerwerków

Fireworks: interaktywne prototypy w formacie PDF

Ten samouczek wyjaśnia, jak generować interaktywne prototypy bezpośrednio z programu Fireworks w formacie PDF. Ten rodzaj prototypu może być bardzo przydatny do zatwierdzania układów z klientami lub po prostu do ułatwienia komunikacji między zespołem projektowym.

Zbuduj w programie Fireworks model szkieletowy witryny promocyjnej aplikacji na iPhone'a

Ten samouczek obejmuje proces projektowania tworzenia modelu szkieletowego witryny internetowej aplikacji na iPhone'a w programie Fireworks. Dla tych, którzy nie znają programu Fireworks, będzie to dobry punkt wyjścia do wykorzystania go do tworzenia szkieletów projektów internetowych. Ten samouczek jest pierwszą częścią wieloczęściowej serii.

Tworzenie podstawowego szkieletu za pomocą programu Fireworks

Ten samouczek nauczy Cię, jak zbudować własny szkielet przy użyciu programu Fireworks. Obejmuje podstawy niezbędnych elementów internetowych i linków do stron w modelu szkieletowym. Strona tworzona w tym samouczku nie jest niczym wymyślnym, ale jej prostota sprawia, że ​​użytkownicy skupiają się na mojej fotografii.

Samouczki wideo dotyczące tworzenia szkieletów fajerwerków

Prototypowanie w fajerwerkach (1 z 3)

W tym filmie dowiesz się, jak zbudować pasek nawigacyjny ze stanami, menu i podmenu w prototypowaniu prostej witryny internetowej.

Prototypowanie w fajerwerkach (2 z 3)

W tym filmie dowiesz się, jak łączyć strony podczas tworzenia prototypu witryny.

Prototypowanie w fajerwerkach (3 z 3)

W tym filmie dowiesz się, jak utworzyć zamień obraz lub rozłączne najazdy i dodać interaktywność.

Zasoby i szablony dotyczące tworzenia szkieletów programu Fireworks

Pomarańczowe polecenia

Polecenia Orange to ogromny zbiór poleceń dla programu Fireworks, który ułatwia życie projektanta stron internetowych i przyspiesza przepływ pracy. Orange Commands jest darmowy i open source.

Zestaw fajerwerków mini web wireframe

Mini zestaw do tworzenia szkieletów internetowych Fireworks zapewnia tylko podstawowe kształty do tworzenia szkieletów internetowych. Do wszystkiego innego możesz używać natywnie programu Fireworks, ponieważ sam program Fireworks jest świetnym narzędziem do tworzenia prototypów i tworzenia szkieletów. Plik jest w formacie PNG, który jest natywny dla Fireworks i oznacza, że ​​możesz edytować i zmieniać rozmiar wszystkich kształtów w Fireworks.

Symbole biblioteczne modelu szkieletowego

Jest to zestaw bogatych (co oznacza, że ​​zawierają elementy, które możesz zmienić we właściwościach symbolu). Ten zestaw ma wyglądać jak ręcznie rysowane elementy szkieletu. Schemat kolorów ma wyglądać jak atrament z planu.

Szablony wspólnej biblioteki fajerwerków

Zestaw szablonów do pobrania dla programu Fireworks. Zestaw jest w formacie Common Library.

Czarno-biały szablon strony internetowej firmy

Szablon szkieletu przeznaczony do użytku z witryną firmową. Projekt jest prosty, czarno-biały.

Szablon fajerwerków na Androida

Szablon programu Fireworks na Androida. Elementy interfejsu użytkownika Androida zostały przerysowane jako obrazy wektorowe. W folderach elementy zostały w większości oznaczone zgodnie ze słownikiem Androida.

Szablon makiety BlackBerry dla fajerwerków

Szablon programu Fireworks dla BlackBerry. Szablon jest przeznaczony dla urządzeń BlackBerry o rozdzielczości 640×480, ale ponieważ wszystkie elementy interfejsu użytkownika są obrazami wektorowymi, ich rozmiar można łatwo zmienić.

Biblioteka gestów dla programu Fireworks

Przewodnik referencyjny gestów dotykowych to unikalny zestaw zasobów dla projektantów oprogramowania i programistów pracujących nad dotykowymi interfejsami użytkownika. Zestaw gestów jest tutaj odtwarzany dla programu Fireworks jako bogate symbole.

Przydatne zasoby fajerwerków

Portal internetowy →
Webportio to graficzny zasób programu Fireworks. Wszystkie pliki graficzne mają dobrą strukturę, dzięki czemu są łatwe w nawigacji. Dzieła są oparte na wektorach i można je łatwo dostosować do naszych potrzeb. Wszystkie pliki są dostępne za darmo i można ich używać zarówno do zastosowań niekomercyjnych, jak i komercyjnych.

Strefa Fajerwerków →
Fireworks Zone to źródło dla entuzjastów Fireworks z samouczkami, artykułami, bazą linków, poleceniami, stylami, teksturami, wzorami, auto-kształtami. Według serwisu, jest to jedna z największych i najczęściej aktualizowanych witryn Fireworks w sieci.

Dalsza lektura

Szkielet: wskazówki, narzędzia i techniki →
Para artykułów, w których omówiono niektóre z odpowiednich narzędzi, technik i wskazówek dotyczących tworzenia szkieletów. Ten pierwszy z dwóch artykułów zawiera przegląd narzędzi, a następny zawiera kilka wskazówek i technik usprawniających proces tworzenia szkieletów.

Czy tworzysz szkielet z fajerwerkami?

Do ciebie: czy robisz wireframe'y z Fireworks? Jeśli tak, podziel się swoimi ulubionymi samouczkami, zasobami i / lub szablonami w sekcji komentarzy poniżej.