Denne uken i design: 12. september 2014
En essensiell del av det som får noen til å knytte design er følelser og følelse. Og dette er to ting som kan være vanskelig å forutsi, beskrive og utforme. Men det ligger litt vitenskap bak følelser og følelse, og hvorfor du kanskje reagerer på en bestemt måte, og det er vårt fokus denne uken innen design.
Hver uke planlegger vi å se på viktige produktutgivelser og oppgraderinger, verktøy og triks og til og med noe av det mest populære du snakker om på sosiale medier. Og vi vil gjerne høre hva som skjer i din verden også. Har vi savnet noe? Slipp meg en linje på [e-postbeskyttet].
Hvordan skrifter får deg til å føle deg
Det er en vitenskap til typografi. Mer spesifikt er det en vitenskap om hvordan skrifter kan få deg til å føle deg. Neste nett har et flott blikk på hvordan typen kan påvirke deg og hva designere kan gjøre for å bedre innvirkningstypen i "The Science Behind Fonts (And How They Make You Feel)."
Å bryte ned vitenskapen er enklere enn du kanskje forestiller deg:
- Tenk på hvordan du leser. (Det er et naturlig mønster!)
- Tenk på hvordan de riktige skriftene får deg til å føle deg. (De stemmer overens med tonen i det du leser.)
- Tenk på hvordan oppsettet får deg til å føle deg. (Hvis elementer plasseres på måter som ikke forstyrrer flyten av tekst, er du lykkeligere.)
- Tenk på kulturelle assosiasjoner med skrifttyper. (Bokstaver kan representere eller hjelpe deg med å forholde deg til andre objekter eller gjenstander.)
Men hva kan du gjøre med denne informasjonen? Hvordan kan du bruke den til å designe med skrifttyper som assosieres med bedre følelse? Å forstå typografi er stedet å begynne. Å kjenne til det grunnleggende som kategorier av skrifttyper (serif, sans serif, manus og dekorativt) og prinsipper for lesbarhet og lesbarhet er en god start.
Men det er noen få andre ting du også kan gjøre:
- Velg skriftstørrelser større enn 12 poeng. "Mange designere nevner at 16pt font er den nye 12pt font."
- Vær oppmerksom på linjelengde. Legg merke til den ideelle linjelengden for et stasjonært nettsted faller mellom 50 og 75 tegn.
- Vær oppmerksom på avstand. Forsikre deg om at det er nok rom mellom tekstlinjene for å gjøre lesingen lettere.
Forståelse av CSS-former
Formen på et bilde eller tekstblokk kan få deg til å føle noe om det. Formen gir også tilleggsinformasjon om et element, dets bruk og funksjon i den generelle utformingen. Men det var ikke alltid like enkelt å lage figurer for nettprosjekter, spesielt med komplekse bilder.
CSS-former lager en løsning på det problemet. "De fleste nettsteder holder seg til en enkel form: montering av innhold på rektangler i andre, større rektangler, noe som de fleste brukere sannsynligvis vil finne på å være kjedeligere enn tankeløs, " skriver Zack Rutherford for UX Magazine. "CSS-former gir på den annen side større frihet til designere som ønsker å konturere innholdet i eller rundt interessante og visuelt tiltalende parametere."
Men når skal du bruke CSS-former i prosjektene dine. Svaret er i artikkelen "Symmetri, størrelse, hastighet og CSS-former."
Det er en ganske overbevisende liste over grunner til at du bør jobbe med CSS-former i tillegg til at det er morsomt.
- Nyhet: "Evnen til å endre tekst for å presse seg inn i trange rom, eller alternativt utvide til større områder, vil gi større frihet for designere å sette sammen layoutene."
- Avansert kontroll av brukerstrømmer: Gjør det mulig å forme innhold til figurer, redusere tekst linje for linje eller bruke tekst som former for å fremheve andre sideelementer.
- Forming av innhold letter visuell historiefortelling: "Alternativene for variasjon når du slipper ideen om en inngjerdet struktur for det skriftlige innholdet ditt, er svimlende."
- Symmetri, størrelse og hastighet: "CSS-former kan brukes til å opprettholde innholdet i form uavhengig av visningsområdet, noe som gjør det universelt symmetrisk, for ikke å nevne RWD-vennlig."
Designe en font
Å lage skrifter er ikke så enkelt som bare å tegne noen få bokstaver på et serviett. Font- og skriftutvikling er en flerstegsprosess som du må forplikte deg til. Men selv uten mye erfaring kan du kassere din egen font.
Typograf Tyler Finck har nylig satt sammen en 18-minutters video mindre og artikkel for Creative Market for å lede deg gjennom prosessen. “Hvordan lage en font” er et fint blikk på å lage noe på egen hånd (men du må ha en Mac for denne opplæringen).
Og mens nesten hvem som helst kan gjøre det, må du være klar til å ha litt tålmodighet og engasjement. Å lage en font er ikke så lett som 1-2-3.
"Å lage en god og brukbar font vil ta trening og mange timer, " sa Finck i artikkelen. “Det er ikke" vanskelig "hvis du elsker å gjøre det, og sjansen er stor for at du med en gang vil vite om det er noe du elsker å gjøre. Du vil sannsynligvis gjøre revisjoner, potensielt inkorporere tilbakemeldinger fra andre brukere, teste i en rekke omstendigheter (forskjellige apper / print / web) og mer. "
Hvis det å lage din egen skrifttype kanskje ikke er en kopp te, kan du vurdere å laste ned en av Fincks kreasjoner. Han har vært en profesjonell designer siden 2005 og hadde flere skrifttyper tilgjengelig på Creative Market.
Bare for moro skyld
Endelig en visuell fremstilling av hvordan programmeringsspråk føles som. (Og det er veldig nøyaktig for meg.)
Björn Tipling peppet og tegnet en liten fondssekvens i "Hvis programmering av språk var våpen." Innlegget går gjennom hvert programmeringsspråk og hvordan det forholder seg. Sammenligningene er ganske smarte og relatable.
"C ++ er et sett med nunchuks, kraftig og imponerende når det utøves, men tar mange års smerte å mestre, og ofte ønsker du sannsynligvis at du brukte noe annet, " skriver han. Videre: "JavaScript er et sverd uten hilt."
Sørg for å gå og lese. Det er mye moro og kan til og med være en flott henting fra sen ettermiddag.
