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

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 พ.ย. 2024

ความคิดเห็น • 86

  • @irynadelikatna1730
    @irynadelikatna1730 3 ปีที่แล้ว +3

    Спасибо 🙏
    Классное видео! Как новичок в дизайне - много полезного для себя открыла 🤗

  • @NEKTApro
    @NEKTApro 6 ปีที่แล้ว +2

    Коротко, доступно, понятно. правильно (из большого опыта всевозможных воркшопов. семинаров, прочтеных книг). Дала студентам смотреть, потому что релаьно все в тему.

  • @АннШ
    @АннШ 6 ปีที่แล้ว +2

    Отличный урок, большое спасибо! Хотелось бы еще узнать как правильно рассчитывать отступы между элементами, строками текста (интерлиньяж)

  • @Hell321100
    @Hell321100 6 ปีที่แล้ว +3

    Спасибо, Максим. Мне, гуманитарию, со всей моей любовью к языкам, после худ. института типографика ооочень трудно давалась. Ещё на курсах дизайна этот вопрос поднимался. А тут всё прям по полочкам. Мои основные прошлые ошибки - как на ладони)

  • @viktoriia5614
    @viktoriia5614 6 ปีที่แล้ว +1

    Добрый день, Максим. Я смотрю ваши уроки. В одном из уроков, вы говорите о платных курсах в три этапа. После которых есть вероятность трудоустройства. У меня возник вопрос. Подскажите пожалуйста, для меня это новое направление, с нуля. Я занималась финансовыми вопросами, решила поменять вид деятельности. Мне это нравиться и решила попробовать. Но.. меня смущает, что я сейчас переехала в Испанию. Испанского языка, я еще незнаю, если искать клиентов на территории Испании. После окончания курсов, можно было бы походить в студию, как вы говорили, но это нужно ехать на родину? Вы просто писали что подаете информацию о студентах более чем в 800 агентств и школ. Школы на территории каких стран? Жду очень вашего ответа.

  • @ElenaYakovlevna
    @ElenaYakovlevna 5 ปีที่แล้ว +1

    Начала смотреть. Нравится Ваш стиль преподнесения информации и голос😀 Смогу ли я все освоить, если вообще новичок?😀 Фотошоп надо скачать?

  • @ТатьянаИванова-э5м
    @ТатьянаИванова-э5м 8 ปีที่แล้ว +12

    Максим, здравствуйте. Спасибо вам огромное за море полезной информации! Я нашла ваши уроки и просто "залипла" в них)) Сразу чувствуется, что вы профессионал. Более того, профессионал, который может адекватно донести свои знания до других. Очень заинтересовалась вашим курсом, но не могу пока решиться... Может быть, когда посмотрю все видео до конца, решительность появится:) Спасибо еще раз!

  • @АнастасияШуматбаева-и8ж
    @АнастасияШуматбаева-и8ж 4 ปีที่แล้ว +10

    1:55
    "выравнивать по ЛЕВОМУ краю"

  • @UaSerhio
    @UaSerhio 9 ปีที่แล้ว +1

    Всё как всегда на высоте!
    Уже меньше запинаешься, приятно слышать. Очень нравятся
    фрагменты из программ и объясняющие сноски) Круто!

  • @SergMexovoy
    @SergMexovoy 9 ปีที่แล้ว +35

    Если есть нампад, то очень удобно набирать:
    « alt + 0171
    » alt + 0187
    - alt + 0150
    - alt + 0151
    © alt + 0169

    • @Школавеб-дизайнаМаксимаСолдатк
      @Школавеб-дизайнаМаксимаСолдатк  9 ปีที่แล้ว +1

      +Serg Mexovoy спасибо, пригодится

    • @design2077
      @design2077 9 ปีที่แล้ว

      +Serg Mexovoy,
      Зачем заниматься такой наркоманией, когда есть клавиатура Бирмана?
      ilyabirman.ru/projects/typography-layout/

    • @Школавеб-дизайнаМаксимаСолдатк
      @Школавеб-дизайнаМаксимаСолдатк  9 ปีที่แล้ว +1

      Alexey Moryashkov да, Бирман полезную штуку сделал

    • @deniskoredisko371
      @deniskoredisko371 7 ปีที่แล้ว

      Охереть как удобно :) И хотя порой сам так и делаю, дано хочется поставить какую-нибудь типографскую раскладку. В FAR для этого у меня работают lua-macro, типа такого:
      ctrl+shift+c → ©
      ctrl+shift+r → ®
      ctrl+shift+( → «
      ctrl+shift+) → »
      ctrl+shift+space → \xA0
      ctrl+shift+minus → -

    • @belodor3399
      @belodor3399 5 ปีที่แล้ว

      Не имеет ничего общего с удобством)

  • @ОстапБуряк-е7з
    @ОстапБуряк-е7з 9 ปีที่แล้ว

    Спасибо большое за видео-урок. Полезно. Рекомендую ставить напоминание "Если нравится - ставь лайк!" после начала видео, чтобы пользователи не забывали.

  • @temcodes
    @temcodes 5 ปีที่แล้ว +1

    Скажите, пожалуйста, что за шрифт используется на слайде 15:30 ? Шрифт напоминает Proxima Nova

  • @tzeduard
    @tzeduard 9 ปีที่แล้ว +2

    Спасибо, Максим! Доходчиво рассказал. Узнал кое-что новое.

    • @Школавеб-дизайнаМаксимаСолдатк
      @Школавеб-дизайнаМаксимаСолдатк  9 ปีที่แล้ว

      +Эдуард Зарипов пожалуйста, а что именно?)

    • @tzeduard
      @tzeduard 9 ปีที่แล้ว

      Большинство из показанного было известно.
      Узнал:
      - Технические начертания. не уделял внимания, хорошо что не пользовался =)
      - Швейцарская строка (термин)
      - Про гарнитуру ошибался

  • @EgorAndrosov56
    @EgorAndrosov56 7 ปีที่แล้ว +1

    Спасибо. Хотелось бы по-больше про работу со шрифтами

  • @livebing
    @livebing 9 ปีที่แล้ว +5

    Кстати, арифметические знаки отбиваются пробелами, за исключением того случая, когда относятся к самому числу.

  • @Morgoth-05
    @Morgoth-05 3 ปีที่แล้ว

    Спасибо за видео 👍

  • @RezoUI
    @RezoUI 4 ปีที่แล้ว

    Thank u very much. Greets from Tbilisi.

  • @parahumanoid
    @parahumanoid 3 ปีที่แล้ว

    Вы акциденцию с акцентуацией не путаете?
    Термин «акциденция» используют в издательском деле, в полиграфии и в книжной графике. Этим словом называют разовые, наиболее сложные работы, требующие специального подхода, навыков, оборудования и технологии, например создание художественных афиш, плакатов, эстампов. Отсюда так называемые акцидентные работы - создание дополнительных элементов оформления книги: рисованных виньеток, заставок, буквиц, бордюров (обобщённое название: политипажи)

  • @ГалинаШлыкова-д6к
    @ГалинаШлыкова-д6к 6 ปีที่แล้ว +1

    Урок профессионала! Спасибо!

  • @j.d.3890
    @j.d.3890 8 ปีที่แล้ว +2

    Спасибо за видео. Подскажи пожалуйста что за тулза которой ты выделял элементы

  • @Cool_K
    @Cool_K 9 ปีที่แล้ว

    Максим, не совсем понял, в чем разница между искусственным увеличением толщины шрифта в редакторе и акциденцией жирным. Т.е. нельзя использовать при акциденции шкалу толщины 300-400-800, только пресет, заданный автором? Инструменты жирный и курсив в word испокон веков используют, думаю даже в publisher и ничего... Тут же дело вкуса, можно вообще в кривые перевести и поменять геометрию, если текста мало. Можешь прокомментировать?

  • @АртемТомин-ы4р
    @АртемТомин-ы4р 9 ปีที่แล้ว +1

    Спасибо, Максим! Очень интересные и полезные ролики.

  • @Cool_K
    @Cool_K 9 ปีที่แล้ว

    Еще вопрос, используешь какие-нибудь менеджеры шрифтов?

  • @ilyabirg
    @ilyabirg 2 ปีที่แล้ว

    очень круто

  • @НикитаМихайлов-э4л
    @НикитаМихайлов-э4л 9 ปีที่แล้ว

    Привет Максим!
    Во-первых хочу сказать тебе спасибо большое за твои видео, они очень помогают и многое дали понять.
    Но правда возникли пару вопросов, пока я только учусь, но я умею немного как и рисовать сайты (веб дизайнер) так и могу их создавать, воплощать их (верстальщик) (соотвественно мне еще нужна практика, так как я новичек еще) но азы и понимание, все это есть.
    В каком то видео ты говорил если рисовать сайты, то лучше чтоб отдельный человек верстал твой нарисованный сайт, та и в компаниях эти профессии разделяются, какой то человек веб дизайнер, другой верстальщик и вместе они воплощают сайт.
    Так вот такой вопрос, могу ли я идти сразу в два направления? Насколько я понимаю это будет более востребовано или же выбрать что то одно и идти по одному пути? Так как сложно будет осилить два пути сразу?
    Просто желание, а главное интерес, есть в том и другом пути.
    Заранее спасибо за ответ

    • @gamervmid
      @gamervmid 9 ปีที่แล้ว

      +Ovik Mooshlyan Почему Ai, а не Ps?

    • @НикитаМихайлов-э4л
      @НикитаМихайлов-э4л 9 ปีที่แล้ว

      +Ovik Mooshlyan спасибо тебе большое за развернутый ответ) надо будет пересмотреть видео где Максим упоминал про это дерево с Варкрафта)
      Ты я так понимаю уже работаешь в этой сфере?
      Я пока что только учусь, "веб технолог" там правда изучают только верстку и минимум дизайна, а верстка у меня можно сказать хобби с детства, те времена когда еще многие на Ucoze делали свои шаблонный сайты для игр и т.п.)
      Но, на данный момент так же понимаю что есть большой интерес к дизайну, самому все рисовать, красиво оформлять и т.п. (Так же идет почти с детства, только тогда в Paint.NET рисовал различные лого для магазинов и прочее) Но тут я самоучка, поэтому не все свои идеи в голове могу реализовать в фотошопе и трачу время на то, чтоб научится это делать)
      Так вот такой вопрос возник, что сейчас на рынке более востребовано и пользуется спросом? Веб дизайнер или верстальщик?

    • @jaybonde
      @jaybonde 9 ปีที่แล้ว

      +Ovik Mooshlyan опробуй скетч (но он только под мак), там все в векторе, но при этом в пикселях, все-таки веб он пиксельный (ну и процентный соответственно). Может все-таки мне не повезло, но я еще не видел ни одного нормального макета в люстре за весь 5-летний опыт работы.

    • @НикитаМихайлов-э4л
      @НикитаМихайлов-э4л 9 ปีที่แล้ว

      +Ovik Mooshlyan Насчет Маc могу тебе подсказать, как установить хакинтош без всяких проблем, флешек,дисков и кодов) А то в Ютубе хоть и есть туториалы, но большинство из них по пол часа, не понятные, какие то не работают и т.п.
      Хотел у тебя еще спросить пару вопросов, можно с тобой как то в вк связаться?) чтоб тут не спамить) Просто как уже говорил, я новичок в этом деле и по большой мере самоучка, а людей и знакомых рядом которые занимаются этим делом, нет и в помине, поэтому спросить у кого то совета, задать вопрос по этой теме не у кого, у хотелось бы пообщаться с человеком, который уже работает в этой сфере и профессионал ) Если ты конечно не против)

    • @OksanaDevina
      @OksanaDevina 9 ปีที่แล้ว

      +Евгений «JB» Бондарев каким должен быть адекватный макет в иллюстраторе. Опишите примерно, пожалуйста.

  • @Максим-ф4ъ9э
    @Максим-ф4ъ9э 6 ปีที่แล้ว

    спасибо! а как правильно ссылки делать? надо пунктирную или простую линию использовать?? можно использовать свойство текста underline ???

  • @evgeniygolyaka4554
    @evgeniygolyaka4554 8 ปีที่แล้ว

    Про прозрачность подчеркивания не понял, в PS вроде нет такого элемента настройки или просто имеется ввиду рисовать инструментом "прямоугольник" самое подчеркивание и там уже менять цвет или прозрачность?

    • @mettdemmit5131
      @mettdemmit5131 8 ปีที่แล้ว +1

      Да, нужно подчеркивание выполнять просто как фигуру - прямоугольник

  • @Sozdat3l
    @Sozdat3l 6 ปีที่แล้ว

    на 7 минуте вы говорите о выравнивании текста, вы понимаете что верстальщик не будет каждую не подходящую строку переносить в ручную ? зачастую там просто общая ширина блока с текстом указывается а дальше уже какой символ попал в конец строки, тот там и останеться. Но это правило конкретно для веб дизайна относится и конкретно для больших массивов текстов которые врядли кто то будет так вылизывать.

    • @Школавеб-дизайнаМаксимаСолдатк
      @Школавеб-дизайнаМаксимаСолдатк  6 ปีที่แล้ว +1

      В верстке эта задача решается вставкой неразрывных пробелов. Можно использовать, например, этот типограф - www.artlebedev.ru/typograf/about/ почитайте.
      Но, к сожалению, обычно никто этим не занимается, это да.

  • @Школавеб-дизайнаМаксимаСолдатк

    Верно, арифметические знаки стоит отбивать полупробелами

    • @АннШ
      @АннШ 6 ปีที่แล้ว

      а что значит "полупробелами"?

  • @justspartak
    @justspartak 8 ปีที่แล้ว

    Раскладка Бирмана - классная штука, давно ею пользуюсь.

    • @ErfinPlay
      @ErfinPlay 7 ปีที่แล้ว

      Вадим Великолепный устанавливается как доп софт?

  • @ChristianFalter
    @ChristianFalter 7 ปีที่แล้ว

    Отличная, полезная информация. Поменьше бы еще чвакающих звуков...

    • @ErfinPlay
      @ErfinPlay 7 ปีที่แล้ว +1

      Christian Falter вообще не заметил никакого "чваканья"...

  • @Школавеб-дизайнаМаксимаСолдатк

    +cool k нет, менеджеры шрифтов не использую.
    Возможно подписчики используют? Друзья, порекомендуйте.

  • @HappyKittyJo
    @HappyKittyJo 9 ปีที่แล้ว

    как уменьшать прозрачность подчеркивания (для ссылки)? - тоже нравится такая типографика.
    и да - кернигом пользуюсь только для лого.
    обычно трекинг юзаю.
    про гарнитуру - новое и полезное для себя.

    • @Школавеб-дизайнаМаксимаСолдатк
      @Школавеб-дизайнаМаксимаСолдатк  9 ปีที่แล้ว +1

      +HappyKittyJo В графическом редакторе нужно рисовать отдельную чёрточку и уменьшать ей прозрачность

    • @Hitaky
      @Hitaky 9 ปีที่แล้ว

      +Школа веб-дизайна Максима Солдаткина, а верстальщик сможет правильно это реализовать?

    • @Школавеб-дизайнаМаксимаСолдатк
      @Школавеб-дизайнаМаксимаСолдатк  9 ปีที่แล้ว

      Юрий Фомин да, сможет, но это немного хитрее делается чем обычное подчеркивание

    • @Napodgo
      @Napodgo 6 ปีที่แล้ว

      Убираешь стандартное подчеркивание и прописываешь ссылке бордер-боттом. У этого стиля можно любой цвет задать. Можно еще один костыль - прописать ссылке бэкграунд с высотой в 1-2 пикселя, шириной 100% и позиционированием по нижнему краю.

  • @vadim26
    @vadim26 3 ปีที่แล้ว

    Млин. Сколько делал сайты не думал, что строка швейцарская.😵
    Пс
    Бедные россиянки, всё свою страну не уважают🎃
    Голосом блондинки, между первым абзацем и пс швейцарская строка. Это очень круто!👯

  • @gamerxtreme1195
    @gamerxtreme1195 5 ปีที่แล้ว +3

    Зачем использовать термины, смысл которых даже не понимаете? Акциденция и акцентирование это совершенно разные понятия, акцидентный = случайный, нам в тексте не случайности надо расставлять, а именно акценты.

  • @Школавеб-дизайнаМаксимаСолдатк

    +cool k все что ты написал можно делать. Я рассказывал как делать, чтобы получилось и красиво и быстро :)

  • @natashared3078
    @natashared3078 6 ปีที่แล้ว +1

    Спасибо!

  • @Владимир-щ8н3ь
    @Владимир-щ8н3ь 9 ปีที่แล้ว +7

    Мне 70 лет. Вот исполнилось пару недель назад. Я смогу стать веб-дизайнером? Я люблю рисовать ручками и карандашами. И вообще искусство это мое! Как Вы считаете?

    • @Школавеб-дизайнаМаксимаСолдатк
      @Школавеб-дизайнаМаксимаСолдатк  9 ปีที่แล้ว

      +Владимир Юшин шансы есть. А искусством точно получится

    • @Владимир-щ8н3ь
      @Владимир-щ8н3ь 9 ปีที่แล้ว +1

      +Школа веб-дизайна Максима Солдаткина Молодым проще?

    • @Владимир-щ8н3ь
      @Владимир-щ8н3ь 9 ปีที่แล้ว

      +Школа веб-дизайна Максима Солдаткина Актуальность веб-дизайна не может быть вечной. Это еще одна проблема.

    • @Школавеб-дизайнаМаксимаСолдатк
      @Школавеб-дизайнаМаксимаСолдатк  9 ปีที่แล้ว +5

      +Владимир Юшин не стоит спрашивать кого-то сможете вы или нет, я, когда начинал, никого не спрашивал. Хочется - делайте.
      Проще не молодым, проще современным, с прицелом на будущее.
      А в чём проблема с актуальностью?

    • @aleksturo137
      @aleksturo137 6 ปีที่แล้ว +2

      Да, есть примеры успешных вебдизайнеров "за 70", важно определить свою нишу и стиль

  • @inf1rit
    @inf1rit 8 ปีที่แล้ว +2

    Не упомянули про короткое тире для отбивания числовых диапазонов.

  • @vitaliiskaletskyi2163
    @vitaliiskaletskyi2163 9 ปีที่แล้ว

    отличное видео. сенкс

  • @ЕкатеринаНогай-ц3к
    @ЕкатеринаНогай-ц3к 9 ปีที่แล้ว

    👍

  • @ИринаШишкина-ж4с
    @ИринаШишкина-ж4с 5 ปีที่แล้ว

    жаль не рассказали сразу, как писать слова полукругом, волной, кругом и т.д. Короче всё о словах и их написании и в фотошопе.

  • @dmitrybo6457
    @dmitrybo6457 5 ปีที่แล้ว

  • @smartwatchesnetua2205
    @smartwatchesnetua2205 8 ปีที่แล้ว

    А Алексей Климанов не твой брат? Я реально вас путаю. что за наваждение, голоса, манера, ритм. Так не бывает