ТОП 5 Правил Типографики на Сайте (Типографская Клавиатура для Веб-Дизайнеров)

2068 ratings | 47764 views


ТОП 5 Правил Типографики на Сайте (Типографская Клавиатура для Веб-Дизайнеров)

Бесплатно учись веб-дизайну – ТОП 5 правил типографики: оформление ссылок, выравнивание и другие моменты В типографике имеет значение каждая мелочь. Одна неверная линия может перечеркнуть все ваши многодневные старания! Как правильно пользоваться типографикой? Как сделать шрифт красивым и гармоничным? Как привлечь читателя благодаря своим профессиональным умениям дизайнера? Мы раскроем эти вопросы, и вы узнаете много нового! Из этого видеообзора вы узнаете об основных правилах типографики, что поможет в дальнейшем сделать качественный интерфейс сайта и улучшить его характеристики. Мы расскажем о работе с текстовыми блоками, о том, как правильно выравнивать, о компоновке элементов. Научим применять различные “гарнитуры” и многому другому. Благодаря этому видео для вас перестанут быть проблемой в типографике пунктуация, кавычки, размер текста, оформление ссылок, набор шрифтов. Вы узнаете о таком важном моменте, как читабельность текста. Что нужно пользователю? Все это раскрывается в видеоуроке “Топ 5 правил типографики”. Я помогу вам стать настоящим профессионалом, расскажу о сложном простым языком! Подписывайтесь на канал и узнавайте последние тенденции веб-дизайна от Максима Солдаткина! 0:30 Выравнивание 2:11 Пунктуация. Черточки 4:14. Пунктуация. Кавычки. 5:14 Типографская раскладка клавиатуры Бирмана 5:49 Блоки текста 8:03 Параметры шрифтов. Гарнитура 9:22 Параметры шрифтов. Кернинг и Трекинг 10:47 Что делать со шрифтами нельзя? 11:15 Начертания 12:10 Акциденция 13:38 Оформление ссылок 14:46 Что такое хорошая типографика? Типографика: раскладка Ильи Бирмана – ТОП 5 Правил Типографики на Сайте (Типографская Клавиатура для Веб-Дизайнеров) - Адаптивный Дизайн Сайта (Особенности Создания) 2018 - Уроки веб-дизайна с нуля для начинающих - Блог о веб-дизайне и интерфейсах – Я Вконтакте – Мой Instagram - Бесплатный курс - Двухмесячный курс с обратной связью и трудоустройством - ВК: Двухмесячный курс с обратной связью и трудоустройством -

Comments to the video: ТОП 5 Правил Типографики на Сайте (Типографская Клавиатура для Веб-Дизайнеров)

