Deze week in ontwerp: 12 september 2014
Een essentieel onderdeel van wat iemand verbindt met design is emotie en gevoel. En dit zijn twee dingen die moeilijk te voorspellen, beschrijven en ontwerpen zijn. Maar er zit een beetje wetenschap achter emotie en gevoel en waarom je op een bepaalde manier zou kunnen reageren, en dat is onze focus deze week in design.
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].
Hoe lettertypen u laten voelen
Typografie heeft een wetenschap. Meer specifiek is er een wetenschap over hoe lettertypen je kunnen laten voelen. The Next Web kijkt goed naar de invloed van type op u en wat ontwerpers kunnen doen om het type beter te beïnvloeden in "The Science Behind Fonts (And How They Make You Feel)".
De wetenschap opsplitsen is eenvoudiger dan je zou denken:
- Denk na over hoe je leest. (Het is een natuurlijk patroon!)
- Bedenk hoe u zich voelt door de juiste lettertypen. (Ze komen overeen met de toon van wat je leest.)
- Denk na over hoe de lay-out je voelt. (Als elementen op een manier worden geplaatst die de tekststroom niet verstoort, ben je gelukkiger.)
- Denk aan culturele associaties met lettertypen. (Belettering kan je vertegenwoordigen of helpen om je te verhouden tot andere objecten of items.)
Maar wat kun je doen met deze informatie? Hoe kun je het gebruiken om te ontwerpen met lettertypen die associëren met een beter gevoel? Typografie begrijpen is de plek om te beginnen. Het kennen van de basis zoals categorieën van lettertypen (serif, sans serif, script en decoratief) en principes van leesbaarheid en leesbaarheid zijn een goed begin.
Maar er zijn nog een paar andere dingen die u kunt doen:
- Kies lettergroottes groter dan 12 punten. "Veel ontwerpers vermelden dat het 16pt-lettertype het nieuwe 12pt-lettertype is."
- Houd rekening met de lijnlengte. Merk op dat de ideale lijnlengte voor een desktopwebsite tussen 50 en 75 tekens valt.
- Besteed aandacht aan de afstand. Zorg ervoor dat er voldoende ruimte tussen de tekstregels is om het lezen te vergemakkelijken.
CSS-vormen begrijpen
De vorm van een afbeelding of tekstblok kan ervoor zorgen dat je er iets over voelt. De vorm geeft ook aanvullende informatie over een element, het gebruik en de functie ervan in het totale ontwerp. Maar vormen maken voor webprojecten was niet altijd gemakkelijk, vooral niet met complexe afbeeldingen.
CSS-vormen bieden een oplossing voor dat probleem. "De meeste websites houden zich aan een simpele mal: inhoud binnen rechthoeken passen binnen andere, grotere rechthoeken, iets dat de meeste gebruikers waarschijnlijk saaier vinden dan verbluffend", schrijft Zack Rutherford voor UX Magazine. “CSS-vormen daarentegen bieden meer vrijheid aan ontwerpers die hun inhoud willen contouren binnen of rond interessante en visueel aantrekkelijke parameters.”
Maar wanneer moet u CSS-vormen gebruiken in uw projecten. Het antwoord staat in het artikel 'Symmetrie, grootte, snelheid en CSS-vormen'.
Er is een behoorlijk overtuigende lijst met redenen waarom je naast het plezier ook met CSS-vormen zou moeten werken.
- Nieuwigheid: "De mogelijkheid om tekst te wijzigen om in krappe ruimtes te persen of, als alternatief, uit te breiden naar grotere reeksen, biedt ontwerpers meer vrijheid bij het samenstellen van hun lay-outs."
- Geavanceerde controle van gebruikersstromen: maakt het mogelijk om inhoud in figuren te vormen, tekst regel voor regel te verkleinen of tekst als vormen te gebruiken om andere pagina-elementen te benadrukken.
- Het vormgeven van inhoud vergemakkelijkt visuele verhalen: "De opties voor variabiliteit zodra je het idee van een ommuurde structuur voor je geschreven inhoud hebt afgedankt, zijn verbluffend."
- Symmetrie, grootte en snelheid: "CSS-vormen kunnen worden gebruikt om de vorm van uw inhoud te behouden, ongeacht de viewport, waardoor deze universeel symmetrisch is, om nog maar te zwijgen van RWD-vriendelijk."
Een lettertype ontwerpen
Lettertypen maken is niet zo eenvoudig als het tekenen van een paar letters op een servet. Het ontwikkelen van lettertypen en lettertypen is een proces dat uit meerdere stappen bestaat en waaraan u zich moet committeren. Maar zelfs zonder veel ervaring kun je je eigen lettertype maken.
Typeontwerper Tyler Finck heeft onlangs een video van 18 minuten en een artikel samengesteld voor Creative Market om je door het proces te leiden. "How to Make a Font" is een leuke manier om iets zelf te maken (maar je moet een Mac hebben voor deze tutorial).
En hoewel bijna iedereen het kan, moet je een beetje geduld en toewijding hebben. Een lettertype maken is niet zo eenvoudig als 1-2-3.
"Het maken van een goed en bruikbaar lettertype vergt oefening en veel uren", zei Finck in het artikel. 'Het is niet' moeilijk 'als je het graag doet, en de kans is groot dat je meteen weet of het iets is dat je graag doet. U zult waarschijnlijk herzieningen aanbrengen, mogelijk feedback van andere gebruikers opnemen, testen in verschillende omstandigheden (verschillende apps / print / web) en meer. ”
Als het maken van je eigen lettertype misschien niet jouw ding is, overweeg dan om een van Finck's creaties te downloaden. Hij is een professionele ontwerper sinds 2005 en had verschillende lettertypen beschikbaar op Creative Market.
Voor de lol
Eindelijk een visuele weergave van hoe programmeertalen aanvoelen. (En voor mij een zeer nauwkeurige.)
Bjorn Tipling peende en tekende een fonds kleine reeks in "Als programmeertalen wapens waren." De post gaat door elke programmeertaal en hoe deze zich verhoudt. De vergelijkingen zijn behoorlijk slim en herkenbaar.
"C ++ is een set van nunchuks, krachtig en indrukwekkend wanneer gehanteerd, maar het kost vele jaren pijn om te beheersen en vaak zou je willen dat je iets anders gebruikte", schrijft hij. Verder: "JavaScript is een zwaard zonder greep."
Zorg ervoor dat je gaat lezen. Het is erg leuk en misschien zelfs een geweldige pick-up voor de late namiddag.
