Рубрики
Дизайнеру Теория

Дизайнерам-мудакам или…

Советы дизайнерам веб-сайтов за которые верстальщик скажет спасибо

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

Ошибка моя заключалась в том, что взглянув на превью макета и увидев довольно неплохой чистый дизайн, я до начала работы не открыл предоставленный послойный .psd макет в редакторе для более детального изучения. Да, говно я верстальщик после этого, но приходится учится на своих ошибках и делиться опытом с другими.

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

Что было не так в макете? Самое плохое было то, что от него так и веяло «плакатом». Помимо этого были нарушены все основные требования грамотного дизайна макетов сайтов: полное отсутствие структуры макета, использовались нестандартные шрифты, при этом к исходнику не были предоставлены эти самые шрифты, помимо этого графика и текстовые материалы были смешаны, а местами вообще сведены в единые слои. Ну… Естественно о сетке, каких либо направляющих и линейках я вообще и не говорю, ими там и не «пахло».

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

Итак, изначально давайте обозначим основные моменты о которых мы будем говорить далее.

  • Сетка макета
  • Структура макета
  • Разделение графики и текстов
  • Шрифты
  • Единицы измерения
  • Обязательные элементы макета

Собственно, далее подробно по каждому моменту.

Рубрики
Дизайнеру Теория

Шрифты включенные в каждую версию Windows

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

Если Вы ищете шрифты, которые Вы можете безопасно включить в ваши web-страницы, посмотрите список общих шрифтов ко всем версиям Windows и их эквиваленты в Mac OS.

Рубрики
Дизайнеру Теория

4 элемента дизайна сайта, которые вы ненавидите, но они «работают»

Перевод статьи с сайта http://www.wakeuplater.com

Если Вы когда-либо создавали сайт не для себя лично, а для кого-то еще (заказчика), вы должны были пройти через болезненный процесс, когда клиент вносит свои правки, которые, по вашему мнению, являются ненужными, уродливыми, или просто убийственными. В мыслях вы утверждаете — «Дизайн просто супер» и недоумеваете, почему клиент не может понять, что ваша оригинальная композиция не нуждается редактировании. Но прежде, чем Вы назовете своего клиента неосведомленным в дизайне троглодитом, вы должны усвоить, что есть много элементов, которые вы можете ненавидеть, но они фактически «работают»…

«Нажмите здесь» (Click Here) или «Продолжить». Вам, конечно, может не нравиться дизайн, который говорит посетителю точно, что сделать. И вы, конечно же, можете заменить стандартные фразы на более оригинальные и остроумные. Однако многие исследования доказывают, что фразы «Нажмите здесь» и «Продолжить» работают лучше, нежели нестандартные фразы типа «Хотите узнать, что будет дальше?»