Образцы типографических проектов и действующие методы проектирования (издание 2013 года).

Хорошая типографика всегда была определяющим фактором эффективного веб-дизайна. Это особенно верно для сайтов, в которых акцент делается на представление большого объема контента — в частности, статей, новостей и историй. Независимо от того журнал это или международная газета, дизайнер, который распределяет контент на веб-сайте всегда должен серьезно и основательно рассматривать типографические детали, также как это делает редактор.

В 2009 году мы провели изучение действующих методов типографского проектирования. С тех пор, адаптивные дизайнерские приемы достаточно активно развивались и установили связь с пейзажем CSS макета. С появлением высокотехнологичных мобильных устройств стали доступны новые режимы просмотра веб-сайтов и чтение текста.

Читать далее

Превращение историй в многоэкранные события.

kwagh-hir-nigerian-masquerade

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

Многоэкранные (с одновременной демонстрацией нескольких сюжетов на одном экране) рассказы могут быть представлены на всех видах платформ, страниц и устройств, что делает их по-настоящему захватывающими и наполненными переживаний. Рассказы позволяют нам вести наблюдение за происходящими событиями, анализировать их и чему-то учиться. Они погружают нас в мир рассказчика. Эта статья описывает то, что по-моему мнению является пятью основными принципами повествования многоэкранных историй.

Читать далее

Как помочь клиенту сформулировать свои желания

A whiteboard

Эта статья написана специально для  дизайн-консультантов. О тех ситуациях, когда клиент говорит: “нам нужен простой и красивый дизайн”, или “дизайн должен стать настоящим брендом, сделать нас популярными”. Статья об этапе обсуждения концепции дизайна, который предшествует работе с эскизами, черновиками и пикселями.

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

Насколько изменилась сеть?

Screen sizes, shown in a non-flexible medium. Photo and work by Aram Bartholl.

Отзывчивый дизайн — это больше, чем просто макет, это разработка сайта в основном для людей, которые просматривают сайты через браузер стационарного компьютера. А что мы знаем о людях, которые посещают наши сайты? Возможно они делают это со стационарного компьютера. Все остальное мы просто не знаем.

Еще не так давно мы рассматривали наши сайты относительно общих положений  размера и типа экрана устройства. С появлением устройств с различными размерами экрана и альтернативными способами взаимодействия, эти положения оказались ненадежными. Теперь если мы хотим оставаться конкурентно способными, нам нужно пересмотреть устаревшие принципы и идти в ногу со временем.

Читать далее

Как я работаю: IDEO с Дуэйном Брейн

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

Предлагаем вам ссылку, на случай, если вы захотите перечитать первое интервью из нашей рубрики, в котором мы беседуем с Дугом Крокфорди, JavaScript - разработчиком компании Yahoo.

Читать далее

Бесконечная прокрутка: когда же это закончится

The NeverEnding Scroll

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

Знание — сила!

A content model for a recipe

“Контент имеет значение!”, “Планируй заранее!”,  ”Только качественный копирайт!”  К этому моменту вы, наверное, слышали все эти фразы тысячу раз, и знаете, что ваш мобильный сайт будет работать лучше, если вы внимательно относитесь к  его содержанию. Бесчисленное количество компаний, чьи сайты существуют уже пару десятков лет, столкнулись с проблемой старого, уже неактуального содержания, элементы которого после нескольких редизайнов затерялись на страницах их сайтов. А ведь это, в первую очередь, засорение CMS. Читать далее

Как сохранить визуальную иерархию через хореографию контента

Diagram showing how columns drop in a typical 3 column responsive design

Один из важных вопросов, с которым мы сталкиваемся в отзывчивом веб-дизайне, это как сохранить иерархию постоянно изменяющих свой размер и формат, элементов на экране. Трент Уолтон первый обратил внимание на эту проблему в своей статье под названием “Хореография контента“, в которой он показал, как страдает визуальная иерархия, когда столбцы с контентом расположены один над другим. Существуют методы, с помощью которых можно решить этот вопрос, например, это касается того, как вы структурируете блоки с контентом в HTML. Вам нужно подумать о том, как вы хотите переставить блоки контента,  таким образом, чтобы вместо одной колонки у вас появилось несколько. Читать далее

Повторное использование Photoshop в дизайне

One of these is likely nostalgic to you.

Как и любой интересующийся дизайном, подросток в 1999 году, я оказался в “Electronic Design”, а в качестве основного инструмента у меня был старый iMacs. Если вы оказались в подобной ситуации, то скорее всего у вас был бы Adobe Photoshop, в качестве основного и единственного графического редактора. У меня это была версия 6.0.

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

Слушай, смотри и делись!

onthegrid

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

Сложно отслеживать постоянно обновляющийся поток подкастов, и выбрать среди них те, которые будут интересны именно вам. В этой статье мы составили для вас большой список самых разнообразных подкастов, которые помогут вам, если вы — программист, которому нужен совет, или дизайнер, которой ищет вдохновения, или хотите организовать свой первый стартап.

Читать далее