Šī dizaina nedēļa: 2014. gada 12. septembris
Būtiska sastāvdaļa tam, kas liek kādam sazināties ar dizainu, ir emocijas un sajūtas. Un tās ir divas lietas, kuras var būt grūti paredzēt, aprakstīt un noformēt. Bet aiz emocijām un sajūtām ir nedaudz zinātnes, kāpēc jūs varētu reaģēt noteiktā veidā, un tas ir mūsu uzmanības centrā šonedēļ dizains.
Katru nedēļu mēs plānojam apskatīt galvenos produktu izlaidumus un jauninājumus, rīkus un trikus, kā arī pat dažas no populārākajām lietām, par kurām jūs runājat sociālajos medijos. Un mēs labprāt dzirdētu, kas notiek arī jūsu pasaulē. Vai mēs kaut ko esam palaiduši garām? Nometiet man rindiņu uz [aizsargāts ar e-pastu].
Kā fonti liek justies
Ir tipogrāfijas zinātne. Konkrētāk, ir zinātne, kā fonti var jūs just. Nākamajā tīmeklī ir lieliski apskatīts, kā tips var jūs ietekmēt, un ko dizaineri var darīt, lai labāk ietekmētu rakstīšanu sadaļā “Zinātne aiz fontiem (un kā viņi jūs jūtas)”.
Zinātnes sadalīšana ir vienkāršāka, nekā jūs varētu iedomāties:
- Padomājiet par to, kā lasāt. (Tas ir dabisks raksts!)
- Padomājiet par to, kā jūtas pareizie fonti. (Tie atbilst lasāmā tonim.)
- Padomājiet par to, kā izkārtojums liek jums justies. (Ja elementi ir novietoti tādā veidā, kas netraucē teksta plūsmu, jūs esat laimīgāki.)
- Padomājiet par kultūras asociācijām ar burtnīcām. (Burti var attēlot vai palīdzēt jums saistīt ar citiem objektiem vai priekšmetiem.)
Bet ko jūs varat darīt ar šo informāciju? Kā jūs to varat izmantot, lai veidotu ar burtveidoliem, kas asociējas ar labāku pašsajūtu? Sākums ir izpratne par tipogrāfiju. Labs sākums ir zināt pamatus, piemēram, burtveidolu kategorijas (serif, sans serif, skripts un dekoratīvs), kā arī salasāmības un lasāmības principus.
Bet ir arī dažas citas lietas, ko varat darīt:
- Izvēlieties fonta lielumu, kas lielāks par 12 punktiem. "Daudzi dizaineri piemin, ka jaunais 12pt fonts ir 16pt fonts."
- Jāapzinās līnijas garums. Ņemiet vērā, ka ideāls līnijas garums galddatoru vietnei ir no 50 līdz 75 rakstzīmēm.
- Pievērsiet uzmanību atstarpēm. Pārliecinieties, ka starp teksta rindām ir pietiekami daudz vietas, lai atvieglotu lasīšanu.
Izpratne par CSS formām
Attēla vai teksta bloka forma var kaut ko sajust. Forma sniedz arī papildu informāciju par elementu, tā izmantošanu un darbību kopējā dizainā. Bet veidot formas tīmekļa projektiem ne vienmēr bija viegli, īpaši ar sarežģītiem attēliem.
CSS formas rada šīs problēmas risinājumu. “Lielākā daļa vietņu pieturas pie vienkāršas formas: satura ievietošana taisnstūros citos, lielākos taisnstūros - tas ir tas, kas lielākajai daļai lietotāju, visticamāk, šķiet garlaicīgāks nekā prāta aizspriedums, ” raksta Zaks Rutherfords žurnālam UX. "No otras puses, CSS formas dod lielāku brīvību dizaineriem, kuri vēlas kontūrēt savu saturu interesantu un vizuāli pievilcīgu parametru ietvaros vai ap tiem."
Bet kad projektos vajadzētu izmantot CSS formas. Atbilde ir rakstā “Simetrija, lielums, ātrums un CSS formas”.
Ir diezgan pārliecinošs saraksts ar iemesliem, kāpēc jums vajadzētu strādāt ar CSS formām papildus tam, ka tas ir jautri.
- Jaunums: "Iespēja mainīt tekstu, lai iespiestu to šaurās vietās, vai arī paplašināt plašāku diapazonu, dizaineriem sniegs lielāku brīvību, veidojot savus izkārtojumus."
- Lietotāju plūsmu uzlabota kontrole: Ļauj saturu pārveidot skaitļos, samazināt teksta rindu pa rindām vai izmantot tekstu kā formu, lai uzsvērtu citus lapas elementus.
- Satura veidošana atvieglo vizuālu stāstu stāstīšanu: “Variantu mainīgums, tiklīdz jūs atmetīsit ideju par sienas rakstītu saturu, ir satriecošs.”
- Simetrija, izmērs un ātrums: “CSS formas var izmantot, lai saglabātu jūsu satura formu neatkarīgi no skata porta, padarot to universāli simetrisku, nemaz nerunājot par RWD draudzīgu.”
Fonta projektēšana
Fontu izveidošana nav tik vienkārša, kā tikai uz skrejlapas uzzīmēt dažus burtus uz salvetes. Fontu un burtveidolu izstrāde ir daudzpakāpju process, kas jums jāapņemas. Bet pat bez lielas pieredzes jūs varat izveidot savu fontu.
Tipa dizainers Tailers Finks nesen izveidoja 18 minūšu video un rakstu vietnei Creative Market, lai iepazīstinātu jūs ar procesu. “Kā izveidot fontu” ir jauks ieskats, lai kaut ko izveidotu pats (taču šai apmācībai jums ir jābūt Mac).
Un, lai gan gandrīz ikviens to var izdarīt, jums būs jābūt gatavam nedaudz pacietības un centības. Fonta izveidošana nav tik vienkārša kā 1-2-3.
“Labu un izmantojamu fontu izveidošana prasīs daudz laika, un tas prasīs daudz stundu, ” rakstā sacīja Finks. “Tas nav“ grūti ”, ja jums patīk to darīt, un, iespējams, tūlīt uzzināsit, vai tas ir kaut kas, ko jums patīk darīt. Jūs, iespējams, veiksit labojumus, iespējams, iekļausit citu lietotāju atsauksmes, pārbaudīsit dažādos apstākļos (dažādās lietotnēs / drukāšanā / tīmeklī) un daudz ko citu. ”
Ja, izveidojot savu burtveidolu, iespējams, tas nav jūsu tējas tasi, apsveriet iespēju lejupielādēt kādu no Finck darbiem. Viņš ir profesionāls dizainers kopš 2005. gada, un radošajā tirgū bija pieejami vairāki burtveidoli.
Prieka pēc
Visbeidzot, vizuāls attēlojums par to, kā jūtas programmēšanas valodas. (Un man tas ir ļoti precīzi.)
Bjorns Tiplings apsekoja un zīmēja nelielu sēriju sadaļā “Ja programmēšanas valodas būtu ieroči”. Ziņa iet cauri katrai programmēšanas valodai un kā tā ir saistīta. Salīdzinājumi ir diezgan gudri un salīdzināmi.
“C ++ ir nunchuks kopums, jaudīgs un iespaidīgs, kad to lieto, bet tas prasa daudzu gadu sāpju pārvarēšanu un bieži vien jūs, iespējams, vēlaties, lai jūs lietotu kaut ko citu, ” viņš raksta. Tālāk: “JavaScript ir zobens bez pakas.”
Pārliecinieties, ka dodieties lasīt. Tas ir ļoti jautri un pat varētu būt lielisks vēlu pēcpusdienas pikaps.
