Deze week in ontwerp: 16 mei 2014
Deze week moet je proberen slimmer te worden. Dit is elke week waar, maar onze samenvatting van vandaag is gericht op tools, ideeën en items die ervoor zorgen dat je werkt en je net iets beter opgeleid voelt. Dat is waar de ontwerpgemeenschap voor staat, toch?
Elke week zijn we van plan om te kijken naar belangrijke productreleases en -upgrades, tools en trucs en zelfs enkele van de meest populaire dingen waar je het over hebt op sociale media. En we horen graag wat er in jouw wereld gebeurt. Hebben we iets gemist? Stuur me een bericht op [email protected].
"Type op scherm" uitgebracht
Ellen Lupton is de koningin van typografie. Haar nieuwste boek, "Type on Screen", is deze week verschenen en is net zo goed als je zou denken. (Het boek volgt haar typografiehandleiding, "Thinking with Type", oorspronkelijk uitgebracht in 2004.)
Ik heb al uren door het boek gekeken - wat je als papieren exemplaar wilt; het is mooi. De informatie wordt gepresenteerd op een gemakkelijk te volgen manier die werkt voor beginners of ervaren ontwerpers en bevat tal van praktische toepassingen.
Van de uitgever: “Deze praktische inleiding beslaat een breed scala aan technologieën, van elektronische publicaties en websites tot video's en mobiele apparaten, en biedt de nieuwste informatie die beschikbaar is om ontwerpers te helpen kritische creatieve beslissingen te nemen, waaronder het kiezen van lettertypen voor het scherm, hoe je mooie, functionele tekst en navigatie kunt stylen, hoe je animatieprincipes op tekst kunt toepassen en hoe je nieuwe vormen en ervaringen kunt genereren met op code gebaseerde bewerkingen. ”
De praktische toepassingen zijn legio. De voorbeelden en logica achter het type ontworpen voor schermen is gebaseerd op veel van de basisprincipes van typografie en wordt zowel met praktisch gebruik als met theorie uitgelegd en getoond in voorbeelden en met code.
De zes secties van het boek zijn onderverdeeld in categorieën die een breed scala aan digitale typografische toepassingen omvatten:
- Lettertypen op het scherm
- Tekst op het scherm
- Digitaal publiceren
- Type en interface
- Pictogrammen en logo's
- Animatie en code
En Lupton is de autoriteit als het gaat om typografie. Ze heeft 13 boeken over type en grafisch ontwerp in de Princeton Architectural Press-collectie en "Thinking with Type" heeft meer dan 150.000 exemplaren verkocht en is vertaald in 10 talen.
"Type on Screen" is absoluut de ultieme gids voor elke moderne ontwerper.
Bouw een betere mobiele site
Wat maakt een geweldige en zeer bruikbare mobiele website? Onderzoekers van Google en AnswerLab hebben onlangs een uitgebreide studie uitgevoerd om het antwoord te achterhalen.
Het resultaat is een lijst met 25 richtlijnen die worden nageleefd in "Principes van het ontwerp van mobiele sites: verras gebruikers en stimuleer conversies". Het algemene doel van de whitepaper is om makers van mobiele websites te helpen de beste ontwerppraktijken vast te stellen. Opgesplitst in vijf categorieën - startpagina en sitenavigatie, sitezoekopdracht, handel en conversies, formulierinvoer en bruikbaarheid en vormfactor - presenteert de studie een best-case studie en een pseudo-checklist voor webontwerpers.
Hier zijn de 25 dingen die u kunt doen om te helpen bij het ontwerpen van een beter mobiel internet. (Zorg ervoor dat u de hele whitepaper leest voor de logica achter elk principe en belangrijke afhaalrestaurants.)
- Houd calls-to-action centraal
- Houd menu's kort en krachtig
- Maak het gemakkelijk om terug te gaan naar de startpagina
- Laat promoties de show niet stelen
- Maak sitezoekopdracht zichtbaar
- Zorg ervoor dat de zoekresultaten op de site relevant zijn
- Implementeer filters om de bruikbaarheid van zoekopdrachten te verbeteren
- Leid gebruikers naar betere zoekresultaten
- Laat gebruikers verkennen voordat ze zich vastleggen
- Laat gebruikers aankopen als gast
- Gebruik bestaande informatie om het gemak te maximaliseren
- Gebruik click-to-call-knoppen voor complexe taken
- Maak het converteren op een ander apparaat eenvoudig
- Stroomlijn informatie-invoer
- Kies voor elke taak de eenvoudigste invoermethode
- Zorg voor een visuele kalender voor datums
- Minimaliseer vormfouten met labels en realtime validatie
- Ontwerp efficiënte formulieren
- Optimaliseer de hele site voor mobiel
- Laat gebruikers niet knijpen om te zoomen
- Maak productafbeeldingen uitbreidbaar
- Vertel gebruikers welke schermoriëntatie het beste werkt
- Houd gebruikers in één browservenster
- Vermijd "volledige site" -etikettering
- Wees duidelijk waarom u de locatie van een gebruiker nodig heeft
Wat gebeurt er met sociale media als je sterft?
Wat gebeurt er met Facebook of Twitter of Google+ nadat je weg bent? Veel plaatsen worstelen om wetten op de hoogte te brengen van technologie.
In de Verenigde Staten overwegen individuele staten "wetten op het gebied van digitale activa", die basisregels vastleggen voor de manier waarop dergelijke rekeningen worden behandeld na het overlijden van de eigenaar. Deze "digitale middelen" omvatten alle online accounts, e-mail, sociale media-profielen, blogs en online teksten en berichten.
In de kolom 'The Intersect' van de Washington Post zijn onlangs de wetten die op de boeken staan en de lopende wetgeving onderzocht. Maar het roept allemaal een grotere vraag op: moet u een plan hebben voor uw rekeningen? Of geef je er zelfs om?
Adobe Illustrator door de jaren heen
Net zoals bij het kijken naar oude foto's, kan het heel leuk zijn om door tientallen jaren populaire softwarelogo's en splash-schermen te kijken. The Next Web interviewde onlangs Adobe Senior Creative Director Russell Brown voor een kijkje in de geschiedenis van de beroemde grafische ontwerpsoftware.
Brown legt uit waarom Illustrator zo belangrijk is - het is het vectorformaat - en hoe de software in de loop van de tijd is veranderd. Bovendien toont het artikel jaren van splash-schermen vanaf de allereerste zwart-witte versie in 1987 tot de oranje hoekige vorm die hoort bij de huidige versie.
Het interview is ongelooflijk geïnteresseerd en geeft ons een glimp van wat sommige van de grote geesten in het veld denken. Het biedt ook context over het feit dat veel grafisch ontwerp en computerontwerp in relatief korte tijd zijn gekomen.
Voor de lol
Heeft u ooit een eenvoudig pictogram willen laten zien dat uw bedrijf een bepaalde betalingsmethode accepteert? Soms kan het gebruik van standaardlogo's voor elk type betaling onhandig - en behoorlijk kleurrijk - op het scherm worden.
Voer het betalingswebfont in van Orlando TM Merone. Het eenvoudige webfont bevat 34 glyphs voor de meest populaire betalingsopties. Van Visa en MasterCard tot PayPal en Bitcoin, dit type familie biedt u een eenvoudige bibliotheek met pictogramlettervormen.
Bekijk de lettertypefamilie of download deze gratis op Github.
