Адаптивный дизайн и структура сайтов: по каким учебникам их изучать

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

Патрик Макнейл. Настольная книга веб-дизайнера: все что вы должны знать о дизайне для интернета. – СПб: Питер, –  264 с.

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

Сразу дадим совет читателям – начинать с десятистраничного глоссария, данного в самом конце этой книги. Если вы не очень ясно представляете, чем СSS отличается от RSS, а MIME от API, то словарик разъясняет все эти термины (и не только аббревиатурные) просто, доходчиво, однозначно.

Сама же по себе книга – в полиграфической ее версии – почти в каждом развороте на одной половине-странице содержит текст, а на другой – цветные иллюстрации.

Преимущественно, это принтскрины с теми или иными описываемыми тут же в тексте возможностями дизайна и юзабилити сайтов

Автор отлично структурировал изложение – и единственный минус издания состоит лишь в том, что все подразделы не отражены в оглавлении (в нем указано лишь 8 основных глав, хотя некоторые из последних имеют объем в 30-50 страниц с огромным количеством описываемых в них компонентов и средств). Так что если вы постигаете основы дизайна и время от времени желаете подсмотреть призабывшиеся варианты юзабильного дизайна – книгу придется перелистывать.

Впрочем, это делать всегда приятно – издание является красочным квадратным альбомом, притом изданным на глянцевой бумаге

Осталось отметить, что книга написана технично по сути, но сугубо «гуманитарно» по языку – ни единого фрагмента кода вы в ней не найдете. Кстати, в целом, у автора заметна гораздо большая любовь к дизайну на основе СMS-платформ типа WordPress – а не к разработке кода с нуля.

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

Итан Маркотт. Отзывчивый веб-дизайн. –  М.: Манн, Иванов и Фербер, –  176 с.

«Отзывчивый веб-дизайн» Итана Маркотта – насыщенный характерным американским юмором учебник адаптивного, эластичного дизайна сайтов; учебник «гибкой сетки», а также относительных величин (em) в размерностях компонентов.

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

Итан Маркотт тоже уделяет много внимания философии и целеполаганию в отношении как кроссплатформенности, так и вообще предугадывания запросов и ожиданий пользователей

Уровень «практичности» изложения здесь превосходит базовый учебник Макнейла раз в десять. Благодаря этому книга «Отзывчивый веб-дизайн» Маркотта и книга «Настольная книга веб-дизайнера» Макнейла составляют идеальную взаимодополняющую пару учебников. У Итана Маркотта – все прорывное, резкое, практичное. У Питера Макнейла – все красивое, опрятно разложенное, уютное. Одно без другого было бы чуточку неполным.

Результат пошуку зображень за запитом "гринберг дизайн"

С.Гринберг и др. UX дизайн: идея-эскиз-воплощение. – СПб: Питер, – 272 с.

За русское название «UX дизайн» у перевода книги с оригинальным заголовком «Sketching User Experience» издателям стоит выписать строгий выговор. Ничего связанного с UІ/UX и вообще программированием, разработкой здесь нет. Разве что на уровне туманных намеков – мол, это вам пригодится и в веб-дизайне.

Книга целиком посвящена sketching – рисованию эскизов от руки. И учит она этому долго: местами оригинально, местами старозаветно. Созданные бумажные эскизы, кстати, авторы предлагают хранить в обувных коробках – что, согласитесь, умиляет в эпоху, когда пластиковые домашние емкости любого размера стоят от 1 до 10 долларов, не говоря уже о том, что картонные коробки бывают и от небольшой техники (и у них лучше и картон, и вид).

Общее впечатление таково – эту книгу об эскизах написала группа пожилых преподавателей. А предназначена она для учеников техникума по специальности «промышленная графика».

Мораль сей басни такова: не всякий User Experience можно сокращать до UX

Но все-таки есть в данном издании одно здравое зерно для веб-дизайнера. Если вы задались целью прорисовать новые любопытные элементы управления сайтом, пересоздать базовые кнопки и стрелки – то вам сюда. «Выпускник» такого курса эскизотворчества, пожалуй, сможет посмотреть свежим взглядом на те микро-мелочи, которые миллионы коллег уже давно считают незыблемыми.