Główna » UI / UX » Darmowe zestawy graficznych szkiców do projektowania stron internetowych i aplikacji mobilnych - najlepsze z nich

    Darmowe zestawy graficznych szkiców do projektowania stron internetowych i aplikacji mobilnych - najlepsze z nich

    Wielu projektantów szybko przeskakuje z Adobe Photoshop w cudowną krainę Sketch. Ten cyfrowy program do projektowania dla OS X zapewnia lepsze narzędzia do projektowania interfejsu użytkownika, projektowania ikon, i oferuje obsługę pikseli + wektor w jednym programie. Doprowadziło to do wzrostu popularności gratisy wydane przez projektantów Sketch.

    Każdy, kto zna rynek freebie, wie, że zestawy interfejsu użytkownika są jednymi z najbardziej popularnych zasobów do projektowania interfejsów. Opracowałem ten zestaw darmowych zestawów UI Sketch dla stron internetowych i aplikacji mobilnych. Każdy zestaw można pobrać bezpłatnie i powinien działać z każdą wersją Sketch. Nie krępuj się złapać wszystko, co wpadnie ci w oko i sprawdź, czy możesz dobrze wykorzystać te zestawy interfejsów.

    Zestawy interfejsu użytkownika

    Strony internetowe są nadal siłą napędową projektowania interfejsu użytkownika, a makiety są często wymagane przed kodowaniem. Te zestawy interfejsu użytkownika zapewniają zasoby potrzebne do tworzenia cyfrowych interfejsów piękna i celu, które można szybko zakodować w prawdziwe układy witryn.

    Dark UI Kit

    Ten czysto ciemnoszary / niebieski zestaw interfejsu użytkownika został stworzony specjalnie dla Szkic 3+ i zawiera wspólne elementy, takie jak przyciski, suwaki, listy rozwijane i przełączniki. Każdy element ma również stan włączenia / wyłączenia dzięki czemu można budować elementy interfejsu za pomocą dostosowanych stanów interaktywnych.

    Dark & ​​Light UI Kit

    Oto wyjątkowy zestaw, który pasuje do szerszej publiczności w ciemnym i jasnym stylu tła. Ten zestaw koncentruje się bardziej na widgety stron zamiast prostych elementów, znajdziesz wiele innych niejasnych przedmiotów ładowanie barów i odtwarzaczy multimedialnych.

    Letni zestaw interfejsu użytkownika

    Ten letni zestaw interfejsu użytkownika jest pełen przyciski, formularze, listy rozwijane, oraz inne bardzo popularne elementy strony do ulepszania cyfrowych makiet. Dodatkowo jest to w pełni warstwowy dokument Szkic, dzięki czemu nie będziesz mieć problemów z wprowadzaniem zmian w treści w razie potrzeby.

    Zestaw Pearl UI

    Zestaw Pearl UI ma bardzo prostą płaską konstrukcję z podstawowymi elementami strony. Przyciski, pola wprowadzania, akordeony i tabulatory to tylko niektóre z dostępnych opcji. Jeśli jesteś zupełnie nowy w szkicowaniu, ten zestaw może być pomocny w dekonstrukcji, jak zaprojektować własny zestaw.

    Układy strony docelowej

    Ten dość niejasny freebie działa najlepiej podczas etap szkieletowy. Układy te nie są w pełni renderowane w programie Sketch, ale oferują układy o niskiej wierności ze statycznymi elementami bloku. Kolory, kształty i rozmieszczenie tych układów powinny pomóc każdemu projektantowi interfejsu użytkownika lepiej zrozumieć proces tworzenia szkieletów.

    Zestaw interfejsu użytkownika aplikacji internetowej

    Bardzo prosty zestaw interfejsu użytkownika oparty na temat Tesli pojazdy silnikowe, to freebie jest o wiele bardziej szczegółowe niż reszta. Masz dostęp do proste przyciski ale także mają bardziej złożone elementy interfejsu, takie jak szczegółowa lista tabel i widżet kalendarza.

    Elastyczny zestaw interfejsu użytkownika

    Jest to niewątpliwie jeden z najbardziej rozbudowanych zestawów interfejsu użytkownika, jaki znajdziesz w Sketchu. Liczy się strona demonstracyjna na żywo 25+ różnych rodzajów elementów z suwaki obrazu do formularzy kasowych i komentarzy użytkowników. Zdecydowanie jeden z najfajniejszych i najbardziej przydatnych zestawów szkiców, które znajdziesz w sieci.

    Interfejs użytkownika Bootsketch

    Projektanci interfejsu użytkownika często nie są brani pod uwagę, jeśli chodzi o frameworki, dlatego ten darmowy program jest gratką. Ten zestaw Bootsketch zawiera elementy wektorowe dla każdego istniejącego elementu Bootstrap. To sprawia, że ​​tworzenie szkiców w stylu Bootstrap jest bardzo łatwe, nawet bez dotykania przeglądarki.

    Tiny Flat UI Kit

    Ten zgrabny zestaw interfejsu użytkownika przenosi się z płaskiej konstrukcji na objąć estetykę gradientów i głębokości w elementach strony. To zabawny zestaw do wykorzystania w każdym projekcie i pokazuje, że wszystko, co możesz zrobić w Photoshopie, jest równie możliwe w Sketchu.

    Więcej

    Jeśli szukasz więcej alternatyw, rzuć okiem na tę małą listę zestawów internetowych UI poniżej.

    • Marble UI Kit
    • Zestaw elementów biblioteki bibliotecznej Elements
    • Świeży zestaw interfejsu użytkownika
    • Zestaw Dink UI (przykładowy)
    • UI Kit for Web and Mobile

    Zestawy mobilnego interfejsu użytkownika

    Miłość do rodzimych aplikacji mobilnych stale rośnie, ponieważ coraz więcej osób przenosi się do gospodarki mobilnej. Mimo, że liczba pobrań aplikacji spada, nadal istnieje zapotrzebowanie na interfejsy wysokiej jakości dla natywnych aplikacji w celu uzupełnienia aplikacji komputerowych. Te bezpłatne zestawy UI Sketch pomogą Ci zaprojektować wysokiej jakości aplikacje mobilne dla wszystkich urządzeń, jednocześnie zachowując różnice między ekranami rozdzielczości i siatkówki.

    Zestaw iOS 9.3 UI Kit

    Ciągłe dążenie Apple do większej innowacyjności pompuje nowy mobilny system operacyjny prawie każdego roku. Obecny trend to iOS 9 i ten zestaw interfejsu użytkownika zawiera wszystko, czego potrzebujesz do natywnych aplikacji na iOS.

    Zestaw szkieletowy Salesforce1

    Salesforce1 to popularna aplikacja do zarządzania pulpitami klientów i klientów. Ten zestaw Salesforce1 UI oferuje wszystkie typowe elementy swojej aplikacji iPhone do majsterkowania i ponownego wykorzystania ich estetyki projektu.

    Szablon mobilnego UX

    Czy obecnie prototypujesz mobilny UX na aplikację na iPhone'a lub Androida? Wtedy ten szkic Freebie z pewnością ułatwi Ci wykonanie tego modelu szkieletowego. To darmowa droga rozpocznij fazę wireframing / prototyping na ekranie cyfrowym.

    Aplikacja społecznościowa iOS UI Kit

    Od Snapchat do Pinteresta, w ciągu ostatnich kilku lat zyskały na popularności dziesiątki sieci społecznościowych. Pomocny może być ten społeczny zestaw interfejsu użytkownika uruchom następną główną aplikację społecznościową i szybko skalować szerokiej publiczności użytkowników iPhone'a.

    Zestaw szkieletowy księżyca

    Ten zestaw do kreślenia na Księżycu to świetna mieszanka renderowane interfejsy ze skośnym kierunkiem. Zestaw zawiera 50 unikalnych ekranów aplikacji mobilnych, które można dostosować i zmienić w dowolnym projekcie. Możesz użyć zestawu Moon UI do podstawowego szkieletu lub do kompletnych makiet UI.

    Zestaw aplikacji do obsługi podróży

    Oto ciemny, ale piękny zestaw interfejsu użytkownika oparty na a aplikacja podróżna dla użytkowników Sketch 3+. Jest przeznaczony dla każdego, kto chce się zabawić w locie lotniczym lub koncepcji mobilnej aplikacji podróżniczej.

    Instagram UI Kit

    Aplikacje mobilne do udostępniania zdjęć nasycają rynek, a niektóre aplikacje zawierają nawet funkcje udostępniania zdjęć uzupełniające główny cel aplikacji. Dlatego wspaniale jest mieć ten darmowy zestaw Instagram UI dostępny dla projektantów Sketcha, aby odtworzyć funkcjonalność zdjęć we własnych projektach. Jest to podstawowy pakiet koncepcji interfejsu użytkownika aplikacji iOS.

    Więcej

    W tym poście jest o wiele za dużo zestawów GUI, ale nie mogę też zostawić żadnych dobrych. Więc jeśli potrzebujesz jeszcze więcej mobilnych zasobów szkicu, zajrzyj do tych alternatyw.

    • Zestaw tras do interfejsu użytkownika
    • iOS 7 UI Kit Light
    • Zestaw szkieletowy Uber iOS
    • Photo Splash iOS UI Kit
    • Zestaw Phoenix UI - Vol 1