# 005 - Мобильные фотошопы, часть 1 - CSS-хитрости

Содержание

Мы начинаем с открытым файлом Photoshop. Довольно глупо выглядящий «вытянутый» снимок экрана iPhone, который просто дает нам холст в контексте мобильных устройств.

Мы начинаем как можно проще: с имени Джеффа. Нам нужно сразу выбрать шрифт. Подобные вещи могут быть очень сложными. Нам нужно иметь дело с устаревшим шрифтом (шрифт, который использовался на последнем сайте), а также учитывать бренд и личность Джеффа. Шрифты могут привнести в себя столько индивидуальности. Мы смотрим на некоторые шрифты с излишней индивидуальностью (это противоречило бы стилю Джеффа). Смотрим на старый шрифт. Затем мы остановимся на Proxima Nova, так как он имеет много общих характеристик со старым шрифтом, но не придает особой индивидуальности. Это просто чистый простой. Линии, образующие буквы, очень похожи на линии в работе Джеффа. Не менее важно то, что мы знаем, что можем использовать Proxima Nova и в Интернете.

Прямо под именем Джеффа мы помещаем несколько фотографий его работы. Это, наверное, самое важное, что мы делаем на этом сайте. Должно быть до боли очевидно, что создает Джефф. Одно изображение будет спереди и по центру. Затем мы разместим две другие фотографии, но по краям, чтобы они просто выступали. В конечном итоге мы сделаем ползунок здесь, и эти выступы в изображении сделают это очень очевидным, вы можете переместить центральное изображение, чтобы показать изображения по краям. Никаких объяснений не требуется. Сначала мобильный! Дизайнерские решения, которые мы здесь принимаем, будут влиять на поведение ползунка позже.

Интересные статьи...