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

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

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

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

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

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

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

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

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

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

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

Рубрики
Дизайнеру Полезности

Приятные мелочи для дизайнера

В это прекрасный день, а кто не знает, 14 февраля — День влюбленных, хотелось запостить что-то симпатичное и полезное. Так сказать с любовь:)

В общем, в результате вышла «соляночка» из двух вещей:

1. Альбом для веб-дизайнера

Что это? Это подборка полезных картинок, которые имитируют окно браузера на бумаге. Достаточно просто распечатать их на листе формата A4 и у вас готов альбом для дизайнера.

mockup-web

Доступно 4 варианта разметки листов:

А теперь, немного содержимого для вашего нового альбома.

2. Набор ретро иконок

preview2

За иконки спасибо SmashingMagazine, а качаем здесь.

Да, кстати, кто еще не знаком с линкомаулией, пора узнать о ней побольше. Можно прочитать здесь — http://www.commentbox.ru/seo_news/313/.

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

Создание сайта начинается с бумаги и карандаша

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