portaldacalheta.pt
  • Основен
  • Начин На Живот
  • Уеб Интерфейс
  • Ux Дизайн
  • Процес На Проектиране
Инструменти И Уроци

Разбиране на тънкостите на анатомията на типографията (с инфографика)



Вие сте креативен професионалист. Цял ден надничате в лаптоп и докато очите и пръстите на мишката са по-здрави от всякога, останалата част от тялото ви се чувства като смачкана кутия кола. И така, вие се отправяте към местния фитнес, разбърквате се до свободните тежести и срещате разговор между някои мускулни пичове:

MD1: Sup, брато. Какво работиш днес?



MD2: Делтове, капани и трис. Вие?

MD1: Данг, брато. Ден е на краката. Карета и глутеуси.



MD2: Вземете го!

s corp c corp llc сравнение

За непосветените тази размяна също може да бъде произнесена в Елфически език, но за тези с предварително излагане на света на културизма, разбира се, че тези мускулести нежни братя обсъждат кои части от физическата анатомия планират да извайват.



По подобен начин, дизайнери имат собствена неясна номенклатура, свързана с анатомия на писмото . Анатомия на писмото? Да, символите, използвани за изграждане на нашите писмени езици, имат анатомични характеристики и класификации . Всъщност съставът на писмото може да бъде доста сложен.

Все пак някои може да се чудят, „Ако буквите имат анатомия, има ли някаква практическа стойност, която идва от знанието как се наричат ​​всички малки части?“



Със сигурност има. Ето четири примера, които показват как познанията по анатомия на буквите са полезни за професионалистите дизайнери :

1. Разговори с клиенти



Повечето клиенти няма да имат представа как да нарекат различни буквени части. Вместо това те ще казват неща като, „Тази малка арка, свързваща„ c “и„ t “, ми изглежда странна.“ Тъй като сте научили анатомия на буквите, ще знаете точно за какво се отнасят - Гадзук!

Тип анатомия gadzook

Gadzooks се предлагат в голямо разнообразие от стилове, за което свидетелстват шрифтовете Geneva (вляво), Hoefler Text (в средата) и Palatino (вдясно).



aws решения архитект преминаващ резултат

2. Диагностициране на проблемите с дизайна

Формите на писма са отговорни за всички видове объркващи дизайнерски проблеми. Дали в логотипи , заглавки на раздели или менюта за навигация, понякога буквите просто не изглеждат правилно. Познаването на анатомията на буквите ще ви позволи бързо да определите проблема, да разберете защо той съществува и да намерите решение. „Това„ д “изглежда зле, защото финален е твърде дебел. Нека добавим още малко конус. '



3. Подобряване на четливостта

Анатомията на писмото всъщност може възпрепятстват или подобряват четливостта . Например, шрифтовете с достатъчно броячи (отрицателното пространство вътре в букви като „p“ и „o“) и висока х-височина (височината на малките букви) обикновено се считат за по-лесни за четене.

Анатомия на шрифта: части от писмо засягат четливостта

Този пример сравнява четливостта на Poplar Std Black (вляво) и Muli Regular (вдясно). Благодарение на големите броячи и достатъчно х-височина, Muli е много по-лесна за четене при по-малък размер.

какво е wordpress rest api

4. Писмата са навсякъде

Ако сте дизайнер, няма как да избягате - буквите доминират в нашата физическа и цифрови среди . С достатъчно знания за букви ще имате достъп до повече решения, когато се опитвате да разрешите широк спектър от проблеми с визуалния дизайн.

Изучаване на по-малко известна типография Анатомия

Всъщност има много букви анатомични термини и освен ако не сте дизайнер на типове, вероятно няма нужда да ги научите всички. Някои са неясни и рядко се прилагат в буквите, с които се сблъскваме редовно (терминал с топка, диакритика, гадзук и др.), А други са почти универсално разпознати (х-височина, възходящ, низходящ и т.н.).

Имайки това предвид, представяме колекция от често използвани - но по-малко известни - части от букви, които всеки дизайнер трябва да са наясно.

Инфографика, показваща типографска анатомия и анатомия на писмо

принципи на дефиниране на модел на дизайн
Изтеглете PDF версия на тази инфографика. InfographicИнфографика от Маймунско бягство ');' onmouseover = '' style = 'cursor: pointer;' data-url = 'https: //www.toptal.com/designers/typography/typography-anatomy-infographic' data-img = 'img / tools-tutorials / 51 / dissecting-intricacies-typography-anatomy.png'> Вграждане тази инфографика в уебсайт.

