Ovaj tjedan u dizajnu: 12. rujna 2014
Bitni dio onoga što nekoga povezuje s dizajnom su osjećaji i osjećaji. A to su dvije stvari koje je teško predvidjeti, opisati i dizajnirati. Ali postoji malo znanosti iza emocija i osjećaja i zašto biste mogli reagirati na određeni način, i to je naš fokus ovog tjedna u dizajnu.
Svaki tjedan planiramo pogledati glavna izdanja i nadogradnje proizvoda, alate i trikove, pa čak i neke od najpopularnijih stvari o kojima govorite na društvenim mrežama. I voljeli bismo čuti što se događa i u vašem svijetu. Jesmo li nešto propustili? Ispustite mi redak na [email protected].
Kako se fontovi osjećaju
Postoji znanost o tipografiji. Konkretnije, postoji znanost o tome kako se fontovi mogu osjećati. Sljedeći web sjajno je pogledao kako tip može utjecati na vas i što dizajneri mogu učiniti kako bi bolje utjecali na tipku „Znanost iza fontova (i kako se osjećate)“.
Razbijanje znanosti je jednostavnije nego što možete zamisliti:
- Razmislite o tome kako čitate. (To je prirodni uzorak!)
- Razmislite o tome kako se prave fontovi osjećaju. (Odgovaraju tonu onoga što čitate.)
- Razmislite o tome kako se izgled čini. (Ako su elementi smješteni na način koji ne ometa tok teksta, sretniji ste.)
- Razmislite o kulturnim udruženjima s tipovima. (Pismo može predstavljati ili pomoći u vezi s drugim predmetima ili predmetima.)
Ali što možete učiniti s tim informacijama? Kako to možete koristiti za oblikovanje tipova koji se povezuju s boljim osjećajem? Razumijevanje tipografije je mjesto koje treba započeti. Poznavanje osnova kao što su kategorije tipova znakova (serif, sans serif, script i dekorativno) i načela čitljivosti i čitljivosti su dobar početak.
Ali možete učiniti i nekoliko drugih stvari:
- Odaberite veličinu fonta veće od 12 bodova. "Mnogi dizajneri spominju da je 16pt font novi font od 12pt."
- Pazite na duljinu crte. Imajte na umu da idealna duljina linije za radnu površinu web stranice pada između 50 i 75 znakova.
- Obratite pažnju na razmak. Provjerite ima li mjesta između redaka teksta za čitanje lakše.
Razumijevanje CSS oblika
Oblik slike ili bloka teksta može osjetiti nešto zbog toga. Oblik također pruža dodatne informacije o elementu, njegovoj upotrebi i funkciji u cjelokupnom dizajnu. Ali stvaranje oblika za web projekte nije uvijek bilo lako, posebno sa složenim slikama.
CSS oblici stvara rješenje za taj problem. „Većina web stranica drži se jednostavnog kalupa: postavljanje sadržaja u pravokutnike unutar drugih, većih pravokutnika, nešto što će većini korisnika biti dosadnije od puhanja“, piše Zack Rutherford za UX Magazine. "CSS oblici, s druge strane, omogućuju veću slobodu dizajnerima koji žele oblikovati svoj sadržaj unutar ili oko zanimljivih i vizualno privlačnih parametara."
Ali kada biste trebali koristiti CSS oblike u svojim projektima. Odgovor je u članku, „Simetrija, veličina, brzina i CSS oblici“.
Postoji prilično uvjerljiv popis razloga zbog kojih biste trebali raditi s CSS oblicima, osim što vam je zabavno.
- Novost: "Mogućnost izmjene teksta da se utisne u tijesne prostore ili, alternativno, proširi u šire okvire, pružit će veću slobodu dizajnerima pri sklapanju njihovih izgleda."
- Napredna kontrola protoka korisnika: Omogućuje oblikovanje sadržaja u brojke, smanjenje teksta po red ili korištenje teksta kao oblika za naglašavanje ostalih elemenata stranice.
- Oblikovanje sadržaja olakšava vizualno pripovijedanje: "Mogućnosti za varijabilnost kada odustanete od ideje zidane strukture za svoj pisani sadržaj, zadivljujuće su."
- Simetrija, veličina i brzina: "CSS oblici se mogu koristiti za održavanje oblika vašeg sadržaja bez obzira na prikaz, što ga čini univerzalno simetričnim, a da ne spominjemo i RWD."
Dizajn fonta
Stvaranje fontova nije tako jednostavno kao samo skiciranje nekoliko slova na salveti. Razvoj slova i fontova je postupak u više koraka koji se morate obvezati. Ali čak i bez puno iskustva, možete gajiti vlastiti font.
Dizajner tipa Tyler Finck nedavno je sastavio 18-minutni videozapis manje i članak za Creative Market koji će vas provesti kroz postupak. "Kako napraviti font" lijep je pogled na to da nešto sami kreirate (ali za ovaj vodič morate imati Mac).
I dok to gotovo svatko može učiniti, morat ćete biti spremni imati malo strpljenja i predanosti. Stvaranje fonta nije tako jednostavno kao 1-2-3.
"Izrada dobrog i upotrebljivog fonta trajat će mnogo vremena i vremena", rekao je Finck u članku. "Nije 'teško' ako volite to raditi, a izgledne su šanse, odmah ćete znati je li to nešto što volite raditi. Vjerojatno ćete izvršiti izmjene, potencijalno uključiti povratne informacije drugih korisnika, testirati se u različitim okolnostima (različite aplikacije / ispis / web) i još mnogo toga. "
Ako stvaranje vlastitog slova ne može biti vaša šalica čaja, razmislite o preuzimanju jedne od Finckovih kreacija. Profesionalni je dizajner od 2005. godine i imao je nekoliko vrsta sučelja na Creative Marketu.
Samo za zabavu
Napokon vizualni prikaz onoga kako se osjećaju programski jezici. (I za mene vrlo precizan.)
Bjorn Tipling zviždao je i nacrtao kratku sekvencu u „Ako su programirani jezici oružje“. Post prolazi kroz svaki programski jezik i kako se odnosi. Usporedbe su prilično pametne i relativizirane.
„C ++ je skup nunchuks-a, moćan i impresivan kada se nosi, ali treba mnogo godina muke kako biste savladali i često biste vjerojatno željeli da koristite nešto drugo“, piše on. Nadalje: "JavaScript je mač bez ručke."
Obavezno pročitajte. Vrlo je zabavno i možda će biti sjajan pick-me u kasnim popodnevnim satima.
