En viktig del av det som gör att någon ansluter sig till design är känsla och känsla. Och det här är två saker som kan vara svåra att förutsäga, beskriva och designa. Men det finns en liten vetenskap bakom känslor och känsla och varför du kanske reagerar på ett visst sätt, och det är vårt fokus i veckan i design.
Varje vecka planerar vi att titta på stora produktversioner och uppgraderingar, verktyg och tricks och till och med några av de mest populära sakerna du pratar om på sociala medier. Och vi skulle gärna höra vad som händer i din värld också. Har vi saknat något? Släpp mig en rad på [email protected].
Hur teckensnitt får dig att känna
Det finns en vetenskap till typografi. Mer specifikt finns det en vetenskap om hur teckensnitt kan få dig att känna. Nästa webb har en bra titt på hur typen kan påverka dig och vilka designers kan göra för att få bättre inverkan på typen? Vetenskapen bakom teckensnitt (och hur de får dig att känna).?
Att bryta ner vetenskapen är enklare än du kan tänka dig:
- Tänk på hur du läser. (Det är ett naturligt mönster!)
- Tänk på hur rätt typsnitt gör att du känner. (De matchar tonen i vad du läser.)
- Tänk på hur layouten gör att du känner. (Om element är placerade på ett sätt som inte stör textflödet, är du lyckligare.)
- Tänk på kulturföreningar med typsnitt. (Lettering kan representera eller hjälpa dig att relatera till andra objekt eller föremål.)
Men vad kan du göra med den här informationen? Hur kan du använda den för att designa med teckensnitt som associerar med bättre känsla? Förstå typografi är platsen att börja. Att förstå grunderna som typsnitt (serif, sans serif, script och decorative) och principerna om läsbarhet och läsbarhet är en bra start.
Men det finns några andra saker du kan göra också:
- Välj fontstorlekar större än 12 poäng. ? Många designers nämner att 16pt-teckensnittet är den nya 12pt-teckensnittet.?
- Var medveten om linjelängden. Observera den ideella linjelängden för en stationär webbplats som faller mellan 50 och 75 tecken.
- Var uppmärksam på avståndet. Se till att det finns tillräckligt med utrymme mellan textrader för att göra behandlingen lättare.
Förstå CSS-former
Formen på en bild eller ett textblock kan få dig att känna något om det. Formen ger också ytterligare information om ett element, dess användning och funktion i den övergripande designen. Men att skapa former för webbprojekt var inte alltid lätt, särskilt med komplexa bilder.
CSS-former skapar en lösning på det problemet. ? De flesta webbplatser håller sig till en enkel form: passande innehåll i rektanglar inom andra större rektanglar, något som de flesta användare sannolikt kommer att hitta mer tråkigt än att tänka på? skriver Zack Rutherford för UX Magazine. ? CSS-former å andra sidan tillåter större frihet för designers som vill konturera innehållet i eller runt intressanta och visuellt tilltalande parametrar.?
Men när ska du använda CSS-former i dina projekt. Svaret finns i artikeln? Symmetri, storlek, hastighet och CSS-former.?
Det finns en ganska övertygande lista med anledningar till varför du borde arbeta med CSS-former utöver att det är roligt.
- Nyhet:? Möjligheten att ändra text för att klämma in i trånga utrymmen eller alternativt expandera till bredare områden, kommer att ge större frihet för konstruktörer att sätta ihop sina layouter.?
- Avancerad kontroll av användarflöden: Gör det möjligt att formatera innehåll i siffror, minska textlinjen för rad eller använda text som former för att betona andra sidelement.
- Utformning av innehåll underlättar visuell berättelse:? Alternativen för variabilitet när du gräver idén om en murad struktur för ditt skriftliga innehåll är svimlande.?
- Symmetri, storlek och hastighet:? CSS-former kan användas för att behålla innehållets form oavsett visningsport, vilket gör den universellt symmetrisk, för att inte tala om RWD-vänlig.?
Designa en typsnitt
Att skapa teckensnitt är inte så enkelt som att bara skissera några bokstäver på en servett. Utveckling av teckensnitt och teckensnitt är en process med flera steg som du måste begå. Men även utan mycket erfarenhet kan du kasta din egen typsnitt.
Typdesigner Tyler Finck har nyligen sammanlagt en 18-minuters video mindre och artikeln för Creative Market att gå igenom processen. ? Hur man gör en typsnitt Det är en fin titt på att skapa något på egen hand (men du måste ha en Mac för denna handledning).
Och medan nästan alla kan göra det, måste du vara redo att ha lite tålamod och engagemang. Att skapa ett teckensnitt är inte lika lätt som 1-2-3.
? Att göra en bra och användbar typsnitt kommer att träna och massor av timmar? Finck sa i artikeln. ? Det är inte "svårt" om du älskar att göra det, och chansen är att du direkt vet om det är något du älskar att göra. Du kommer förmodligen att göra ändringar, eventuellt inkludera återkoppling från andra användare, test i olika omständigheter (olika appar / utskrift / webb) och mer.?
Om du skapar din egen typsnitt kanske inte är din kopp te, överväg att ladda ner en av Fincks skapelser. Han har varit professionell designer sedan 2005 och hade flera teckensnitt på Creative Market.
För skojs skull
Slutligen en visuell representation av vilka programmeringsspråk som känns. (Och en mycket noggrann på det, för mig.)
Björn Tipling skar och ritade en fond lilla sekvens i? Om programmeringsspråk var vapen.? Posten går igenom varje programmeringsspråk och hur det hänför sig. Jämförelserna är ganska kloka och relatabla.
? C ++ är en uppsättning nunchuks, kraftfulla och imponerande när du bär men tar många år av smärta att behärska och ofta vill du säkert att du använde något annat? han skriver. Vidare:? JavaScript är ett svärd utan hilt.?
Se till att du går och läser. Det är mycket roligt och kan till och med vara en bra sen eftermiddag pick-me-up.