Шрифт: НЕ ДЕЛАЙ ЭТОГО! Чего не нужно делать с текстом в Photoshop. Web для начинающих

Друзья, всем привет)

Однажды я выкладывала на ваше обозрение небольшую подборку советов о подборе цвета для веб-дизайна (и не только), которую вы приняли очень тепло. Крайне приятно, что могу поделиться какими-то хитростями, к которым можно прийти с опытом, и что твои знания кто-то находит полезными, так что всем отозвавшимся низкий поклон. Небольшой оффтоп: исходя из соотношения хороших и плохих комментариев (которые пока, к счастью, отсутствуют), решила попробовать делиться советами для новичком в формате видео-канала. Что думаете о подобных начинаниях? Задумывались сами о подобном? Интересно ваше мнение)

Но вернемся к теме, указанной в заголовке. Сегодня хочу рассказать немного о том, чего НЕ нужно делать, создавая макет интерфейса в ФШ. А для наглядности, как вы уже поняли, сделаю это в видео-формате :)

Речь пойдет о двух ошибках, которые я часто встречала еще когда-то давно, работая в офисе, когда получала макеты других дизайнеров на доработку (так сказать «по наследству»), да и что греха таить — сама совершала не раз в самом начале пути, вплоть до того как судьба свела в одном кабинете с верстальщиком. Ох, как он мне объяснял, почему я не права и почему он просто НЕ МОЖЕТ сделать так, как у меня в макете)) Ошибки эти о работе с текстом и шрифтами, а шрифты, как мы знаем — сложная и больная тема для большинства новичков.



Буду рада вашим комментариям, а если найдете полезным данную информацию — пожалуйста, поставьте палец вверх этому видео на Ютуб. Я вас, конечно, не заставлю, все исключительно на ваше усмотрение, но это будет мне очень полезно :)
  • 1
  • +4
Ria Marus

Немного дизайнер.
Немного художник.
Немного пишу.

Специализация:

UI/UX
Веб-дизайн, дизайн мобильных приложений

А если менее официально — творческая душа из Украины, постоянно стремящаяся к чему-то новому)
Люблю путешествовать. Вместе...

    11 комментариев

    eugeniavv
    • eugeniavv
    Привет! Я не люблю смотреть видео. Во-первых, это отнимает гораздо больше времени, чем если я ту же информацию прочитаю и посмотрю пояснительные картинки. А во-вторых, в основном делаю все на работе и не могу посмотреть со звуком.
    Вот посмотрела это видео без звука и ничего не поняла.
    ariadna de raadt
    Кстати, на ютюбе есть функция в инсталяциях ( там шесиренка такая внизу) можно подсавить язык на кототором по умолчанию идет ролик как титры. Тогда можно отключить звук и читать
    eugeniavv
    Не знала о таком. Спасибо, попробую)
    ariadna de raadt
    Кстати, кода нудно и долго, можно увеличить скорость прокрутки
    eugeniavv
    Ну это же как раз, если текст не слушать?))
    Ria Marus
    Ну, если закрывать глаза на очень кривые местами сабы, то пользовать можно) Хотя, если не нравится видео и предпочтительнее читать статьи — зачем себя мучить. Я напротив почитать люблю в свободное время, а во время работы включаю видео в наушники, могу даже не смотреть, а слушать краем уха. Когда слух зафиксировал какую-то важную инфу, которую нужно воспринять визуально — взгляд на видео. За эту наглядность и люблю видеообучалки) Но без звука смотреть их — точно трата времени))
    eugeniavv
    Ну я это к тому и написала, что может сделаете ту же информацию в письменном виде?))
    ariadna de raadt
    Иногда сидишь на диване с семьей, слушать невозможно, а почитать, даже на английском можно. А иногда хочется узнать суть, но автор таак дооолго рассказывает, ставлю 1.25 или 1.5. это про многочисленные медицинские каналы, я их слушаю много, нгда убыстренно
    oleskalashnik
    Спасибо. Надо кое-что прояснить. Советы актуальны, прежде всего, для верстальщиков. Но вот художнику, внедряющему текст непосредственно в иллюстрацию, эти средства Фотошопа («зажирнить» и «наклонить») вполне могут принести пользу. Во-первых, они могут даже улучшить восприятие шрифта, если он нестандартный (сейчас полно оригинальных разработок, которые изначально созданы с нарушением канонов). Во-вторых, полезны, если вы применяете шрифт не для текстового блока, предназначенного для чтения, а для коротких слов или даже отдельных букв, вплетённых в саму композицию. В-третьих, функции могут пригодиться, если вы используете чужой шрифт в качестве черновой подложки для построения собственной оригинальной надписи.
    Наконец, к вашим советам можно было бы добавить ещё несколько актуальных: не деформировать шрифт по высоте/ширине (это уродство наиболее часто встречается в рекламных объявлениях); не оставлять слишком мало воздуха между строчками и за пределами текстового блока, не злоупотреблять отбрасываемыми тенями, глоу-эффектом и прочими стилями слоя.
    Ria Marus
    Здравствуйте) Спасибо за ваше замечание.

    Поправка — эти рекомендации для веб и UI/UX дизайнеров, потому что верстальщик и сам знает, что кодом псевдостили не покажешь. Точнее, это советы чисто технические, чтобы не создавать головной боли верстальщику и себе) А про воздух между символами, глоу и тени — это все абсолютно верно, но это уже про эстетику и чувство меры, которое нужно развивать, и парой советов так просто не расскажешь что и как делать со шрифтами.

    Разумеется, для графических дизайнеров и полиграфистов встроенные функции ФШ могут быть полезеыми (иначе их бы просто не существовало), просто нужно контролировать процесс, чтобы не уродовались символы, как я показывала на видео с примером псевдокурсива.
    AlexZhu
    • AlexZhu
    Забыли. Если в шрифте нет родной капители, то подберите шрифт с настоящей

    Уточнение. Вместо «Красиво» — хорошо выполняет функции: инструментальную, адаптивную, интегративную. Т.е. несет сообщение, выполняет эргономические требования и нормативы, построено по правилам формальной композиции
    Войдите на сайт, чтобы оставить комментарий.