Универсальные шрифты для начинающих?

Я программист и начинающий в графическом дизайне. Когда я изучал дизайн, мне было очень трудно решить, какой шрифт использовать на моем веб-сайте. На самом деле, при просмотре по отдельности (т.е. не в бок о бок), я думаю, что большинство шрифтов идентичны друг другу!

Я просмотрел много примеров, но обнаружил, что их стеки шрифтов CSS, как правило, содержат 4 или более шрифтов, что фактически подавляет меня и, предположительно, других начинающих.

Итак, я прошу здесь несколько рекомендаций: есть ли какой-нибудь универсальный шрифт, который можно безопасно использовать новичкам в дизайне? Здесь «безопасный» означает «не делать веб-сайт смехотворно уродливым или неразборчивым».

Чтобы сделать мой вопрос более конкретным, шрифт, который я ищу, должен быть:

  1. Бесплатное использование.
  2. Общее назначение. Он должен быть (хотя бы частично) подходящим для большинства проектов.
  3. Веб-сейф. В идеале он должен быть уже установлен на большинстве устройств.
  4. Роман. Классические шрифты, такие как (Sans) Serif, хороши, но они используются в таком количестве мест, что пользователям они начинают надоедать.
Есть много шрифтов, которые соответствуют этому критерию. Вам нужно будет конкретизировать свой вопрос, чтобы мы могли нам помочь.
@ZachSaucier Я сузил свой вопрос. Надеюсь, теперь достаточно конкретно :)
Я думаю, вы видите все это неправильно. Пункты 1 и 3 — твердые требования, пункт 4 — полностью вымышленный и неправильный. Если вы считаете, что все шрифты выглядят одинаково, начните больше узнавать о шрифтах, их происхождении и способах их построения. Как правило, «шрифт общего назначения» — это плохо. Ваш шрифт должен соответствовать вашему медиа, целевой группе и дизайну.
Все шрифты безопасны, если вы понимаете, как их использовать. Ваш вопрос эквивалентен вопросу "есть ли безопасный цвет для начинающих дизайнеров?" Как сказала JaneDoe1337, чем больше вы узнаете о различиях шрифтов, тем лучше вы сможете их использовать. Например, цвета, языки программирования или пищевые приправы.
@ JaneDoe1337 Я ценю ваш опыт. Тем не менее, я думаю, что если все шрифты выглядят одинаково для меня, они должны быть похожи и для обычных пользователей (сейчас я больше пользователь, чем дизайнер). Итак, зачем тогда тратить время на выбор шрифтов?
@sunqingyao, потому что шрифт может иметь большое значение, даже если это только психологически. Вы можете не заметить или не понять сейчас, но это оказывает большое влияние на общий дизайн. Спрашивать, зачем тратить время на выбор шрифтов, все равно, что спрашивать, зачем тратить время на дизайн чего-либо. Это больше, чем просто сделать что-то «хорошо выглядящим».

Ответы (3)

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

  • Это должно быть разборчиво . Ищите шрифт, который хорошо работает в различных размерах и весах, в черном поверх белого и обратном.
  • Он должен быть разного начертания — ищите семейство с разным начертанием, шириной, курсивом. Это даст вам возможность иметь контраст для заголовков или элементов интерфейса в пределах одного семейства. Если вы найдете семейство, в котором есть как без засечек, так и с засечками, тем лучше.
  • Он должен быть достаточно нейтральным . Это противоречит тому, о чем вы говорите в пункте № 4, но чем больше у шрифта «индивидуальности»/новизны, тем больше вероятность, что он не подойдет для некоторых проектов.

При этом позвольте мне порекомендовать несколько семей, соответствующих этим критериям:

Open Sans введите описание изображения здесь Вряд ли оригинально, но это отличное семейство, с большим количеством начертаний, хорошей языковой поддержкой, даже в узкой версии.

Source Sans Pro введите описание изображения здесь Удивительный шрифт, особенно для дизайна интерфейса, также имеет сопутствующий шрифт с засечками.

