Творческие и инновационные проекты навигации.

Toybox

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

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

Читать далее

Построение Набора Инструментов Портативного Дизайна

plein air

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

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

Читать далее

Мой (простой) технологический процесс проектирования и разработки веб-сайта портфолио.

Behind the scenes look at my design and development workflow.

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

Давным-давно где-то далеко, далеко в галактике… молодой дизайнер начал своё эпическое путешествие, полное опасных проблем с планировкой, постоянными трудностями с быстродействием, неуловимых JQuery ошибок и смертельно опасных ошибок Internet Explorer. Это именно тот обряд посвящения, который должны пройти все начинающие дизайнеры для того, чтобы гордо стоять в одном ряду со своими коллегами в этом большом мире под названием интернет. Да, я говорю о создании собственного веб-сайта портфолио.

Читать далее

Частота 60 кадров в секунду: тематическое исследование сайта “Pinterest”.

Screen Shot 2013-03-25 at 14.30.57-500

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

Показатель частоты кадров также применим и к интернету.

Частота кадров – это скорость, с которой устройство воспроизводит последовательность изображений на экране. Низкий показатель отображения кадров в секунду (FPS) означает, что отдельные кадры могут быть видны для человеческого глаза. Высокий показатель FPS дает пользователям ощущение адаптивности. Вы, вероятно, уже сталкивались ранее с этим понятием в основном в мире игр, но его также можно отнести и к интернету.

Читать далее

Открытые лаборатории устройств: почему мы должны быть заинтересованы в этом?

odl-nbg-2-4-500

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

odl-nbg-2-4-500

Пользователь тестирует свой веб-сайт на Blackberry и принимает к сведению все ошибки.

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее

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

A content model for a recipe

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

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

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

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