A drótváz egy weboldal vagy alkalmazás egyszerű bemutatása. Különösen hasznos egy termék korai szakaszában, mivel közvetíti a tervezési elképzeléseket. Talán még ennél is fontosabb, hogy a drótváz lehetővé teszi a felhasználói élmény tesztelését, még mielőtt a színekkel és a tipográfiával dolgozna.
A drótváz vázlatának legegyszerűbb és leggyorsabb módja a tollal és papírral való vázolás, de ez a mai digitális világban aligha produktív és hatékony. Hogyan lehet tehát gyorsan létrehozni egy hasznos drótvázlatot? A jó hír az, hogy mindössze egy digitális drótváz-készletre van szüksége. Még jobb hír, hogy vannak olyan drótváz-készletek, amelyek ingyenesek.
Azért, hogy megkönnyítsem a dolgát, összegyűjtöttem néhányat a legjobb Sketch drótváz-készletek közül a weben és mobilokon. Ezeket a készleteket ingyenesen letöltheted, és később más mobil és webes felületi projektjeidhez is újra felhasználhatod.
- Carbon – Material Sketch Wireframe Kit Resource
- Simple wireframe kit – Free Sketch wireframe kit web
- Savvy – Sketch iOS wireframe kit
- Moon – Sketch mobile wireframe kit
- Nolte – Wireframe kit v2 Sketch web
- Snap – Sketch wireframe UI kit iOS
- Teracy – Sketch wireframe kit iOS/Android
- Basic Wireframe Kit – Sketch app wireframe kit
- Atomic – Sketch wireframe kit for atomic design
- Lightweightweight – Sketch drótváz-készlet ingyen
- Wireframing Sketch Symbols Resource
- Fleetster – Wireframe kit sketch resource web
- Wireframing UX Kit Sketch
- Wireframe sablonok Sketch resource web
- Nolte – Sketch wireframe UX kit web
- Frames – Sketch UI kit desktop
- Platforma – Ultimate Wireframe Kit of 200+ Layouts for Sketch
- Information Architecture Kit – Wireframe UI kit for Sketch
- Wireframe for Sketch 3 Resource
Carbon – Material Sketch Wireframe Kit Resource
Designer: Panagiotis
Népszerűség: 63063 megtekintés és 20780 letöltés
A Carbon egy igazán szép és kiváló minőségű Material Design Wireframing Kit. 15 artboardból áll, jól strukturált és elnevezett rétegekkel, valamint rengeteg újrafelhasználható elemmel. A készlet ideális kiváló minőségű drótvázak és mockupok készítéséhez Android e-kereskedelmi alkalmazásokhoz.
Simple wireframe kit – Free Sketch wireframe kit web
Designer: Nicolaj Reck
Népszerűség: 38619 megtekintés és 18281 letöltés
A Simple wireframe kit egy ingyenes drótváz-készlet minden olyan elemmel, amire mindig is vágytál. Az összes elemet könnyedén átméretezheted anélkül, hogy elrontanád az arányokat.
Savvy – Sketch iOS wireframe kit
Designer: Megan Balaguer
Népszerűség: 102 kedvelés és 4,146 megtekintés
A mobilalkalmazásokat ugyanúgy drótvázolni kell, mint a weboldalakat, és a Savvy Sketch iOS Kit tökéletes az iPhone-alkalmazások tervezőinek. Ez az UI-készlet gyakran frissül új funkciókkal, a legújabb kiadás az iOS 11-re összpontosít. Rendkívül pontos, így a drótvázlatok könnyen átalakíthatók teljes alkalmazásokká. Ez a UI kit ingyenesen használható.
Moon – Sketch mobile wireframe kit
Designer: George Frigo
Népszerűség: 61890 megtekintés és 22344 letöltés
A Moon azzal tűnik ki, hogy 50 nézetet tartalmaz minden, az alkalmazás tervezésében használt elemhez, legyen szó storyboardról vagy alapvető drótvázról. A nézetek a következő kategóriákba tartoznak: Splash, Login, Menu, Settings, Gallery, Feed, List Items, Contact, Profile, Notifications, Comments, Stats és Cart. Ha e-kereskedelmi alkalmazáson dolgozol, a Moon a legjobb Sketch kit, amit használhatsz.
Nolte – Wireframe kit v2 Sketch web
Designer: Ben Balderas
Népszerűség: 4369 megtekintés és 1606 letöltés
Nolte a Brad Frost által készített atomic designon alapul, így ez a UX-készlet biztosan egyszerűsíteni fogja a drótvázlatkészítési folyamatot. Az előre elkészített molekulák segítségével gyorsan készíthetsz sablonokat. Alternatívaként saját molekulákat is készíthet a beépített atomok segítségével. Minden újrafelhasználható és jól szervezett a Sketch Symbols és Overrides segítségével.
Snap – Sketch wireframe UI kit iOS
Designer: Ivor Hook
Népszerűség: 83197 megtekintés és 35995 letöltés
A Snap egy gyönyörű és hasznos erőforrás, amelyet Jon Rundle kizárólag design hooks számára készített. A Snap egy Sketch drótvázlatkészlet, kifejezetten iOS-re. A Snap segítségével gyorsan leképezheted az alkalmazásod áramlását a szokásos iOS képernyőkön. A készlet olyan elemeket is tartalmaz, amelyek segítségével további képernyőket hozhatsz létre, amelyeket az igényeidhez igazíthatsz.
Teracy – Sketch wireframe kit iOS/Android
Designer: Anh Nguyen
Népszerűség: 312372 megtekintés és 48074 letöltés
A Teracy kifejezetten a drótvázlatkészítés folyamatának felgyorsítására készült. Ez a készlet alapvető UI-elemeket tartalmaz a webhez és a mobilokhoz. A jövőben más eszközökkel is bővülni fog. A Teracy segítségével szabadon és gyorsan tervezhet.
Basic Wireframe Kit – Sketch app wireframe kit
Designer: Micah Sivitz
Népszerűség: 8,671 megtekintés és 59 like a dribbble-en
A drótvázlatkészítés alapvetően egy nagyon egyszerű folyamat. Éppen ezért ez az alap drótvázlatkészlet remek választás a Sketch felhasználók számára. A készlet fekete-fehér sémájánál egyszerűbb már nem is lehetne. Minden eleme szépen illeszkedik bármilyen típusú és stílusú weboldalhoz. Bár hiányzik belőle néhány alapvető ikon, mint például a közösségi média, egyszerűsége miatt kihagyhatatlan erőforrás mindazok számára, akik eltávolodnak az Adobe szoftverektől
Atomic – Sketch wireframe kit for atomic design
Designer: Jolene Chichigeh
Népszerűség: 19860 megtekintés és 11140 letöltés
Atomic drótváz-készlet gyors drótvázak készítésére szolgál az atomikus/komponensalapú tervezési elvek alkalmazásával. Ha érdekel az atomi tervezés, akkor nagyon hasznos megközelítésnek fogod találni egy komplex rendszer tervezésénél. Az Atomic abban különbözik a többi drótváz-készlettől, hogy vizuális változatosságot biztosít, miközben az Atomic Design elvét követi.
Lightweightweight – Sketch drótváz-készlet ingyen
Designer: Elwin van den Hazel
Népszerűség: 5179 megtekintés és 1819 letöltés
Függetlenül attól, hogy alkalmazáson vagy webes projekten dolgozol, a Lightweight lehetővé teszi, hogy egyszerű drótvázakat készíts, Moduláris felépítésével az alkalmazás megkönnyíti a munkát. A készletről többet megtudhat Elwin GitHub-oldalán.
Wireframing Sketch Symbols Resource
Designer: Mariusz Ostrowski
Népszerűség: 38424 megtekintés és 12754 letöltés
Amint a neve is mutatja, ez a készlet olyan Sketch szimbólumokból áll, amelyeket drótvázlatkészítéskor használhatunk. A szimbólumok testreszabhatóak – például megváltoztatható a színük (a Color Adjust funkció segítségével) és az orientációjuk (Flip és Rotate). A Symbols elérhető iOS és Android rendszerre is.
Fleetster – Wireframe kit sketch resource web
Designer: Mauritius D Silva
Népszerűség: 4351 megtekintés és 1703 letöltés
A Fleetster egy flottakezelő, autómegosztó és bérleti felhőszoftver-vállalat, amelynek székhelye Münchenben, Németországban található. Forrásuk kiváló eszköz azoknak a tervezőknek, akik autókölcsönzéssel kapcsolatos projekteken dolgoznak. Az autókölcsönzés foglalási funkcióit szem előtt tartó drótvázak és mockupok készítése gyerekjáték a Fleetster segítségével.
Wireframing UX Kit Sketch
Designer: Mikolaj Dobrucki
Népszerűség: 17779 megtekintés és 9985 letöltés
Ez a fantasztikus drótváz-forrás egy rendkívül testreszabható UI drótváz-készlet, amelyet azért hoztak létre, hogy segítsen megtervezni és gyorsan elkészíteni komplex felületeket. A készlet több mint 300 előre definiált komponenst, szövegstílust és rétegstílust tartalmaz. Ez a fájl webes, iOS és Android elemek keverékét tartalmazza. Az elemek puszta száma ellenére nem fogsz összezavarodni, mert mindegyik szépen rendszerezve van. Sőt, az egyszerűség kedvéért az összes platformra egy menetben készíthet komponenseket.
Wireframe sablonok Sketch resource web
Designer: Devbridge
Népszerűség: 23664 megtekintés és 5709 letöltés
A Wireframe sablon nagyobb, összetettebb tervezési projektekhez készült, amelyek gyakran igényelnek nagy hűségű, megjegyzésekkel ellátott fedélzetet. Hatékony funkcióival időt takaríthat meg és elősegítheti a következetességet a szervezeten belül.
Nolte – Sketch wireframe UX kit web
Designer: Orcun Ilbeyli
Népszerűség: 35589 megtekintés és 15773 letöltés
A Nolte reszponzív felhasználói élményt kínál, ami nagyban hozzájárul a drótvázlatkészítés folyamatának hatékonyabbá tételéhez. Ez az eszköz újra és újra bebizonyította értékét, és sok sikeres tervező prototípuskészítési folyamatának részét képezi. Legyen szó termékközpontú szervezetről, szabadúszóról vagy ügynökségről, a Nolte kiváló racionalizáló eszköz.
Frames – Sketch UI kit desktop
Designer: Mariz Melo
Népszerűség: 47742 megtekintés és 15762 letöltés
Frames fejlődik Sketch újrafelhasználható drótvázas UI kit a projektjeidhez. A Frame egy kék drótvázlatkészlet, amely mind gyakorlati, mind esztétikai szinten teljesít. Ez egy újrafelhasználható készlet egyedi tervezésű elemekkel, amelyek pezsgést adnak drótvázlataihoz. Sőt, az elemek vektorok, így minőségromlás nélkül átméretezheted őket.
Platforma – Ultimate Wireframe Kit of 200+ Layouts for Sketch
Népszerűség: 222 Eladás
A Platforma egy 200+ drótvázas elrendezésből álló gyűjtemény, 15 népszerű tartalmi kategóriába osztva és gondosan összeállítva Sketchhez. Tökéletes eszköz interaktív prototípusok készítéséhez számos gyors drótvázlatkészítő eszközzel, például a Mockplus, Invision, UXPin stb. segítségével. Az ára azonban 68 dollár.
Information Architecture Kit – Wireframe UI kit for Sketch
Népszerűség: 42,155 megtekintés és 663 like
Ha egy egyszerű módszerre van szükséged egy alkalmazás alapvető funkcióinak és áramlásának bemutatásához, mielőtt belevágnál egy átfogó drótvázépítési fázisba, akkor ez a készlet a tökéletes eszköz. Illustrator és Sketch formátumban érhető el.
Mit kap:
- 250 sablon
- 500+ elem
- Vektor alapú, teljesen skálázható
- Metszetesen megtervezett
- Kompatibilis az Adobe CS6+ & Sketch 3+
Wireframe for Sketch 3 Resource
Designer:
Népszerűség: 25245 megtekintés és 5139 letöltés
Ez a drótvázkészlet a Sketch 3 eredeti drótváza alapján készült. Mivel teljesen ingyenes forrásról van szó, ez az eszköz kiválóan alkalmas kezdő projektekhez.
Itt van – a legjobb Sketch drótváz-készletek, amelyeket a következő projektjeidhez felhasználhatsz. Remélem, ezek az erőforrások inspirálni fogják Önt az innovációra és olyan dolgok létrehozására, amelyek egyszerre szépek és hasznosak.
A fent említett Sketch-sablonok mindegyike importálható olyan drótvázlatkészítő eszközökbe, mint például a Mockplus, egy gyors, Sketch-pluginnal rendelkező eszköz. Ezeket könnyen használhatja referenciaként, és testre szabhatja saját alkalmazásait.
A jobb valós idejű tervezési együttműködés érdekében a fent felsorolt összes Sketch-sablont (miután az összeset a saját igényei alapján megszerkesztette) importálhatja online tervezési együttműködési és átadási weboldalakba is, amelyek Sketch-pluginnal rendelkeznek. Ezután könnyedén gyűjthet visszajelzéseket és javaslatokat, zökkenőmentesen kommunikálhat a tervezőkkel, fejlesztőkkel és termékmenedzserekkel, és könnyedén átadhatja az alkalmazás terveit.
A jó együttműködés sokkal könnyebbé teheti az Ön és csapata számára a csodát.