Игорь Штанг (nobelfaik) wrote,
Игорь Штанг
nobelfaik

Category:

igorshtang.ru

Теперь у меня есть сайт: igorshtang.ru. На самом деле это не настоящий сайт, а список ссылок на ЖЖ и другие сервисы. Я собрал статьи, переверстки и курсы в отдельные кучки, чтобы они всегда были под рукой.

На главной странице неприлично большой портрет автора в окружении букв и картинок:
Сайт Игоря Штанга

Несколько слов об оформлении:

1. Текст набран одним кеглем, строчки попадают в сетку базовых линий (нажмите на иконку в правом верхнем углу). Мне захотелось проверить, насколько старая добрая приводность применима к экранным макетам. Идеальной реализации не получилось. В вебе, в отличие от Индизайна, нет кнопки «Привязать к базовым линиям», поэтому на некоторых устройствах текст прыгает на пиксель или два. Пока не знаю, как это исправить.

2. Верстка, конечно, адаптивная. Включите сетку и посмотрите, как страницы приспосабливаются к разной ширине.

3. Жесткость макета компенсируется мягким шрифтом и приглушенной цветовой гаммой. Rostin — «механический шрифт с органическим началом». Дополнительно я включил минускульные цифры и буквы с завитушками (в кириллице только у, в латинице J Q f j t y). Контраст слегка понижен: вместо черного на белом — темно-серый на светло-сером.

4. Еще одно «смягчающее обстоятельство» — плавная анимация. Тут есть над чем поработать в следующих версиях.

Сайт сверстал Владимир Кузнецов, за что ему большое спасибо.
Tags: веб, портфолио, приводность, сайт, серый, сетка
Subscribe

Posts from This Journal “портфолио” Tag

  • Челябинские адресные таблички в жизни

    В этом году мы с Ильей Бирманом анонсировали стандарт адресной навигации для Челябинска. Некоторые компании захотели повесить таблички на своих…

  • Все афиши «Большой переверстки»

    Собрал афиши «Большой переверстки» вместе. Не все получились идеально, но некоторые мне прям нравятся: с мясорубкой, венчиком,…

  • Адресные таблички Челябинска

    Мы с Ильей Бирманом разработали стандарт адресной навигации для Челябинска. Получилась гибкая система с большим количеством вариантов компоновки. Это…

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 3 comments