@m4son

Какие есть строгие стандарты и требования веб-дизайна?

Скажите, какие есть строгие правила или стандарты для создания дизайна сайта?
Интересует в первую очередь следующее:
1) На сколько экранов делать адаптивный дизайн сайта?
2) Сколько колонок из модульной сетки используется под каждый экран?
3) Ширина колонок, ширина контента, отступы между колонками и по бокам ?
4) Какой минимальный размер шрифта под каждую ширину экрана?
Может еще подскажите, какие есть строгие требования к качественному веб-дизайну, или к PSD шаблону
  • Вопрос задан
  • 896 просмотров
Пригласить эксперта
Ответы на вопрос 2
Kadzi
@Kadzi
Ом
1) На сколько экранов делать адаптивный дизайн сайта?


Адекватно фокусироваться на типичных процессах, а не экранах. Например, аудитория в какой-нибудь нише ищет информацию в 95% со смартфонов. А смартфоны с разными физическими экранами и разрешениями. Было бы глупо рисовать под каждый существующий экран адаптивную версию. Выход: делать дизайн таким, чтобы он был живучим на любом устройстве в принципе. Иначе говоря, резиново-адаптивный дизайн: фокус не на количестве экранов, а на типичных действиях, изучается аудитория, затем выбирается подход к созданию мобайл-фёст и десктоп-фёст.

Я считаю, что имеет смысл начинать с мобильных почти во всех нишах.

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

2) Сколько колонок из модульной сетки используется под каждый экран?


Это колоночная сетка. Она так и называется: колоночная. На кой хрен её все называют модульной не понимаю. (понимаю, всякие нубо блоггеры в ютубе называют её модульной).

Сетка нужна дизайнеру, а не верстальщику. Колонок может быть сколько угодно: 12, 24, 7, 3, 5, 50, 1. Дизайнер работает с определенной рабочей шириной, а сетки должны ему помогать с этой шириной работать. Не надо быть заложником сетки, такие дизайны выглядят как говно.

Например рабочая ширина 1200px. Колонок может быть 12, 6, 2, 3, 4. Всё зависит от типа контента, его количества, количества элементов на странице и так далее. Но не в коем случае 12 колонок, потомучто так сказали верстальщики. Повторюсь, сетка для дизайнера, а не верстальщика.

Внимание: дизайнить можно без сеток, но к этому нужно прийти :-)

3) Ширина колонок, ширина контента, отступы между колонками и по бокам ?


У меня в ответах есть полезные ссылки и в том числе ответ на этот вопрос.

4) Какой минимальный размер шрифта под каждую ширину экрана?


Нет такого. Потомучто только идиоты дают рекомендации по размеру пикселей шрифта. У разных шрифтов разные размеры. Например, 2 шрифта величиной в 16px могут сильно отличаться визуально по габаритам. Один 16px будет выглядеть как другой шрифт 14px. А другой 16px будет по размерам как все 20px другого шрифта. Смотреть индивидуально.

Шрифт может быть в % величинах, например масштабироваться в зависимости от экрана или же задаваться конкретными размерами, есть и много других величин кроме px.

какие есть строгие требования к качественному веб-дизайну


Доступность, логика, отсутствие мусора, соблюдение базовых принципов вёрстки, полезного действия. Подробнее в моих ответах есть ссылочки.

или к PSD шаблону


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

Если автора интересует конкретно psd то вот Требования к PSD макетам. Половину всего можно избежать, делая разработку например в Figma
Ответ написан
nikitanaz
@nikitanaz
Life Science UX Designer @EPAM
В нашей стране нет требований.
Есть пожелания, хорошие практики и всякие разные договоренности между клиентом и исполнителем.

Отвечая на вопросы выше:
1) Сколько достаточно для понимания разработки и проработки требований;
2) Сколько решит дизайнер, сетка - лишь рекомендация, а не правило;
3) Сколько решит дизайнер;
4) Зависит от требований заказчика (может портал\сервис для людей с разного рода отклонениями) и что решит дизайнер.
Всё зависит от всего.

п.с. есть документы, регламентирующие разработку систем в целом, но они повыше уровнем, больше для проектирования:
ГОСТ Р ИСО 9241-210: docs.cntd.ru/document/1200141127
И внизу по ссылке ещё пачка документов есть, вдруг кому интересно будет.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы