Почетна » УИ / УКС » Разумевање типографије 10 Корисни алати и ресурси

    Разумевање типографије 10 Корисни алати и ресурси

    У мом последњем чланку о разумевању типографије, писао сам о томе шта се дешава у дизајну типографије и како да га манипулишем како би побољшао изглед Ваше веб локације и како би побољшао корисничко искуство. У овом чланку наводим попис 10 мојих омиљених алата за типографију на Интернету.

    То може помоћи у изградњи ХТМЛ мрежа и области садржаја, креирању ЦСС стилова, генерисању имена фонтова и хрпи других занимљивих ствари. Погледајте неке од линкова испод и обавезно нам јавите своје мисли у области за дискусију.

    Препоручено читање: Разумевање типографије: писање за Веб

    Фонт Матрик

    Овај онлине водич је објављен на блогу 24-сатни дизајн. Поседује матричну табелу свих стандардних веб фонтова које ћете по подразумеваној вредности пронаћи код различитих произвођача софтвера. Популарни наслови укључују Виндовс, Мац ОС Кс, Мицрософт Оффице и Адобе Цреативе Суите програме.

    Провера контраста у боји

    Контраст боја је често проблем када путујете изван стандардног црно-бијелог модела. Када нађете утакмицу, она изгледа као савршенство дизајна. Ипак, лош избор комбинованих боја изгледа веома лоше и негативно ће утицати на укупан дизајн. Овај мали веб алат вам може помоћи да одаберете сет боја које одговарају једни другима за било који стилски распоред.

    ХТМЛ-Ипсум

    Да ли вам је потребан Лорем Ипсум алат који може да уради више од самог излаза текста? Овај онлине ХТМЛ генератор ће креирати кодне блокове за најчешће елементе странице. Неки примери укључују неуређене листе, листе дефиниција, веб форме, табеле и многа друга решења.

    Типецхарт

    Типецхарт је један од мојих омиљених алата као ЦСС програмер. Често покушавам да ускладим одређени фонт на мом систему са веб пројектом, али једноставно немам времена да прегледам читаву колекцију. Ова одлична алатка вам омогућава да пролазите кроз популарне изборе породица фонтова, па чак и да преузмете одговарајући ЦСС код!

    ПКС-то-ЕМ.цом

    Осим ако не вратите подразумевану величину текста претраживача, вероватно ћете имати проблема који се поклапају са пикселима. Ова апликација у прегледачу обезбеђује и табелу конверзије и кориснички интерфејс за пк до ем. То је сигурно једноставан алат, али нуди практичан водич са заиста једноставном функционалношћу - и не можете победити бесплатну цену.

    ЦСС Типе Сет

    Не препоручујем да се држим ЦСС Типе Сет-а предуго јер је то заиста почетнички алат. Омогућава вам да генеришете ЦСС код на основу специфичних особина фонта које одаберете. Иако је испрва веома корисна, временом постаје штака на коју се може ослонити. А ви нећете бити у стању да сами мотивишете ЦСС својства. Али ако желите да уштедите време на пројекту, овај алат се не може превидети.

    флиппинг типицал

    Ево једног заиста јединственог примера библиотеке за преглед фонтова. флиппинг типичан укључује неколико фонтова који су изворни за ваш оперативни систем. Он аутоматски скенира директоријум фонтова да би пронашао решења која су безбедна за веб. Можете их упоредити и лако бирати између омиљених опција. Ово је још један одличан чувар времена који означавате и не размишљате о њему до последњег тренутка.

    Типограпхиц Грид

    Много се говори о дизајнирању око мреже у ХТМЛ-у и ЦСС-у. Вероватно разумете концепт рада мреже, а мерење веб локације у пикселима се не разликује. Овај мрежни водич ЦСС-Трицкс-а је више као вођени напор да се уведу основе типографије за дигиталну еру. То је много напреднија тема у области веб дизајна. Али ако имате мало стрпљења, препоручујем да прођете кроз детаље да бисте видели како ова својства решетке могу да утичу на изглед странице.

    ВхатТхеФонт!

    Сви смо пронашли логотип или слику са неким заиста кул неидентификованим фонтом. ВхатТхеФонт је направио неколико кругова на Интернету неколико година и то је и даље мој фаворит. Изабрали сте слику за уплоад и њихов скрипт ће анализирати текст унутар слике како би одговарао сличним типовима. Апликација ће вас чак повезати са спољним производима где можете купити сваки фонт у вашу корист.

    Калкулатор основне линије / висине

    Коначно, заиста моћан алат за генерисање висине линија и својстава ритма. Једноставно унесите вредности за величину основног фонта и висину линије, или укључите сопствени прилагођени ЦСС код на страну. Апликација ће генерисати прегледе у неколико различитих стилова, тако да можете добити идеју о томе како би ова својства изгледала на вашој веб-локацији.