Hoe maak je een draadframe



Terwijl niet elk project een draadframe moet, kunt met behulp van een voor de bouw van een design lay-out u uw client op inhoud stroom vroege goedkeuring verkrijgen zonder het afleidende hen met kleur en textuur. U kunt met de wireframes ook brainstormen over de functionaliteit en de Stichting van uw ontwerp. U kunt gemakkelijk een wireframe maken in uw programma voor het bewerken van afbeeldingen, of gebruik een veelheid van online tools en grafische kits.

Voordat u begint

  • Beslissen welke elementen zullen aanwezig zijn in uw ontwerp. Gemeenschappelijke elementen op te nemen zijn: navigatie, inhoud, widgets of functie dozen, afbeeldingen en knoppen. Een voorbeeld van een lijst die u zou kunnen maken zou omvatten: navigatie, schuifknop voor afbeeldingen, inleiding vakken, sociale netwerk pictogrammen, laatste artikel links en een copyright/voettekst

  • Het bepalen van de breedte van uw ontwerp waarmee u beginnen wilt. Afmetingen van de standaard lay-out zijn 960px, 980px en 1020px, maar een voordeel van de wireframe is dat je experimenteren met de omvang van uw elementen kunt totdat alles er goed uitziet.

  • Kies een methode voor het maken van uw draadframe. Maken van een draadframe met de hand kan zijn de gemakkelijkste, maar het kan niet vertalen goed naar een digitaal bestand dat kan worden gebruikt als een nauwkeurige blauwdruk voor uw composiet. Software programma's zoals Adobe Photoshop, Illustrator of InDesign zijn niet echt optimaal is voor het maken van wireframes ofwel, maar ze verzekeren maximale compatibiliteit met uw composiet of daadwerkelijke ontwerp. De laatste optie is het gebruik van een framing-instrument, waarvan er verscheidene samenwerking en exporteren naar ontwerp-vriendelijke formaten.

Een draadframe zelf samenstellen

  • Maak een nieuw document dat op ten minste 1680px breed en hoog 980px. U zal zitten kundig voor ogen hoe uw ontwerp en de schaal eruit zien zal wanneer gepresenteerd in een webbrowser als uw werkruimte groter dan uw ontwerp is. Als u met de hand tekent, indien mogelijk, Raster papier gebruiken waar een vierkant is gelijk aan 10 pixels. Zonder een raster, één inch naar 100 pixels te converteren.

  • Eerst een gecentreerde rechthoek met behulp van de breedte en de hoogte van uw startende afmetingen van de lay-out, die als uw eerste frame fungeren zal maken. Tekenen van elk element in de gewenste positie met behulp van eenvoudige vormen en grijstinten. Als softwarematig, zoek draadframe en UI grafische kits van pas komen in dit stadium, u te voorzien van standaard elementen die u in uw draadframe zoals pictogrammen, tekstvakken plaatsen kunt, bars, menu's, enzovoort.

  • Label elk element duidelijk met nette handschrift of een schreefloos lettertype. Als u opnemen van afmetingen wilt, doen met behulp van een lichte kleur gestippelde lijn buiten het element en zorg ervoor dat het element vertegenwoordigt de gelabelde pixels nauwkeurig.

  • Ontwerpnotities toevoegen in de marge of houd ze in een apart bestand te presenteren naast de draadframe. Uw ontwerpnotities bijvoorbeeld ideeën met betrekking tot kleur, functionaliteit, of het doel van de elementen binnen het draadframe. Als een softwareprogramma gebruikt, controleert u of de notities zijn onopvallend en duidelijk betrekking hebben op de gelabelde elementen op naam of nummer.

  • Sla het bestand als JPG voor maximale compatibiliteit met wat software die uw klant gebruiken kan om het te bekijken. Als met behulp van software die lagen ondersteunt, een gelaagde kopie opslaan voor jezelf zo kunt u gemakkelijk elementen later wilt bewerken of deze draadframe opnieuw als een sjabloon gebruiken voor een ander project. Als u trok uw Draadframe met de hand, zal u moeten scannen van de afbeelding en het formaat aan te passen de accurate weergave van de ingestelde afmetingen kun je.

