Русский
Русский
English
Статистика
Реклама

8 ошибок начинающего PSD дизайнера. Как упростить работу верстальщика


Ситуация


Перед дизайнером стоит задача о создании psd-макета, который верстальщик будет переносить в HTML&CSS.
Умолчим о том, насколько это правильная ситуация, и что к ней привело.
Почти умалчиваем о дизайне как о таковом.
Поговорим о бюджетной разработке, заточенной под минимальное качество. Например, миримся с названиями слоёв фигура 14 копия 5 и ратуем за упрощения.
Расскажем о частых ошибках дизайнеров в psd-макетах, из-за которых верстальщики могут испытывать проблемы. С этими ошибками столкнулись мы. Порекомендуем как это исправить. Приведём также некоторые советы для дизайнеров, упрощающие работу верстальщика.
Статья следует из нашего опыта веб-разработки. Вот другой опыт и ещё.

Формат


Пишем кратко по формату:

Ошибка. Как исправить. Для чего это.


Ошибки


  1. Плохое начертание шрифта, например, ЖКД Windows. Не ошибётесь, если поставите резкое. Иначе шрифт не перенести.
  2. Логотип в PNG, на просьбу перевести в SVG, делают конвертацию в data:img/png;base64. Перевести в вектор или сказать, что не получится. Векторный формат показывает без размытий.
  3. Отсутствие шрифтов макета в папке с дизайном. Положить шрифты в папку, а лучше использовать бесплатные CDN шрифты или встроенные в OS. Без шрифта не выудишь и рыбку из пруда.


Предупреждения


  1. Ширина основного содержимого больше 1300px. Не ошибётесь если выберите от 940px до 1200px. Если десктопная версия одна, то её легче разрабатывать и поддерживать.
  2. Отсутствие реакций при наведении или реакции сделаны в разнобой. Нужно делать реакции, например, при наведении курсора на ссылку; стараться делать однотипные реакции для одинаковых действий. Реакции должны помогать пользователю взаимодействовать с сайтом, а не мешать.


Хотелки


  1. Маленькие иконки не из набора. Подойдут и распространены иконки Font Awesome версии 4.7 или 5. Для упрощения вёрстки рекомендуем использовать иконки из какого-либо готового набора.
  2. 24 битные цвета #abcdef. Использовать 12 битные цвета #ace. Упрощает вёрстку.

Критическая ошибка, рушащая всё на своём пути


  1. Наши покупатели выберают, расчитать стоимость и иные орфографические ошибки. В безударном положении в корне бер-/бир- пишется буква и, если после корня следует суффикс -а-, а если его нет, то пишется буква е. Филолог-верстальщик не будет метать икру.

Заключение


Хороший дизайн это как можно меньше дизайна
Дитер Рамс
Источник: habr.com
К списку статей
Опубликовано: 22.08.2020 04:15:43
0

Сейчас читают

Комментариев (0)
Имя
Электронная почта

Веб-дизайн

Разработка веб-сайтов

Верстка сайтов

Категории

Последние комментарии

  • Имя: Макс
    24.08.2022 | 11:28
    Я разраб в IT компании, работаю на арбитражную команду. Мы работаем с приламы и сайтами, при работе замечаются постоянные баны и лаги. Пацаны посоветовали сервис по анализу исходного кода,https://app Подробнее..
  • Имя: 9055410337
    20.08.2022 | 17:41
    поможем пишите в телеграм Подробнее..
  • Имя: sabbat
    17.08.2022 | 20:42
    Охренеть.. это просто шикарная статья, феноменально круто. Большое спасибо за разбор! Надеюсь как-нибудь с тобой связаться для обсуждений чего-либо) Подробнее..
  • Имя: Мария
    09.08.2022 | 14:44
    Добрый день. Если обладаете такой информацией, то подскажите, пожалуйста, где можно найти много-много материала по Yggdrasil и его уязвимостях для написания диплома? Благодарю. Подробнее..
© 2006-2024, personeltest.ru