Najlepsza odpowiedź
Struktura interfejsu użytkownika pomaga przyspieszyć tworzenie aplikacji front-end.
Umożliwia to programistom aby zbudować piękną, responsywną aplikację na wiele urządzeń bez głębokich umiejętności technicznych i projektowych.
Weźmy przykład Bootstrap Framework (pracowałem nad tym) stworzonego przez programistę Twittera i zobaczmy, jakie funkcje zapewnia: >
1) Jest open source i darmowy.
2) Zbudowany na responsywnym układzie 12-kolumnowych siatek.
3) Stylizowane i ulepszone wszystkie podstawowe elementy HTML .
4) kompatybilność z prawie wszystkimi przeglądarkami.
5) możliwość dostosowania zgodnie z projektem twojego projektu.
6) Posiada dużą społeczność wsparcia.
Odpowiedź
Cześć, w tej chwili jestem użytkownikiem Sketch . Jak zapewne wiesz, Sketch stał się standardem branżowym i możesz znaleźć setki zasobów online, które usprawnią przepływ pracy. Jeśli chodzi o nowe narzędzia, to naprawdę zależy od Twoich potrzeb. Zgłoszę kilka nowych programów, które moim zdaniem warto wziąć pod uwagę:
- Figma – Ciągle śledzę to, co robią ci faceci. Wydawało się, że to narzędzie osiągnęło niezwykły poziom dojrzałości, znam wielu projektantów, którzy go używają i wygląda na to, że doskonale stworzyli pomost między projektantami a programistami przy użyciu technologii React Native . Dlaczego nadal go nie używam : jest to narzędzie internetowe, Figma nie oferuje pełnego offline , chociaż są już opracowane jako aplikacja komputerowa
- UX Pin – UXPin był przez długi czas uważany za narzędzie do tworzenia szkieletów. Jednak w ostatnich latach ulepszyli wiele szczegółów i używając go będziesz w stanie tworzyć piękne interfejsy. Jest potężnym narzędzie oferujące szeroką gamę gotowych bibliotek elementów i utrzymujące dokumentację projektu zawsze bez wysiłku. Twoi programiści naprawdę docenią sposób, w jaki udostępniasz swoje projekty z nimi. Dlaczego nadal go nie używam : również UXPin jest narzędziem internetowym, w tej chwili nie oferuje pełnego offline doświadczenie
- Invisio n Studio – zainstalowałem, integracja z ekosystemem Invision to duży plus. Co więcej, animacje i funkcje interakcji są naprawdę płynne. Dlaczego nadal go nie używam: style i inteligentne obiekty są nadal dalekie od szkicu, a także stabilność i wiele usterek interfejsu sprawia, że nie jest to nadal dojrzały produkt
- Framer and Framer X: To jest przyszłość. Wierzę, że wygrają zawody. Pełna integracja kodu i super obiecujące narzędzie do projektowania. Co więcej, możesz tworzyć i kodować wszelkiego rodzaju interaktywne prototypy, możliwości są nieograniczone. Jeśli rozważasz użycie Sketch, sprawdź te wtyczki:
- sprawdź tę wtyczkę , aby przekonwertować swój projekt na kod HTML i stworzyć animowane interakcje
- jeśli chcesz przekonwertować projekt szkicu na w pełni działające prototypy React, sprawdź tę nową wtyczkę o nazwie Sketch2React Jeśli chcesz dowiedzieć się więcej o narzędziach do tworzenia prototypów, przeczytaj tę recenzję , którą ostatnio zrobił mój kolega.