Een draadframe softwarematig Wireframe maken

  • Eerst de afmetingen van uw belangrijkste lay-out, die als uw primaire frame fungeren zal maken. Meeste draadframe-software wordt geleverd met standaard lay-out maten om uit te kiezen. Gebruik een licht gekleurde of transparante achtergrond.

  • Slepen en neerzetten of toevoegen van elementen uit de meegeleverde bibliotheken in het hulpprogramma. Dingen in gedachten te houden zijn witte ruimte, inhoud stroom en de beoogde gebruikerservaring. U kunt de omvang en de grootte van de elementen in deze hulpprogramma's aanpassen door hun dimensie grepen te slepen.

  • Label elk element duidelijk door te klikken op de tekst van het label binnen elk element en te typen van een naam of nummer. Als u opnemen van afmetingen wilt, doen met behulp van een lichte kleur gestippelde lijn buiten het element en zorg ervoor dat het element vertegenwoordigt de gelabelde pixels nauwkeurig. Sommige gereedschappen framing zal dit voor u automatisch doen.

  • Ontwerpnotities overeenkomt met elk element in de marge of in een apart document toevoegen. Uw ontwerpnotities bijvoorbeeld ideeën met betrekking tot kleur, functionaliteit, of het doel van de elementen binnen het draadframe. Als een softwareprogramma gebruikt, controleert u of de notities zijn onopvallend en duidelijk betrekking hebben op de gelabelde elementen op naam of nummer.

  • Exporteren of opslaan van het bestand als een PDF of JPG, zodat uw klant kan gemakkelijk bekijken. Als uw gekozen draadframe tool samenwerking ondersteunt, is het een goed idee om uit te nodigen uw cliënt inloggen en commentaar achterlaten.

  • Gerelateerde Artikelen

    Hoe maak je een Lampion van draad

    Hoe maak je een Lampion van draad

    Maken van uw eigen Lampion draad kunnen een gemakkelijke manier om het uiterlijk van uw leefruimte wijzigen zonder de uitgaven veel geld. Of u zijn versieren voor een speciale gelegenheid of een aankomende partij of gewoon wilt uw kamer een facelift
    Hoe maak je een vak tuin

    Hoe maak je een vak tuin

    Een reis naar de ijzerhandel is allen die het neemt voor een weekend DIYer om te bouwen van een tuin doos. Of u nu op zoek bent om een kleine kruidentuin planten of wilt beginnen met het kweken van eigen groenten, zijn de stappen in principe hetzelfd
    Hoe maak je een deken van Canvas Drop doek

    Hoe maak je een deken van Canvas Drop doek

    De rug van een gebied toe te voegen aan een ruimte is de perfecte manier om toe te voegen warmte en karakter aan uw huis, maar ze kunnen prijzig. Als u op zoek bent naar een goedkope, niet-ontwijkend oplossing - proberen het maken van een drop-doek-v
    Hoe maak je een pompoen uit klei

    Hoe maak je een pompoen uit klei

    Zelfs als je niet een fan van Halloween decor, zijn pompoenen nog steeds een fantastische manier om te genieten van de wisseling van de seizoenen terwijl iets leuk en feestelijk aan uw huis toe te voegen voordat we trek het klatergoud en kerstballen.
    Hoe maak je een mooie pols Corsage

    Hoe maak je een mooie pols Corsage

    Een populair alternatief voor een traditionele corsage is een pols-corsage, met name voor vrouwen die niet willen steken pinnen via hun jurken. Pols corsages heten ook schoudertasje corsages of armband corsages, afhankelijk van wat de bloemen zijn ve
    Hoe maak je een moestuin

    Hoe maak je een moestuin

    There's something about die hap van een groen-markt tomaat, dat maakt je vastbesloten om te groeien uw eigen! Het kweken van uw eigen groenten lijkt bijna uitvoeren magic--ze komen kijken als de groenten in de catalogus, maar geen catalogus kunt besc
    Hoe maak je een Herfstblad bladwijzer

    Hoe maak je een Herfstblad bladwijzer

    Herfst blad bladwijzers maken een mooie herinnering van de visuele pracht van de natuur. Maak een natuur wandeling op een mooie herfstdag en enkele gebladerte verzamelen van lokale bomen of van de bladeren die zijn gevallen op de grond. Dan het seizo
    Hoe maak je een Roll-Up projectorscherm

    Hoe maak je een Roll-Up projectorscherm

    Als je hebt gekeken naar het opzetten van een theater projector voor uw huis, hebt u waarschijnlijk opgemerkt dat projectoren niet goedkoop zijn. Nog meer geld voor het kopen van een scherm niet mogelijk voor veel mensen. Gelukkig, het is niet erg mo
    Hoe maak je een pakking

    Hoe maak je een pakking

    Een pakking is meestal te vinden in een motor. Pakking grootte en vormen zijn sterk afhankelijk van hun doeleinden. Wanneer een motor worden gerepareerd moet, zal de pakkingen niet kunnen opnieuw worden gebruikt. Bij aankoop van een pakking, u vinden
    Hoe maak je een automatische hond Feeder

    Hoe maak je een automatische hond Feeder

    Een automatische hond feeder is een erg handig ding voor hondenbezitters. Kan het een goede manier om ervoor te zorgen uw hond altijd heeft voedsel beschikbaar, en is een goede voeding oplossing voor wanneer u weg van korte trips bent. Gelukkig hoeft
    Hoe maak je een honkbal-tabel

    Hoe maak je een honkbal-tabel

    Een honkbal-tabel maakt een grote toevoeging aan een jonge de behoefteonderbrekingen fan's slaapkamer of huis's recreatieruimte. Het is gemakkelijk om te maken, goedkoop en zeker te zijn van een origineel in de ogen van uw gasten. Bouwen van een honk
    Hoe maak je een Maxi jurk in een Mini hoeveelheid tijd

    Hoe maak je een Maxi jurk in een Mini hoeveelheid tijd

    Beroemdheden liefde hun Maxi Jurken, dus ik zal je laten zien hoe maak je een Maxi thuis super snel en super goedkoop! Ja... Ja... Ik weet het is herfst dus gebruik warmer stoffen en kleuren, dragen met stevige vest en wikkel met dikke aardse gordel
    Hoe maak je een stof bedekt Bulletin Board

    Hoe maak je een stof bedekt Bulletin Board

    Hoe maak je een stof bedekt Bulletin Board. Er is geen behoefte om te kopen van een bulletin board, wanneer kunt u uw eigen! Uw eigen prikbord maken is leuk, en u mag zo creatief zijn als je mee wilt. Ontwerp uw bord om te worden van elke grootte en
    Hoe maak je een Kerstboom Ornament

    Hoe maak je een Kerstboom Ornament

    Hoe maak je een Kerstboom Ornament. Deze kerstboom ornament is een boom gemaakt van ornamenten. U zal het plaatsen van de ornamenten op een piepschuim bal, en deze als giften aan uw vrienden en familie kunnen worden gegeven. Zelfgemaakte cadeautjes w