Александр Недух 5 days ago
на 7 минутке вы гласите о выравнивании текста, вы осознаете что верстальщик не будет каждую не подходящую строчку выносить в ручную ? часто там попросту общая ширина блока с текстом указывается а далее уже какой знак попал в крышка строчки, тот там и останеться. Но это правило непосредственно для интернет дизайна относится и непосредственно для огромных массивов текстов которые врядли кто то будет этак вылизывать.
Школа веб-дизайна Максима Солдаткина 5 days ago
В верстке эта задачка решается вставкой неразрывных пробелов. Можно использовать, к примеру, этот типограф – почитайте.  Но, к огорчению, обыкновенно никто этим не занимается, это конечно.
Ярослав Родионов 2 months ago
- – —
Nata Смит 2 months ago
Спасибо!
Аннa Ш 3 months ago
Отличный задание, огромное благодарю! Хотелось бы еще выяснить будто верно рассчитывать отступы меж элементами, строчками текста (интерлиньяж)
Анна Потеряева 4 months ago
Коротко, доступно, понятно. верно (из огромного опыта различных воркшопов. семинаров, прочтеных книжек). Дала студентам глядеть, поэтому что релаьно все в тему.
LamBada! 11 months ago
на 1.25 глядеть пять!
Krestián Zakharov 1 year ago
Отличная, нужная информация. Поменьше бы еще чвакающих звуков.
ErfinPlay 1 year ago
Christian Falter вообщем не увидел никакого чваканья.
Egor Androsov 1 year ago
Спасибо. Хотелось бы по-больше про работу со шрифтами
Спартак 1 year ago
Раскладка Бирмана - классная штука, издавна ею пользуюсь.
ErfinPlay 1 year ago
Вадим Великолепный устанавливается будто доп софт?
Rus Ua 1 year ago
Спасибо за видео. Подскажи изволь что за тулза которой ты выделял элементы
Smartwatches Netua 1 year ago
А Алексей Климанов не твой брат? Я реально вас путаю. что за наваждение, голоса, повадка, ритм. Так не бывает
infirit 2 years ago
Не упомянули про куцее тире для отбивания числовых диапазонов.
Школа веб-дизайна Максима Солдаткина 2 years ago
+infirit благодарю за добавление
Evgeniy Golyaka 2 years ago
Про прозрачность подчеркивания не сообразил, в PS вроде дудки такового элемента опции либо попросту имеется ввиду отрисовывать инвентарем прямоугольник самое подчеркивание и там уже поменять краска либо прозрачность?
Mett Demmit 1 year ago
Да, необходимо подчеркивание делать попросту будто фигуру - прямоугольник
Татьяна Иванова 2 years ago
Максим, здрасти. Спасибо вам большущее за море полезной инфы! Я отыскала ваши уроки и попросту залипла в их)) Сразу ощущается, что вы специалист. Более того, специалист, какой может правильно донести свои познания до других. Очень заинтересовалась вашим курсом, однако не могу покамест отважиться. Может быть, когда посмотрю все видео до конца, решительность появится:) Спасибо еще один!
Школа веб-дизайна Максима Солдаткина 2 years ago
+Татьяна Иванова изволь. Буду рад увидаться, на последующей неделе начинаем новоиспеченный поток.
Vitalii Skaletskyi 2 years ago
хорошее видео. сенкс
Школа веб-дизайна Максима Солдаткина 2 years ago
+Виталий Скалецкий изволь)
Екатерина Ногай 2 years ago
👍
Школа веб-дизайна Максима Солдаткина 2 years ago
+Екатерина Ногай ;)
Остап Буряк 2 years ago
Спасибо огромное за видео-задание. Полезно. Рекомендую устанавливать напоминание Если нравится - ставь лайк! потом основы видео, чтоб юзеры не забывали.
Школа веб-дизайна Максима Солдаткина 2 years ago
+Остап Буряк отлично)
Serg Mexovoy 2 years ago
Если кушать нампад, то весьма комфортно набирать: « alt + 0171 » alt + 0187 – alt + 0150 — alt + 0151 © alt + 0169
Denisko Redisko 1 year ago
Охереть будто комфортно :) И хотя иногда сам этак и делаю, дано охото поставить какую-нибудь типографскую раскладку. В FAR для этого у меня работают lua-macro, типа такового: ctrl+shift+c → © ctrl+shift+r → ® ctrl+shift+( → « ctrl+shift+) → » ctrl+shift+space → \xA0 ctrl+shift+minus → —
Школа веб-дизайна Максима Солдаткина 2 years ago
+Alexey Moryashkov конечно, Бирман полезную штуку сделал
Alexey Moryashkov 2 years ago
+Serg Mexovoy, Зачем заниматься таковой наркоманией, когда кушать клавиатура Бирмана?
Школа веб-дизайна Максима Солдаткина 2 years ago
+Serg Mexovoy благодарю, понадобится
Владимир Юшин 2 years ago
Мне 70 лет. Вот исполнилось пару недель вспять. Я смогу стать интернет-дизайнером? Я люблю отрисовывать ручками и карандашами. И вообщем искусство это мое! Как Вы считаете?
aleks turo 1 month ago
Да, кушать примеры удачных вебдизайнеров за 70 , принципиально найти свою нишу и манера
Школа веб-дизайна Максима Солдаткина 2 years ago
+Владимир Юшин не стоит спрашивать кого-то можете вы либо дудки, я, когда начинал, никого не спрашивал. Хочется – делайте. Проще не юным, проще современным, с прицелом на будущее. А в чём неувязка с актуальностью?
Владимир Юшин 2 years ago
+Школа интернет-дизайна Максима Солдаткина Актуальность интернет-дизайна не может быть нескончаемой. Это еще одна неувязка.
Владимир Юшин 2 years ago
+Школа интернет-дизайна Максима Солдаткина Молодым проще?
Школа веб-дизайна Максима Солдаткина 2 years ago
+Владимир Юшин шансы кушать. А искусством точно получится
HappyKittyJo 2 years ago
будто убавлять прозрачность подчеркивания (для ссылки)? - тоже нравится такая типографика. и конечно - кернигом пользуюсь лишь для лого. обыкновенно трекинг юзаю. про гарнитуру - новое и полезное для себя.
Nat Geo 6 months ago
Убираешь стандартное подчеркивание и прописываешь ссылке бордер-боттом. У этого стиля можно хоть какой краска задать. Можно еще одинешенек костыль - прописать ссылке бэкграунд с высотой в 1-2 пикселя, шириной 100% и позиционированием по нижнему краю.
Школа веб-дизайна Максима Солдаткина 2 years ago
+Юрий Фомин конечно, сумеет, однако это малость хитрее делается чем обыденное подчеркивание
Юрий Фомин 2 years ago
+Школа интернет-дизайна Максима Солдаткина, а верстальщик сумеет верно это воплотить?
Школа веб-дизайна Максима Солдаткина 2 years ago
+HappyKittyJo В графическом редакторе необходимо отрисовывать отдельную чёрточку и убавлять ей прозрачность
Артем Томин 2 years ago
Спасибо, Максим! Очень достойные внимания и полезные ролики.
Школа веб-дизайна Максима Солдаткина 2 years ago
+Артем Томин изволь. Рад, что здорово :)
Школа веб-дизайна Максима Солдаткина 2 years ago
Верно, арифметические знаки стоит отбивать полупробелами
Аннa Ш 3 months ago
а что означает полупробелами ?
Алмаз Ибатуллин 2 years ago
Кстати, арифметические знаки отбиваются пробелами, за исключением того варианта, когда относятся к самому числу.
Школа веб-дизайна Максима Солдаткина 2 years ago
+cool k дудки, менеджеры шрифтов не использую. Возможно подписчики употребляют? Друзья, посоветуйте.
Школа веб-дизайна Максима Солдаткина 2 years ago
+cool k все что ты написал можно мастерить. Я говорил будто мастерить, чтоб вышло и прекрасно и стремительно :)
TheAmazingTube 2 years ago
Привет , Максим , можешь поведать изволь про отступы меж (текстовыми блоками, иконками , не равнозначными изображениями а этак же меж блоками и заголовками и пр. ), где какие отступы часто делают , будто этим можно пользоваться. Уже несколько один доводилось длительно определять лучший размер отступа частей до конца блока , по сопоставлению с отступом в начале блока к заголовку либо изображению
Школа веб-дизайна Максима Солдаткина 2 years ago
+TheAmazingTube конечно, благодарю, животрепещущий проблема. Сделаю видео.
Serhio Pereyro 2 years ago
Всё будто вечно на высоте! Уже меньше запинаешься, приятно слышать. Очень нравятся куски из программ и объясняющие сноски) Круто!
Школа веб-дизайна Максима Солдаткина 2 years ago
+Serhio Pereyro благодарю :)
Cool K 2 years ago
Еще проблема, используешь какие-нибудь менеджеры шрифтов?
Cool K 2 years ago
Максим, не совершенно сообразил, в чем разность меж искусственным повышением толщины шрифта в редакторе и акциденцией жирным. Т.е. невозможно использовать при акциденции шкалу толщины 300-400-800, лишь пресет, данный создателем? Инструменты жирный и курсив в word испокон веков употребляют, думаю даже в publisher и ничего. Тут же дело вкуса, можно вообщем в кривые переместить и поменять геометрию, если текста не достаточно. Можешь откомментировать?
Эдуард Зарипов 2 years ago
Спасибо, Максим! Доходчиво поведал. Узнал кое-что новое.
Эдуард Зарипов 2 years ago
Большинство из показанного было понятно. Узнал: — Технические начертания. не уделял внимания, отлично что не воспользовался =) — Швейцарская строчка (термин) — Про гарнитуру ошибался
Школа веб-дизайна Максима Солдаткина 2 years ago
+Эдуард Зарипов изволь, а что конкретно?)
Nick Michal 2 years ago
Привет Максим! Во-первых желаю произнести для тебя благодарю огромное за твои видео, они весьма помогают и почти все дали осознать. Но истина появились пару вопросов, покамест я лишь учусь, однако я умею малость будто и отрисовывать веб-сайты (интернет дизайнер) этак и могу их основывать, воплощать их (верстальщик) (соотвественно мне еще нужна практика, этак будто я новенький еще) однако азы и осознание, все это кушать. В каком то видео ты гласил если отрисовывать веб-сайты, то лучше чтобы отдельный человек верстал твой нарисованный веб-сайт, та и в компаниях эти профессии делятся, какой то человек интернет дизайнер, иной верстальщик и совместно они воплощают веб-сайт. Так вот таковой проблема, могу ли я шагать сходу в два направления? Насколько я понимаю это будет более нужно либо же избрать что то одно и шагать по одному пути? Так будто трудно будет осилить два пути сходу? Просто жажда, а главное энтузиазм, кушать в том и другом пути. Заранее благодарю за ответ
Школа веб-дизайна Максима Солдаткина 2 years ago
На курсе Дизайнер будто один это делаю)
Школа веб-дизайна Максима Солдаткина 2 years ago
+Ovik Mooshlyan конечно, все правильно. Спасибо за ответ :)
Школа веб-дизайна Максима Солдаткина 2 years ago
+Red Fox приступить лучше с 1-го – с дизайна
Devinart.ru/художник 2 years ago
+Ovik Mooshlyan благодарю, однако проблема адресован Евгению.
Devinart.ru/художник 2 years ago
+Евгений «JB» Бондарев каким обязан быть адекватный макет в иллюстраторе. Опишите приблизительно, изволь.