15 Алати за онлине типографију Сви дизајнери треба да знају
Типографија је темељ сваког дизајна, јер је читање једна од најосновнијих ствари које радимо на вебу. Типографија коју одаберете има утицаја на вишеструке аспекте веб локације, укључујући читљивост, расположење и опште корисничко искуство. То је неопходно за дизајнере и програмере познавати основне принципе типографије до створите пријатне дизајне који се могу читати.
Већ смо разговарали о алатима за упаривање фонтова, а данас ћемо поделити са вама алате за унос текста који вам омогућавају боље искуство читања на веб сајтовима које градите и / или дизајнирате.
Ево додатака, онлине алата и скрипти које ће вам помоћи створите сјајне наслове и чисти текст за читање.
Типеплате
Он неће направити избор за вас, већ ће дефинисати прави маркуп са стилингом за уобичајене типографске предлошке. Такође вам може дати савете о правилном обликовању копирања текста.
Проверити: Демо | Документација
Гутенберг
Гутенберг је флексибилан и једноставан за употребу стартографски комплет за програмере и дизајнере. Помоћи ће вам да одредите величину основног типа, висину линије и максималну ширину. Гутенберг је пројекат отвореног кода, тако да га слободно доприносите, прилагођавате и модификујете.
Проверити: Демо | Документација
Леттеринг.јс
Леттеринг.јс је јКуери плугин који вам даје контролу над кернинг типом. Омогућава вам лакше уређивање и управљање кодом. Веб страница садржи невјеројатне примјере типографије направљене с овим додатком за инспирацију.
Проверити: Демо | Документација
Типебасе.цсс
Типебасе.цсс је прилагодљив типографски стил. Садржи и саас и мање верзије и лако се модификује у модерне веб пројекте.
Проверити: Демо | Документација
ФитТект
ФитТект је додатак који ће флексибилизирати величину фонта ваше веб странице. То ће вам помоћи да постигнете скалабилне наслове за различите резолуције екрана; другим речима, учините да ваша типографија одговара. Направљен је само за приказивање огромног текста.
Проверити: Демо | Документација
Кернинг.јс
Кернинг.јс вам помаже да аутоматски трансформишете, скалирате и модификујете вашу типографију помоћу ЦСС-а. Лако је почети са Кернинг.јс.
Проверити: Демо | Документација
Типесеттингс.цсс
Типесеттингс.цсс је ваше игралиште за креирање минималистичких веб пројеката или блогова. Сви типографски стилови који се користе овде инспирисани су основама графичког дизајна.
Проверити: Демо | Документација
Руцксацк
Уз Руцксацк можете произвести невероватну флуидну типографију захваљујући новом својству које одговара на величину фонта. Креирање одговорне типографије је изузетно једноставно.
Проверити: Демо | Документација
ФловТипе.ЈС
Најчитљивија типографија садржи између 45 и 75 знакова по линији, али да бисте пронашли тај баланс је изазован задатак за програмере. ФловТипе.ЈС мења величину фонта, а затим и висину линије на основу ширине одређеног елемента.
Проверити: Демо | Документација
Бласт.јс
Бласт.јс ће вам помоћи да одвојите текстове како бисте лакше манипулисали типографијом. Садржи 4 уграђена раздјелника: знак, ријеч, реченицу и елемент. Такође може да одговара прилагођеним изразима и фразама.
Проверити: Демо | Документација
слабТект
слабТект је једноставна скрипта која раздваја наслове у редове и савршено попуњава расположиви хоризонтални простор. Скрипта израчунава идеалан број знакова за постављање у сваком реду дијељењем доступне ширине за величину фонта пиксела.
Проверити: Демо | Документација
Тип Сцале
Помоћу типске скале можете прегледати и изабрати одговарајућу скалу за ваш пројекат. Нема правила - само се играјте са величином фонта, скалом и различитим веб фонтовима.
Проверити: Демо | Документација
Типограпхиц
Типографија вам помаже да учините типографију одговорном. Све што треба да урадите је да изаберете неколико фонтова, подесите неколико подешавања и добићете лепу типографију.
Проверити: Демо | Документација
Типи
Типи је саас мик који можете користити за лако креирање типографије. Ствара величину фонта и висину линија за ХТМЛ и друге елементе. Такође, Типи има функцију вертикалног ритма за израчунавање висине линије.
Проверити: Доцументатион
Лининг.јс
Уз додатак Лининг.јс добићете потпуну контролу над веб типографијом. Подржан је на већини популарних претраживача као што су Сафари, Гоогле Цхроме, Опера и Мозилла Фирефок.
Проверити: Демо | Документација
Бонус: 2 Море Тоолс!
Стање Веб типа
Стање веб-типа је веб-локација која нуди ажурне податке о подршци за тип и значајке на вебу. Можете користити претрагу или категорије, као што је кернинг, капитални размак, учитавање фонта ЦСС-а и друго да бисте пронашли тачно оно што вам треба.
Типограпх
Типографија је страшан веб и скица додатак који вам омогућава да ставите непрекидне просторе након једне слова, повежете број и јединицу. Такође уклања двоструке просторе, улази, точкице и друге грешке у писању, тако да можете да постигнете чисту лепу типографију која се лако чита.
Проверити: Доцументатион