• • •

Допълнително четене в блога за дизайн на ApeeScape:

  • Силата на писалката - Урок за надписване с ръка
  • Проучване на гещалтските принципи на дизайна
  • Разбиране на нюансите на класификацията на шрифтовете
  • Думите са важни - истинската стойност на UX Copy
  • Стилове на шрифтове за уеб и печат дизайн

Разбиране на основите

Какво е празното пространство вътре в букви като O и P, наречено в потребителския интерфейс?

Бялото пространство (или отрицателното пространство) вътре в букви като „o“ и „p“ се нарича брояч. Броячите са важна част от анатомията на типографията, тъй като влияят на четливостта. Като цяло стиловете с по-големи броячи са по-лесни за четене, особено при малки размери.

Какви са частите на шрифта?

Когато става въпрос за именуване на всички малки части, които съставляват букви, списъкът бърза дълго. Някои често срещани части, които дизайнерите може би трябва да знаят, са x-height (височината на малките букви) и ascender (нагоре стъблото на букви като „b“ и „k“).

Каква е анатомията на типографията?

Подобно на човешкото тяло, буквите са съставени от части, които им придават структура, а като човешко тяло тези части са обозначени като анатомия. Има много буквени части, които трябва да се научат при изучаване на типография. Например, знаехте ли, че хоризонталният ход на главно „G“ се нарича брадичка?

Защо типографията е важна в дизайна?

Типографията е практиката да се подреждат думите така, че те да са лесни за четене и визуално приятни. Това е важно в дизайна по редица причини. Например, дизайнерите на цифрови продукти трябва да се уверят, че текстът, който потребителите срещат, е достъпен, четлив и визуално ангажиращ.

Каква е разликата между шрифт и шрифт?

Има припокриване между двата термина, но ето полезно разграничение: Шрифтът е наименуван набор от проектирани глифове (букви, цифри и т.н.), които могат да съществуват навсякъде, където може да съществува тип (в компютър, рисуван на стена, издълбан в камък, и т.н.). Шрифтът е цифров файл, който генерира текст под формата на шрифт.

Мини урок - Работа с компоненти на бутоните Figma

Инструменти И Уроци

Мини урок - Работа с компоненти на бутоните Figma
Шевморфизъм, плосък дизайн и възходът на типографския дизайн

Шевморфизъм, плосък дизайн и възходът на типографския дизайн

Ui Design

Популярни Публикации
Автоматизирани Android Crash Reports с ACRA и Cloudant
Автоматизирани Android Crash Reports с ACRA и Cloudant
Шаблони за терминологични листове - клаузи, за които трябва да се внимава по време на преговорите
Шаблони за терминологични листове - клаузи, за които трябва да се внимава по време на преговорите
Elasticsearch за Ruby on Rails: Урок за дъвчащия скъпоценен камък
Elasticsearch за Ruby on Rails: Урок за дъвчащия скъпоценен камък
Често срещани грешки в комуникацията с клиенти: Как да не разочаровате клиента си
Често срещани грешки в комуникацията с клиенти: Как да не разочаровате клиента си
Състезателно машинно обучение: Как да атакувате и защитавате ML модели
Състезателно машинно обучение: Как да атакувате и защитавате ML модели
 
С байпас на филтъра и някои шестнадесетични, хакнатите номера на кредитни карти все още са все още в състояние с Google
С байпас на филтъра и някои шестнадесетични, хакнатите номера на кредитни карти все още са все още в състояние с Google
UI срещу UX - Разгледайте основните разлики (Инфографика)
UI срещу UX - Разгледайте основните разлики (Инфографика)
Характеристики на Rails 6: Какво ново и защо е важно
Характеристики на Rails 6: Какво ново и защо е важно
Убедителен дизайн: Ефективно използване на напреднала психология
Убедителен дизайн: Ефективно използване на напреднала психология
Зелено за излитане - Вътре в електрическата самолетна индустрия
Зелено за излитане - Вътре в електрическата самолетна индустрия
Популярни Публикации
  • как да използваме тензорен поток
  • създаване на уебсайт с angularjs
  • как да направите ethereum токен
  • какво е директива в angularjs
  • ключови показатели за ефективност примери управление на проекти
  • c corp или s corp
  • какъв тип атаки на приложения за уеб сървъри въвеждат нов вход за експлоатиране на уязвимост
Категории
  • Начин На Живот
  • Уеб Интерфейс
  • Ux Дизайн
  • Процес На Проектиране
  • © 2022 | Всички Права Запазени

    portaldacalheta.pt