We praten nu al bijna twee jaar over de tablet en het webontwerp, maar altijd als het consumentenapparaat waarvoor we ontwerpen. De tablet is echter niet alleen voor onze consumptie van websites, maar ook voor de creatie ervan door de beschikbaarheid van een heleboel geweldige designgerichte apps.
Van basisplannings-apps tot codereditors voor de ontwikkeling van uw site, de iPad heeft een mooie selectie en we zullen enkele van de beste vandaag presenteren.
Adobe Ideas is een digitale schetsboek-app van Adobe waarmee u inhoud op uw iPad kunt tekenen, inclusief met de hand gemaakte draadframes en andere planningsgeoriënteerde tekeningen. Adobe Ideeën is een geweldige app om gewoon op te schetsen, waar je ook bent, dit doet je natuurlijk met je vinger.
Adobe Ideas biedt alle basisgereedschappen, waaronder schuifregelaars voor grootte en dekking, voor uw merk. Voor een in-app-aankoop (die wordt aangeboden als een 'premiumfunctie', hoewel Adobe nu kosten in rekening brengt voor de basisapp), kunt u ook de laagfunctionaliteit gebruiken om uw tekeningen laag voor laag op te bouwen.
Adobe Ideas is een app van $ 5,99 beschikbaar in de App Store voor iPhone en iPad, hoewel voor lagen een in-app-aankoop van $ 0,99 is vereist.
Waar Adobe Ideas vooral een algemene schetsboek-app is, is iMockups iets veel specifiekers. Door zijn toepasselijke naam, kunt u waarschijnlijk raden dat iMockups een app is voor het maken van mockups en wireframes voor websites en iPhomne / iPad-apps.
Zoals bij veel wireframing-tools, bestaat het belangrijkste creatieproces uit het gebruiken van een aantal voorontwerpelementen en het rangschikken ervan op je canvas. Als je ze hebt ingeschakeld, kun je met modale bedieningselementen ze verplaatsen naar pixelperfectie met behulp van duwtjes of coördinaten.
iMockups is geweldig voor snelle wireframing, vooral als u niet achter uw bureau zit. Het is beschikbaar in de App Store voor $ 6,99.
Mocking Pad is een andere wireframing-app met een vergelijkbaar verhaal als iMockups. Met de app kunnen gebruikers een aantal elementen invoeren met het Marker Felt-style-lettertype dat synoniem is geworden met wireframing-apps.
Mocking Pad is $ 9,99 in de App Store.
OmniGraffle is een van de duurdere apps in de App Store, die $ 49,99 kost, en het draait allemaal om de planningsfase. OmniGraffle is een planningsapp voor het maken van diagrammen, diagrammen, wireframes en andere lay-outs die worden gepromoot als zeer aanpasbaar aan een heleboel verschillende situaties, waaronder web- en grafisch ontwerp. OmniGraffle gebruikt de multitouch-invoer van uw iPad om u te helpen alles te doen, van eenvoudige tekeningen uit de vrije hand tot uitgebreide, gestructureerde kaarten.
De app is beschikbaar voor $ 49,99 in de App Store. Houd er echter rekening mee dat beoordelingen kritiek hebben op exportbeperkingen en de bijna-vereiste om een Mac te hebben als u bestanden van de iPad wilt bewerken, omdat OmniGraffle niet beschikbaar is voor Windows.
Nog een wireframing-app voor iPad is SketchyPad. Net als alle andere kunt u met SketchyPad wireframes en plannen voor uw webontwerpen maken terwijl u onderweg bent op uw iPad. Hoewel het concept van de app grotendeels hetzelfde is als de andere, doet SketchyPad dat met een beetje meer kleur dan de monochrome elementen van de anderen.
SketchyPad staat in de App Store voor $ 4,99.
Nu gaan we naar de apps die u daadwerkelijk kunt gebruiken in de ontwerpfase van webontwerp. Dropbox is meer een hulpprogramma achter de schermen dat kan worden gebruikt voor het synchroniseren van inhoud tussen uw meerdere apparaten, zodat een document op uw iPad volledig kan worden gesynchroniseerd met uw computer en omgekeerd.
Dropbox is ook geïntegreerd in sommige van de andere apps op deze lijst, die een bijna-stille footprint hebben op uw workflow en toch de synchronisatie van uw documenten tussen apparaten vergemakkelijken.
Dropbox is een gratis app in de App Store en een gratis account geeft je 2 GB opslagruimte met betaalde, ruimere plannen beschikbaar.
Evernote is een app voor notering en archivering die niet webdesignspecifiek is, maar kan worden gebruikt in de werkstroom van een ontwerper. Bij webdesign kan Evernote een geweldige manier zijn om inspirerende beelden en ideeën op te slaan om later opnieuw te worden opgeroepen op een van je verbonden apparaten.
Deze iPad-app is op een hoop eervolle lijsten geplaatst, waaronder de "Top 10 Must-Have Apps" van de New York Times. Het is gratis beschikbaar in de App Store, met betaalde abonnementen beschikbaar voor hogere opslag en andere functies, waaronder offline notebooks.
Adobe Photoshop Express is een andere app van Adobe die minder gericht is op het maken van nieuwe afbeeldingen (zoals Adobe Ideas) en meer op het bewerken van bestaande afbeeldingen. Dat betekent dat, als u uw iPad als een webontwerpapparaat gebruikt, het heel eenvoudig is om een aantal lichte beeldbewerkingen uit te voeren, waaronder bijsnijden, rotatie, manipulatie van belichting / verzadiging en randen en effecten toepassen.
Adobe Photoshop Express is gratis beschikbaar in de App Store. Er is ook een in-app-aankoop van $ 4,99 die je het "Adobe Camera Pack" geeft, een set tools voor je telefoon / tablet / iPod-camera.
Textastic is een veelzijdige app voor tekstbewerking voor iPad, een app die ik veel gebruikte. Textastic bevat alle basisfunctionaliteit van een goede teksteditor, zoals syntax highlighting, regelnummering, lijn / karaktertelling, previews en meer.
Daarnaast is Textastic een van die apps die ik eerder heb genoemd met Dropbox-ondersteuning, zodat je op een site op je iPad kunt werken en deze kunt laten synchroniseren met je andere apparaten (en omgekeerd).
Textastic is beschikbaar in de App Store voor $ 9,99.
Net als Textastic is Gusto een applicatie voor het bewerken van code waarmee de iPad een echt productiviteitsplatform kan worden. Veel Mac-gebaseerde webontwerpers kiezen ervoor om Coda te gebruiken en Gusto deelt veel gelijkaardige functies, waaronder een "Sites" -systeem dat uw bestanden organiseert voor elk van uw verschillende producten.
Natuurlijk, net als Textastic, bevat Gusto alle basiskenmerken van een goede code-editor inclusief syntax highlighting, regelnummering enz. Gusto bevat ook ingebouwde ondersteuning voor bestandsoverdracht via FTP en SFTP, die een deel van de voordelen deelt die over een service worden gesynchroniseerd zoals Dropbox biedt.
Gusto is beschikbaar voor $ 9,99 in de App Store.
Goede typografie is een fundamenteel element van goed webdesign en alleen al om die reden zou Typography Insight in elke iPad-toolkit voor goede webontwerpers moeten staan. De app heeft een hele reeks tools om verschillende lettertypen uit te proberen en te vergelijken door middel van methoden zoals het typen van een lettertype, ze bekijken met verschillende zoomniveaus en meten.
De vergelijkingshulpmiddelen kunnen echter de beste functie zijn, maar u kunt lettertypen naast elkaar plaatsen en erbovenop om beter onderbouwde beslissingen te nemen over wat u in uw werk kunt gebruiken.
Typography Insight is relatief goedkoper dan andere apps op deze lijst en verkoopt voor $ 1,99 in de App Store.
CSS3Machine is een iPad-app voor het maken van CSS-stijlen en ze uit te proberen in een voorbeeld. Met de app kunt u verschillende CSS-stijlen maken, waaronder transformaties, verlopen en meer, en deze via WiFi overbrengen naar uw computer.
De app staat in de App Store voor $ 3,99.
.net is een webdesign en ontwikkelingsgericht magazine met onderwerpen als CSS, PHP, JavaScript en HTML5 geschreven door "veel van 's werelds meest gerespecteerde webontwerpers en creatieve ontwerpbureaus".
.net is een tijdschrift beschikbaar in de App Store, en de uitgaven zijn geprijsd op $ 6,99 of beschikbaar via abonnementsplannen voor drie maanden ($ 20,99), zes maanden ($ 34,99) en een jaar ($ 64,99).
Dus daar gaat u, dertien geweldige iPad-apps die op de iPad van een goede webontwerper zouden moeten staan! Als u suggesties heeft, kunt u deze in de opmerkingen achterlaten.