Jak szkicujesz swoje projekty i pomysły na iPhone? W tej chwili zamierzam rozpocząć kolejny projekt i chcę znaleźć sposób na przeniesienie moich pomysłów na ekran zamiast dobrego, staroświeckiego papieru.Jak szkicujesz swoje projekty i pomysły na iPhone?
Balsamiq ma doskonałe narzędzie do wykonywania makiet projektów interfejsów. Mają też pewne elementy iPhone'a. Jest wersja demonstracyjna online, którą zacząłem używać (po zobaczeniu odpowiedzi na inne pytanie SO) i do tej pory bardzo podobało mi się to doświadczenie.
po prostu utworzyć moje projekty w programie Adobe Fireworks za pomocą tego zestawu narzędzi makieta: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/
wygląda dobrze, ale niestety nie mam fajerwerki :-( Dzięki –
Omnigraffle działa dobrze
dla pierwszego etapu, nic nie pobije papier. Niezależnie od tego, jakiego narzędzia użyjesz, będzie to (miejmy nadzieję) dokładniejsze, na pewno. Ale czas na taką dokładność, a na początkowym etapie projektowania interfejsu użytkownika potrzebujesz szybkości wyższej niż dokładność.
Wykonuję projekty z kilkoma różnymi ołówkami na kartach indeksowych. Kiedy jestem usatysfakcjonowany, idę w dobrym kierunku, przyklejałem kartę do linijki i używam kamery mojego iMaca, aby zrobić im zdjęcie. Następnie konwertuję ją na B & W i robię prostą jasność/kontrast, aby spróbować jak najlepiej wyglądać i mam coś sensownego do cyfrowego przechowywania.
Wspaniałą rzeczą jest to, że mogę narysować surową kartę w niewiele więcej czasu, niż zajmuje to Save As, aby otworzyć się, jeśli dysk z Time Machine poszedł spać. :) Mogę zrobić ładną kartę w trochę więcej czasu. I jeśli kiedykolwiek chcę coś ładniej wyglądać, mogę edytować skan lub użyć go jako znacznika w innym programie.
(I wrzucić karty w workach ziplock przez projekt.)
bardzo ważny punkt! –
Chociaż rysunki wykonane z Balsamiq wyglądają rysowane ręcznie :-) – Eno
więc masz ani dokładności ani prędkości, Eno? Żartuję. Widzę zastosowanie w uzyskaniu nieznacznie lepszej wersji niektórych rysunków ręcznych. :) –
ja również tworzyć swoje projekty w programie Adobe Fireworks za pomocą makiet zestawy narzędzi można znaleźć wszędzie. Jeśli jesteś fanem Fireworks, powinieneś spojrzeć na bardzo ładne Fireworks Extension, które umożliwia podgląd twojej zaprojektowanej aplikacji na symulatorze iPhone'a opartym na AIR. Efekty przejścia, które są znakiem towarowym urządzenia mobilnego, są również wbudowane w rozszerzenie i można je zastosować do projektów.
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1786031#
jeśli jesteś już zaznajomiony z fajerwerkami makietach pokochasz to rozszerzenie.
najlepiej
Rob Rhyne'a za Briefs jest dobre dla wzornikiem doświadczenia użytkownika. Możesz grać w majtki przez telefon.
OmniGraffle. (http://www.omnigroup.com/products/OmniGraffle/) W połączeniu z różnymi szablonami iPhone, takimi jak: (http://graffletopia.com/stencils/413 i http://graffletopia.com/search/iphone), OmniGraffle tworzy świetny zestaw narzędzi.
Używam tych szablonów Photoshopa od Teehan i Lax ...
http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/
alt text http://www.teehanlax.com/blog/wp-content/uploads/iphonegui_3_0.jpg
lub dla całej listy iPhone i iPad wzorniki: http://emilychang.com/2010/03/ipad-templates-and-stencils/
alt text http://emilychang.com/blog/wp-content/uploads/2010/03/ipad-gui-550x327.jpg
Software jest atrakcyjna, ale będziesz skończyć spędzać więcej czasu zabawy z kolorami i ruchomymi rzeczami, niż zmniejszanie projektu/funkcjonalności. Potrzebujesz prędkości. Przy prędkości można przejść do programowania wcześniej niż później. Przyznam, że jeśli ostatecznie chcesz podzielić się projektem z kimś innym, to prawdopodobnie dobrym wyborem jest MockApp.
Oto co trzeba: (w kolejności preferencji)
http://technabob.com/blog/2009/09/28/notepod-paper-iphone-notepads/
lub
lub
http://thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/
Dzięki e bardzo dla ciebie szybka odpowiedź!
Po przetestowaniu zarówno Balsamiq, jak i MockApp doszedłem do wniosku, że MockApp daje mi dokładnie to, co chcę zaprojektować moje aplikacje, ponieważ widać dokładnie, jak to będzie wyglądać i jaką przestrzeń zajmie każdy element UI. . Również za pomocą Keynote lub Powerpoint możesz pójść o krok dalej i połączyć wszystkie przyciski, aby stworzyć skuteczną prezentację swoich pomysłów, jeśli będziesz musiał przedstawić takie rzeczy, chociaż jest to trochę bardziej czasochłonne i dla mnie nie wymagaj tego, ale miło wiedzieć, że tam jest!
Balsamiq to nieco szybsze i łatwiejsze w użyciu narzędzie, ale ma mniej komponentów UI i pozwala uzyskać szkicowy wygląd, który wydaje się fajny, jeśli chcesz tworzyć szybkie obrazy planszowe z pomysłem na aplikację, ale dla rzeczywistego projektu MockApp tworzy o wiele bardziej realistyczny wygląd, który moim zdaniem jest lepszy. Również Balsamiq kosztuje 79 $, jeśli chcesz więcej niż tylko demo.
Powodem, dla którego wybrałbym MockApp nad wszystkimi innymi rozwiązaniami jest to, że założyłbym, że większość ma już powerpoint lub keynote na swoim komputerze w porównaniu do Photoshopa lub Fireworks, chociaż jestem pewien, że jeśli masz te aplikacje na swoim komputerze, to może lepiej je wykorzystać. Również MockApp jest bezpłatny/tweet-ware, zobacz stronę MockApp po więcej szczegółów.
Nadzieja to pomaga
Dan
PS: Muszę jeszcze spróbować OmniGraffle, to jest na mojej liście!
Oprogramowanie jest przydatne i może być bardziej wydajne, ale czasami uciec od ekranu jest dobrym sposobem na zwiększenie koncentracji na projektowaniu, a nie na implementacji. I nic nie przyciąga tak wielu "fajnych!"Komentarze jak mój stali nierdzewnej wzornika iPhone:
Design Commission Stainless Steel iPhone UI Template
nie używam drukowanego obrazu zapewniają one jednak wykonane mój własny z obniżonej alfa przechwytywania ekranu z symulatora
chciałbym mieć. powiedzieć mockapp lub OmniGraffle w momencie
nie przegap tej jednej mniej Kod:.. http://lesscode.co.nz/interface
to pozwala zaprojektować prawo na iPhone z iOS rodzimych komponentów
Zajmuję się tworzeniem narzędzia wireframing WireframeSketcher, które pozwala tworzyć makietę iPhone'a za pomocą szablonu zewnętrznego. Możesz także łączyć ekrany, aby symulować interaktywność.
Użyłem tego, jest to całkiem niesamowite. –
Po prostu go pobrałem, będę musiał się z nim bawić, ale pierwsze wrażenia wyglądają świetnie! Dzięki. –