Aug 27, 2008 odsłon: 4,076 1 wypowiedź
Projektujemy wireframes — Balsamiq, Blend
Na blogu zdążyłem opisać kilka programów (w tym nawet wtyczkę do Firefox-a) wspomagających projektowanie serwisów WWW. Dzisiaj chciałbym opisać dwa kolejne.
MS Expression Blend
Nowa linia edytorów graficznych od Microsoft — Expression cieszy swoją funkcjonalnością i wyglądem. Co jest osobliwe temu produktowi — Microsoft wykupił gotowy produkt u niedużej hong-kongskiej firmy o nazwie Creature House, kupując wraz z produktem całą firmę
Można MS za to pochwalić — zazwyczaj chcą zrobić konkurencję już istniejącemu software.
Na uwagę w przypadku projektowania zasługuje program Expression Blend. Jej głównym zadaniem jest tworzenie wireframe-ów i prototypowanie, dlatego funkcjonalnie Blend jest lepszy od Axure Pro w szczególności do pracy z div-ami.
Plusy.
Dostępna jest spora biblioteka kontrolek różnego typu — przyciski, listy, textarea, radio-buttony, listy kontrolne i inne wygody. Istnieje też wsparcie pracy na warstwach, co powinno ucieszyć miłośników Photoshop-a i Gimp-a.
Po stworzeniu prototypu możliwy jest eksport, który wypluwa: html, xaml, pliki javascript. Są również wygodne narzędzia do pracy z prostymi kształtami — elipsy, kropki, wielokąty, linie.
Blend ściśle współpracuje z technologią MS Silverlight (konkurencja dla Adobe Flash), udostępnia prosty edytor plików JS. Atutem programu są animacje XAML, które pozwalają eksportować wyniki naszej pracy do html bez utratu jakości, także tworzona jest animacja przycisków i innych kontrolek, przy czym każdy plik XAML można wyedytować programiści VB lub C#.
Kolejnym plusem jest wygodna praca z narzędziami “czcionkowymi”. MS Blend nadaje się do projektowania aplikacji offline, może nie dużych, ale zawsze to coś.
A teraz minusy.
Głównym minusem (dla designerów) jest prawdopodobnie trudność programowania w XML-owych językach, gdyż kod wyjściowy trzeba dosyć często redagować. Wyjścia są dwa — albo pracować razem z webmasterem, albo nauczyć się XML
Koszt MS Blend to $499, co jest dosyć ciekawą ofertą jeśli mielibyśmy porównać do Axure Pro ($589) lub Adobe Photoshop CS3 ($1000).
Balsamiq mockups
Osobiście często projektuje interfejsy na tablice lub kartce papieru — na szybko, krzywo, często rysując różne strzałki i pisząc komentarze. Balsamiq Mockups rozszerza moje czynności.
Program jest dosyć prosty, posiada spory zasób gotowych elementów — przyciski, listy, przewijadła, chmura tagów itp., które Mac-owym “drag&drop” przeciągamy na pole pracy.
Zaprojektować za pomocą Balsamiq można wszystko, a całość będzie na “kartce papieru”. Czcionka swoją drogą jest bardzo trafnie dobrana — odręczne pismo…
Kto potrzebuje szybkości, niezłego wyniku pracy i prostoty — koniecznie musi skorzystać z tego programu. Pro licencja kosztuje $79, jednak dla blogerów czy dziennikarzy, po napisaniu w support możemy otrzymać licencję bezpłatnie.
Podsumowanie
Dla potrzebujących prostoty i szybkości działania polecam opisany wcześniej Pencil Project i Balsamiq Mockups.
Jeśli dodatkowo chcemy mieć prototypowanie, edytor kodu, javascript i inne funkcje — polecam zwrócić uwagę na nowy produkt MS Expression Blend. Biorąc pod uwagę to, iż wcześniej korzystałem z Axure Pro i MS Visio, warto się zastanowić
Tym czasem
1. Tomek Karwatka pisze o Unii Europejskiej, która coraz baczniej przygląda się e-commerce.
2. Marek Kasperski rozważa o UI wyszukiwarek.
3. Robert Drózd zastanawia się nad fundacją Wikimedia i 140 tyś. zł do wydania przez nią.
4. Venture Incubator wyjaśnia o modelu biznesowym w startup-ach.






> jednak dla blogerów czy dziennikarzy, po napisaniu w support możemy otrzymać licencję bezpłatnie.
Naprawdę, wzruszyłem się. Niezmiernie cieszy mnie, że ktoś potrafi coś udostępniać za darmo
.