Подпишись на RSS архива статей

Thursday, October 18, 2018

Памятка начинающему веб-дизайнеру

Posted by Admin on 14.10.2007

В своей работе часто сталкиваюсь с тем, что при разработке концепции или макета дизайна, упускается такой важный момент как оформление текста. Для опытных дизайнеров это не является находкой или каким-то новым не оговоренным требованием заказчика. А наоборот оформление текста в соответствии с общим дизайном подразумевается по умолчанию. И все доработки (правка CSS) дело нескольких минут. А вот у начинающих веб-дизайнеров подобные вещи порой могут вызывать легкий ступор. Поэтому памятка ниже ориентированная в первую очередь на начинающих веб-дизайнеров.
Итак, при разработке концепции дизайна необходимо также разрабатывать стили оформления (внешний вид) для следующих элементов текста сайта:


1. Основной текстовый шрифт сайта

2.Оформление заголовков

Заголовок 1
Заголовок 2 (подзаголовок)
Заголовок 3 (подраздел)

3. Оформление списков (до 3-го уровня включительно)

1. Нумерованный список
1.1. Нумерованный список
1.1.1 Нумерованный список

- Ненумерованный список
-- Ненумерованный список
--- Ненумерованный список

4. Оформление ссылок (в т.ч. меню):

  • Нажатая ссылка (посещенная)
  • Не нажатая ссылка (не посещенная)
  • Наведенная ссылка
  • Для меню дополнительно необходимо выделить текущий раздел

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

  • Оформление цитат
  • Оформление программного кода (например, если на сайте публикуются программыне коды)
  • Оформление картинок - бордюры и рамки
  • Таблицы

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

:-admin-:

Comments

One Response to “Памятка начинающему веб-дизайнеру”
  1. Дима says:

    Вот взгляд на эту тему немного с другой стороны.

    Я забыл про текущий раздел меню и оформление кода.

Leave a comment, and if you'd like your own picture to show up next to your comments, go get a gravatar!

home | top