See disaini nädal: 12. september 2014
Emotsioon ja tunne on oluline osa sellest, mis paneb kedagi disaini abil ühenduma. Ja need on kaks asja, mida võib olla raske ennustada, kirjeldada ja kujundada. Kuid emotsioonide ja tunnete taga on natuke teadust ja seda, miks võiksite teatud viisil reageerida, ja see on meie selle nädala disaini fookus.
Igal nädalal on meil kavas vaadata peamisi tooteväljaandeid ja täiendusi, tööriistu ja nippe ning isegi mõnda populaarsemat, millest sotsiaalmeedias räägite. Ja me tahaksime kuulda, mis toimub ka teie maailmas. Kas oleme millestki ilma jäänud? Vabasta mulle rida aadressil [e-posti aadress on kaitstud].
Kuidas fondid sind tunnevad
Tüpograafiani on teadust. Täpsemalt on teada, kuidas fondid võivad teid tunda. Järgmises veebis on suurepärane ülevaade sellest, kuidas tüüp võib teid mõjutada ja mida disainerid saavad teha, et teksti "Teadus fontide taga (ja kuidas nad teid tunnevad") paremat mõju avaldada.
Teaduse murdmine on lihtsam kui võite arvata:
- Mõelge, kuidas loete. (See on loomulik muster!)
- Mõelge, kuidas õiged fondid teid tunnevad. (Need vastavad teie loetu toonile.)
- Mõelge, kuidas paigutus teid tunneb. (Kui elemendid on paigutatud viisil, mis ei sega teksti voogu, olete õnnelikumad.)
- Mõelge kirjatüüpidega kultuurilistele ühendustele. (Tähed võivad kujutada teid või aidata teil seostuda teiste objektide või üksustega.)
Kuid mida saate selle teabega teha? Kuidas saate seda kasutada kujundamisel kirjatüüpidega, mis seostuvad parema tundega? Tüpograafia mõistmine on koht, kust alustada. Aluste tundmine, näiteks kirjastiilikategooriad (serif, sans serif, skript ja dekoratiivne) ning loetavuse ja loetavuse põhimõtted on hea algus.
Kuid on ka mõned muud asjad, mida saate teha:
- Valige fondi suurus, mis on suurem kui 12 punkti. "Paljud disainerid mainivad, et uus 12ptiline font on 16pt font."
- Olge teadlik rea pikkusest. Pange tähele, et lauaarvuti veebisaidi ideaalne rea pikkus on vahemikus 50 kuni 75 tähemärki.
- Pöörake tähelepanu vahekaugustele. Veenduge, et tekstiridade vahel oleks piisavalt ruumi lugemise hõlbustamiseks.
CSS-i kujundite mõistmine
Kujutise või tekstiploki kuju võib teid sellest tunnetada. Kuju annab ka lisateavet elemendi, selle kasutamise ja funktsiooni kohta üldises kujunduses. Kuid veebiprojektide jaoks kujundite loomine polnud alati lihtne, eriti keerukate piltide puhul.
CSS-kujundid loovad sellele probleemile lahenduse. "Enamik veebisaite peab kinni lihtsast vormist: sisu mahutamine ristkülikutesse teistesse suurematesse ristkülikutesse, mis on tõenäoliselt enamiku kasutajate jaoks igavam kui mõtlemine, " kirjutab Zack Rutherford UX Magazine'ile. "Teisest küljest annavad CSS-kujundid suurema vabaduse disaineritele, kes soovivad oma sisu kontuurida huvitavate ja visuaalselt atraktiivsete parameetrite piires või ümber."
Kuid millal peaksite oma projektides kasutama CSS-i kujundeid. Vastus on artiklis “Sümmeetria, suurus, kiirus ja CSS-kujundid”.
Seal on päris veenev loetelu põhjustest, miks peaksite lisaks CSS-i lõbudele tegelema ka CSS-kujunditega.
- Uudsus: "Võimalus muuta teksti kitsastesse kohtadesse või laiendada laiemasse vahemikku pakub disaineritele suuremat vabadust oma kujunduse kokkupanekuks."
- Kasutajavoogude täpsem juhtimine: võimaldab sisu kujundada numbriteks, vähendada rida ridade kaupa või kasutada teksti kujundina, et rõhutada teisi lehe elemente.
- Sisu kujundamine hõlbustab jutu visuaalset jutustamist: "Variatiivsused variatiivsuse saavutamiseks, kui olete visandiks idee kirjutatud sisuga seinale, on uskumatud."
- Sümmeetria, suurus ja kiirus: "CSS-vorme saab kasutada oma sisu kuju säilitamiseks vaatamisavast sõltumata, muutes selle universaalselt sümmeetriliseks, rääkimata RWD-sõbralikust."
Fondi kujundamine
Fontide loomine pole nii lihtne, kui lihtsalt mõne tähe visandamine salvrätikule. Fondi ja kirjatüübi arendamine on mitmeastmeline protsess, millele peate pühenduma. Kuid isegi ilma suurema kogemuseta saate oma fondi kraanida.
Tüüpdisainer Tyler Finck pani hiljuti kokku 18-minutise video vähem ja Loovturu artikli, et juhendada teid protsessist läbi. “Kuidas fonti luua” on kena pilk iseenda loomiseks (kuid selle õpetuse jaoks peab teil olema Mac).
Ja kuigi peaaegu igaüks saab seda teha, peate olema valmis natuke kannatlikkust ja pühendumust nõudma. Fondi loomine pole nii lihtne kui 1-2-3.
"Hea ja kasutatava fondi tegemine võtab palju tunde, " ütles Finck artiklis. „See pole eriti raske, kui teile meeldib seda teha, ja tõenäoliselt on kohe teada, kas see on midagi, mida te armastate teha. Tõenäoliselt teete muudatusi, kaasate potentsiaalselt teiste kasutajate tagasiside, katsetate erinevates olukordades (erinevad rakendused / print / veeb) ja palju muud. ”
Kui oma kirjatüübi loomine pole võib-olla teie tass teed, kaaluge ühe Fincki loomingu allalaadimist. Ta on olnud professionaalne disainer alates 2005. aastast ja tal oli Creative Marketil saadaval mitu kirjatüüpi.
Lihtsalt lõbu pärast
Lõpuks visuaalne esitlus programmeerimiskeelte kohta. (Ja minu jaoks on see väga täpne.)
Bjorn Tipling peesitas ja joonistas väikese jao teoses “Kui programmeerimiskeeled oleksid relvad”. Postitus läbib iga programmeerimiskeelt ja kuidas see on seotud. Võrdlused on üsna targad ja võrreldavad.
"C ++ on nunchukside komplekt, võimas ja muljetavaldav, kui see on haaratud, kuid selle valdamine võtab palju aastaid ja sageli soovite tõenäoliselt, et kasutaksite midagi muud, " kirjutab ta. Lisaks: "JavaScript on mõõk ilma kreenita."
Minge kindlasti lugema. See on väga lõbus ja võib olla isegi suurepärane hiline pärastlõuna korjamine.