Roboto введите описание изображения здесь Довольно сдержанный, но очень разборчивый шрифт, с множеством вариаций и опять же с подходящей засечкой.

Хотя я действительно думаю, что информация, которую вы даете, хороша, у меня возникает соблазн понизить голосование только потому, что я думаю, что ответ не подходит для ОП. Я думаю, он воспользуется этим как быстрым решением вместо того, чтобы чему-то учиться.
Почему вы не считаете его подходящим? Я объясняю причины моего выбора, чтобы помочь ему учиться, и привожу несколько примеров, воплощающих перечисленные принципы. Я считаю, что мой ответ дает полезную информацию для ОП о предмете, о котором он спрашивал.
@ JaneDoe1337 Пожалуйста, не волнуйтесь. Я обещаю вам, что научусь всему, потому что проектирование — это действительно весело! Кроме того, нельзя стать хорошим дизайнером, используя «быстрые решения», верно?
@JaneDoe1337JaneDoe1337 И теперь, когда вы упомянули об этом, есть ли рекомендуемые учебные материалы? В настоящее время я читаю книги по дизайну и шрифтам для недизайнеров.

Сначала я подумал, что это простой вопрос. Нет, это не так. Это хороший фундамент.

Я не помню, кто сказал, что лучше освоить использование нескольких шрифтов, чем просто использовать их тонну... Это не настоящая цитата... Кажется, я тоже вспомнил цитату Xo)

Классическая классификация

Сначала вам нужно понять, на какие категории делятся шрифты. Это был бы длинный ответ, так что вам нужно сделать домашнее задание. https://www.google.com/search?q=font+categories

Но в целом есть некоторые элементы, которые определяют эти категории:

  • Засечки (или их отсутствие)

  • Разница (или отсутствие) между вертикальными и горизонтальными штрихами

  • Общая форма (круглая, квадратная, овальная)

  • Стиль... (о боже, это слишком картонно... Декоративно... давайте пока оставим это в покое)

Один из классических наборов категорий «книжные шрифты»:

  • Старый стиль (римский старый стиль)

  • Современный

  • Гладкая засечка (египетский)

  • гуманист

  • Без засечек

Вариации

По тому, насколько тонкий шрифт и насколько тонкий штрих:

  • Расширенный, нормальный, сжатый

  • жирный, нормальный, тонкий

  • И множество вариаций по некоторым случаям. Экстра, ультра, черный...

Декоративные

Один из личных способов упорядочить «сценарные» шрифты:

  • Рукопись (Стильные шрифты с тонкими линиями, имитирующие использование мягкого каллиграфического пера)

  • Рукописный текст (тип архитектора)

  • Исторический (средневековый, кельтский, «текстура», до Гутенберга)

  • Каллиграфия

  • Мазки

В практическом смысле

1) Без засечек

Выберите, скажем, всего 9 шрифтов без засечек. Хороший вариант — выбрать тот, у которого есть вариации веса (все вариации считаются как один) 3 для каждой категории (вы можете повторять один и тот же шрифт в разных категориях).

  • Некоторые из них хорошо смотрятся в меню. Обычно я выбираю здесь одно сжатое, чтобы в меню было немного больше текста.

  • Одни для текста, один бы вердана, а другой два выбери.

  • Для заголовков, по крайней мере, один очень округлый и круглый.

2) с засечками

Для веба концентрируйтесь больше всего на названиях.

  • Два старых стиля

  • Два современных

  • Две плиты

3) Гуманист

Это работает с длинными и маленькими текстами. Есть не так много на выбор. Выберите только 2.

Будьте готовы иметь длинную коллекцию шрифтов Script

Но собирайте их только по мере того, как этого требует проект. Не тратьте время зря, если у вас нет конкретного дела.

Что касается ваших требований

Просто придерживайтесь шрифтов Google.

И я согласен, что "Роман" и "Общее назначение" - противоречивые термины. Но я это указал в своих "классификациях" шрифтов.

DMCA Sans Serif — это шрифт общего назначения. Версия 9.0 имеет 3309 символов и 32 стиля. У него также есть сабреддит, раздел проблем на github и дискорд.