Типография және кеңейтім дегеніміз не? Ең негізгі түсініктемені қолдану үшін, типография - байланыс құралдарының бірі ретінде қаріп формаларын жасау және пайдалану. Көптеген адамдар Гутенбергпен басталған типографияны және жылжымалы типті дамытуды ойлайды, бірақ типография бұрыннан әлдеқайда артқа қарай кетеді. Дизайндың бұл саласы шын мәнінде қолжазба әріптерінде өз тамырларына ие. Типография барлық нәрселердің веб-беттерінде көріп отырған сандық түрдегі каллиграфиядан барлығын қамтиды. Типографияның өнері жаңа әріптерді қалыптастыратын типтік дизайнерлерді қамтиды, олар кейіннен басқа да жобалар өз жұмыстарында, баспа жұмыстарынан жоғарыда көрсетілген веб-сайттарға дейін қолданылатын қаріп файлдарына айналады. Бұл жұмыс істейтіндіктен өзгеше, типографияның негіздері олардың бәрін негіздейді.
Типографияның элементтері
Шрифт пен қаріптер: Егер Сіз өз жұмыстарында типографиялық құралды қолданатын дизайнмен сөйлесіп отырсаңыз, сіз «тип» және / немесе «шрифт» терминдерін естіген шығарсыз. Көптеген адамдар осы екі терминді бір-бірімен алмастырады, бірақ бұл екі зат арасында нақты айырмашылықтар бар.
«Typeface» термині қаріптер отбасына берілген (Helvetica Regular, Helvetica Italic, Helvetica Black және Helvetica Bold сияқты ). Барлық Helvetica нұсқалары толық мәтінді құрайды.
«Шрифт» - біреу бір отбасының ішіндегі бір салмаққа немесе стильге сілтеме жасағанда қолданылатын термин («Helvetica Bold» сияқты). Көптеген қаріптер бірнеше жеке қаріптерден тұрады, олардың барлығы бірдей және бір-бірімен байланысты, бірақ әртүрлі. Кейбір қаріптерде бір қаріп ғана болуы мүмкін, ал басқалары қаріптерді құрайтын әріптердің көптеген нұсқаларын қамтуы мүмкін.
Бұл дыбыс аздап шатасуы мүмкін бе? Егер солай болса, алаңдамаңыз. Шындығында, егер біреу терапевт маман болмаса, олар осы терминдердің біреуіне шын мәнінде меңзейтініне қарамастан, олар «шрифт» терминін қолдануы ықтимал, тіпті көптеген кәсіби дизайнерлер осы екі терминді өзара ауыстырады. Егер таза үлгідегі дизайнермен техниканың механикасы туралы сөйлеспесеңіз, сіз осы екі терминнің қайсысын таңдағыңыз келетінін пайдаланасыз. Айтуынша, егер сіз айырмашылықты түсінсеңіз және дұрыс терминдерді дұрыс қолдансаңыз, бұл ешқашан жаман нәрсе емес!
Жиынтықтың жіктелуі: Кейде «әдеттегі қаріп отбасылары» деп аталады, бұл әртүрлі қаріптердің астына түсетін бірқатар жалпы классификацияларға негізделген үлкен әріптер топтамасы. Веб-беттерде сіз көретін шрифтпен жіктеудің алты түрі бар:
- serif
- sans-serif
- біркелкі
- cursive
- қиял
- сценарий
Сондай-ақ, олардан басқа шрифттердің жіктелуі де бар. Мысалы, «слабовая сериф» қаріптерге ұқсайды, бірақ олардың барлығы әріптерге арналған қалың, қалың жіптермен танымал дизайнға ие.
Бүгінгі күні сайттар, serif және sans-serif - бұл қолданылатын ең кең таралған екі қаріп классификациясы.
Аннотация Аннотация: Әрбір қаріп қаріп түрлі элементтерден тұрады, олар басқа түрлерінен ерекшеленеді. Арнайы дизайн түріне кіріп, жаңа қаріптерді жасауға ұмтылмасаңыз, веб-дизайнерлерде әдеттегі қаріптің анатомиясының ерекшеліктерін білу қажет емес. Егер сіз осы құрылымдық блоктар мен әріптердің бланкілері туралы көбірек білуге қызығушылық танытсаңыз, desktop.com-де жұмыс үстелі баспа сайтында қаріптің анатомиясы туралы тамаша мақала бар.
Бастапқы деңгейде қаріптің анатомиясының элементтері мынаны білуі керек:
- Капита және x-биіктігі: Бұл әріптердің бас әріптерінің биіктігі және х әрпінің биіктігі. Бұл ең үлкен әріптердің қаншалықты ұзын екенін, сондай-ақ кіші әріптердің қаншалықты үлкен екенін көрсетеді. Қаріптер осы екі сипаттамаға негізделген.
- Decenders and ascenders: Бұл х-биіктігі сызығынан төмен және одан жоғары әріптер бөліктері. Олар әдетте төменгі әріптерге сілтеме жасайды. Мысалы, «b» әрпі «p» әрпі десцентері бар (әріптен «төмен» төмендейтін бөліктер) болғанда, асцентті (әріптен «жоғары» ұстап тұратын бөлік) бар.
Аралыққа дейінгі аралық
Типографияға әсер ететін әріптер арасында және айналасында бірнеше түзетулер жасалуы мүмкін. Сандық қаріптер осы сипаттамалардың көпшілігімен жасалады, ал веб-сайттарда қаріптің осы аспектілерін өзгерту мүмкіндігі шектеулі. Бұл жиі жақсы нәрсе, себебі әдеттегі қаріптер әдеттегідей көрінеді.
- Кернинг - жеке әріптер арасындағы көлденең кеңістік
- бақылау - әріптер топтары арасындағы кеңістік
- түрдегі жолдар арасында жетекші тік кеңістік (бұл веб-сайт терминдерінде сызықтық биіктік деп аталады)
- өлшем - мәтін жолдарының ұзындығы
- туралау - мәтінді сол, оң, ортаңғы немесе негізделген етіп көрнекі орналастыру
- лигатура - әріптер бір-біріне жақындастырылып, олардың анатомиясы біріктіріліп, бір әріптен екіншісіне ауысады
Типография элементтері
Типография жай ғана қолданылатын қаріптер мен айналадағы бос кеңістіктен көп. Кез-келген конструкция үшін жақсы типографиялық жүйе құру кезінде ескеру қажет басқа да нәрселер бар:
Hyphenation: Hyphenation - проблемалардың алдын алуға көмектесу үшін немесе ақтауды дәлелдеуге көмектесу үшін сызықтар соңында сызықша қосу (-). Басып шығарылған құжаттарда жиі кездесетін болса, көптеген веб-дизайнерлер қисық сызықшылығын елемейді және оны жұмысында пайдаланбайды, себебі бұл веб-браузерлермен автоматты түрде өңделетін нәрсе емес.
Раг: мәтін блогының біркелкі емес тік шеті мөр деп аталады. Типографияға назар аударған кезде, бөренелер дизайнға әсер етпейтіндіктен, мәтіндік блоктарды толығымен қарап шығу керек. Егер бөртпе тым тегіс немесе біркелкі болмаса, ол мәтіндік блоктың оқылуына әсер етуі мүмкін және оны алаңдатады. Бұл - браузер автоматты түрде желіден сызыққа қалай түсетіндігі туралы автоматты түрде өңделетін нәрсе.
Жесірлер мен жетімдер: Колоннаның соңында бір сөз - жесір, ал егер ол жаңа бағанның жоғарғы жағында болса, бұл жетім. Жесірлер мен жетімдер нашар көрінеді және оқуға қиын болуы мүмкін.
Веб-браузерде керемет көрсетілу үшін сіздің мәтін жолдарыңызды алу, әсіресе сізде әртүрлі экран өлшемдері үшін жауапты веб-сайт пен түрлі дисплейлер болған кезде өте жағымсыз ұсыныс болып табылады. Сіздің мақсатыңыз ең жақсы көріністі жасауға тырысу үшін әртүрлі өлшемдегі сайтты қарап шығу керек мүмкін, кейбір жағдайларда сіздің контентіңізде терезе, жетім немесе басқа да кем емес идеалды дисплейлер болады деп ұйғаруға болады. Сіздің мақсатыңыз типтік дизайнның осы аспектілерін барынша азайту, сонымен қатар әр экран өлшеміне және көрсетіліміне жетуге жете алмаудың шынайы болуы.
Сіздің типографияңызды тексеру қадамдары
- Түрін анатомияға қарап, қандай типтегі жанұяға қарасаңыз, қаріп әшекейлерін мұқият таңдаңыз.
- Егер сіз дизайнды толтырғыш мәтінімен құрсаңыз , дизайндағы нақты мәтінді көрмейінше, соңғы дизайнды мақұлдамаңыз.
- Типографияның кішкене деректемелеріне назар аударыңыз.
- Мәтіннің әрбір блогына оның сөзі жоқ секілді қараңызшы. Мәтін бетінде қандай кескіндер жасайды? Бұл пішіндердің бүкіл бет дизайнын алға жылжытатынына көз жеткізіңіз.
Дженнифер Крининнің түпнұсқа мақаласы. Джереми Джирард редакциясында 7/5/17