noBigWords

No i kolejny projekt popełniony. Magazyny i biura na wynajem w centrum Warszawy, na zlecenie Zarządcy, czyli AIG/Lincoln, dla firmy Alaris 2 sp. z o.o. Krótki, prosty projekt, nieco odświeżający poprzednią wersję z 2007 roku. W założeniu miała być tylko zmiana treści, ale ponieważ nie było dostępu do źródeł i praw autorskich, skończyło się na przerobieniu całości. Użyliśmy lekkiego szkieletu Flash, z doczytywanie wybranych treści z SWF (layout) i XML (treść). Inwestycja nie ma własnego systemu identyfikacji, co paradoksalnie utrudnia projektowanie, bo niby można wszystko… Dowolne kolory, dowolne czcionki. Jeden ze wstępnych pomysłów nawiązywał do poprzedniej wersji (B, ciemnoniebieski), drugi miał otwartą kompozycję i logotyp oparty na czcionce Garamond. Wspólne elementy to font Agency FB w tytułach i motyw magazynu — stosu paczek stworzony w świetnym Google Sketchup. Klient wybrał projekt A.

Żerań Park 1 - projekt wstępny www wersja A

Żerań Park 1 - projekt wstępny www - wersja B

Strona korzysta z map Google, pokazując centrum logistyczne w rzeczywistym otoczeniu Żerania, do wyboru — na mapie lub zdjęciu satelitarnym. Dzięki dobremu pokryciu Warszawy (co akurat nie dziwi) efekt jest czytelny i atrakcyjny.

Żerań Park 1 - strona 'Lokalizacja', wersja ostateczna

Oprócz samej strony powstała też ulotka A4 w PDF do pobrania, o tej samej treści.

W sumie już jakiś czas temu, ale nie było czasu zanotować :) Stronka 100% flashowa, z całą świadomością że eremici lynxa pogardzają takimi rozwiązaniami. Ludzie z Uhers Event Design zajmują się tzw. eventami, czyli organizacją rzeczy dookoła marketingu, motywacji, szkoleń, itd. Inspiracją była pokazana przez Artura Uchera strona ruchu na rzecz ugandyjskich dzieci, na tej kanwie zrobiliśmy broszurę, teraz stronę. Oba projekty dużo zawdzięczają zaangażowaniu Klienta, no i Getty Images — dzięki nim mogliśmy użyć fajnych fotek, choć kilka pochodzi też z fotolia.com.

rozkładówka broszury Uhers Event Design

strona WWW Uhers Event Design

Tu uśmiechną się wszyscy, którzy flasha uważają głównie za przyczynę buszujących po stronach www reklam. Nie wiem jak tam nowe narzędzia w FP10, ale dotąd rzeczywiście o obsłudze   (non-breaking space) w polu tekstowym deweloper Flash mógł pomarzyć. Nadal może, ale okazało się (Marcin okazał), że ów deweloper może skorzystać z fantastycznej możliwości wstawienia   zamiast niezłomnej spacji. Co to jest  ? Ano też spacja i też niezłomna. Tylko taka z czcionki – wystarczy otworzyć w windowsie Tablicę Znaków, piąty znak za małym “z”. Jeden kruczek, o którym trzeba pamiętać przy zaszywaniu podzestawu znaków, to że ten znak trzeba dołączyć. Kopiuj-wklej z Tablicy Znaków zadziała tu doskonale, bo z klawiatury ten akurat glif nie jest łatwy do wywołania.

Potem, żeby oszczędzić ręcznej redakcji tekstów, przyda się wyrażenie regularne do automatycznej podmiany zawieszek. O tym, w jakim języku zawieszki są błędem, a w jakim nie, nie będę tu pisał. Brzydkie są i z puchy im wali. A oto lekarstwo:

// zakładam, że oryginalny tekst do wstawienia mamy w zmiennej tekst1
var tekst1:String = 'wąska kolumna przeniesie o do następnej linii';
// ewentualna eksterminacja htmlowych marzeń, czyli zamiana   na spacje
var tekst2:String = tekst1.replace(' ', " ");	
// do rzeczy, czyli zamiana spacji po pojedynczych znakach otoczonych odstępami na niezłomną spację 
var tekst3:String = tekst2.replace(/\s+(\S)\s+(\S)/g, " $1 $2");			
// w tekst3 pojawi się: 'wąska kolumna przeniesie o do następnej linii'
// a na ekranie, zamiast   — niełamiąca spacja.