ДизайнЧто рисовать, чтобы не получать по шапке.

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

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

Итак, вы оформили страницы сайта, всё прекрасно, но что же вы могли забыть? Давайте по списку:

На главной

  • точка входа на сайт (2 варианта)

  • vhod.jpg

    Два варианта: для залогиненного юзера и для не авторизованного

  • все стэйты к ссылкам и меню
  • menu.jpg
    Если рисуете меню или ссылки, обязательно должны быть: неактивное состояние, наведённое и активное (для ссылок ещё посещённое). Под эту гребёнку подпадают и кнопки, о которых тоже не стоит забывать.

  • все стандартные блоки
  • opros-neotv.jpg
    opros-otv.jpg
    Здесь я представил только 2 варианта опроса, потому что очень часто рисуют только одно состояние. Однако, чтобы тема была полной существуют стандартные, нет, скорее даже очень часто используемые блоки. Так сказать мастхэв, к ним, помимо опроса, относятся: последние комментарии, сейчас на сайте, новое на сайте. Так же советую предвидеть возможность установки блока без заголовка.

  • значок спискового элемента
  • li.jpg

  • ссылки в превьхах нод (на автора, на всю статью )
  • prewuha_nod.jpg

  • в большинстве случаев лучше всего сразу отрисовать RSS
  • rss.jpg
    Можно и не рисовать, но скорее всего сразу продумать куда её запихнуть ;)

  • пейджер (листалку)
  • pager.jpg

В ноде

  • выделить дату публикации статьи и автора
  • autordate.jpg

В комменте:

  • дата и автор комментария
  • порядковый номер
  • ссылка "ответить" и (если нужно) "ответить цитируя"
  • как будет вести себя коммент при ответе
  • kommenti.jpg
    Выложил скрин всё в одном флаконе, чтобы показать: все элементы должны гармонично смотреться, в соответствии с их приоритетами.

  • форма коммента, а так же капча
  • komment-form.jpg

Дополнительно

  • Трэкер
  • tracker.jpg
    Часто забывают об этой страничке, хотя она очень важна, ведь трэккер по сути - это таблица. А это значит, что нарисовав его, мы нарисуем и общее представление таблиц на сайте.

  • Табы
  • Обязательный элемент представляющий собой... табы ) Можно продумать сразу двухуровневую иерархию

  • Фавиконка
  • fi_ie.jpg
    No comments

      Ну вот вроде и всё, описал, что вспомнил. Если есть какие-то вопросы и предложения. что ещё нужно внести в этот список, то пишите, поправим )

      Всем спасибо, все свободны. ;)

Комментарии

Аватар пользователя Евгений
Евгений написал:

Еще очень важно описать элементы форм в css опираясь на классы которые генерирует drupal. Это позволит элементам форм ( например input[type=text] ) выглядеть одинаково в различных модулях таких как: webforms, contact, comments. А также в своих кастомных модулях

23.10.2011 13:33
Аватар пользователя Farllok
Farllok написал:

Классный дизайн, черный был не айс)

23.10.2011 13:34
Аватар пользователя unic
unic написал:

Оффтоп.

Почему поменяли дизайн сайта? Был очень симпатичный, а теперь стандартная синева :-(

24.10.2011 09:21
Аватар пользователя Spleshka
Spleshka написал:

Сайт переезжал с 6ки на 7ку. Уже готов новый макет сайта. Как появится время - будет новая тема для сайта.

24.10.2011 10:45
Аватар пользователя VVS
VVS написал:

дал дизайнеру почитать, спасибо.

01.11.2011 13:26
Аватар пользователя Гость
Гость написал:

Пожалуйста, рад стараться )

02.11.2011 00:18
Аватар пользователя curly
curly написал:

Прошу прощения за назойливость... Заметил некоторые огрехи: "Можно и не рисавать, но скорее всего сразу продумать куда её запихнуть" ;)

09.11.2011 16:25
Аватар пользователя Spleshka
Spleshka написал:

Спасибо, поправлено

09.11.2011 16:51

Комментировать