Важность шрифта: анализ веб-сайтов с правильно подобранными типами шрифтов.

Long line type500

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

Почему сеточная структура и состав имеют решающее значение для типографики.

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

Читать далее

Продуманные и эффективные стратегии для проведения проектных маркетинговых кампаний.

orwell_test_500

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

Это одна из причин того, почему я начал сбор информации и ведение блога о незначительных на первый взгляд деталях, которые могут каким-то образом помочь другим разработчикам увеличить количество посетителей. Одной из наиболее популярных тем является создание и запуск целевых страниц, а также разработка стратегии, которая позволяет создателям расширить посещаемость своих веб-сайтов. Такая популярность подтолкнула Smashing Magazine к созданию публикации под названием «Элементы рекламной страницы».
Читать далее

Как организовать пересылку файла из клиентского компьютера на сервер (исследование конкретного случая).

The browsers used support File API

Однажды я обнаружил, что для разработки API (программный интерфейс приложения) необходимо загружать файлы от клиента на сервер. Я работаю на русский почтовый провайдер Mail.ru и мне приходится иметь дело со всеми аспектами JavaScript. Основной особенностью любого почтового веб-сервиса конечно же является возможность присоединения файла к электронному письму.

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

Читать далее

Создание онлайн приложений для Windows 8, часть 2: работа с сервером.

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

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

Читать далее

Создание эскизов от руки: вещи, которых вы не знали о непроизвольных рисунках.

Final Sketch

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

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

Читать далее

Оптимизация показателя эффективности конверсии для WordPress.

eye_image_smaller_mini

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

Использование преимуществ мягкого характера в процессе UX дизайна.

Title_Image_QuietUX

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

Оптимизация адаптивного веб-сайта с помощью RESS.

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

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

Читать далее

Взгляните за рамки с Vanilla JavaScript.

В течение последних четырех или пяти лет я регулярно вёл блог и проводил исследования для других проектов. За это время мне довелось столкнуться с тысячами статей о JavaScript.

Мне, кажется, что основную массу этих статей условно можно разделить на две очень общие категории:

Читать далее

Десять рекомендаций для эффективного дизайна в Axure.

Axure-RP-Pro-7.0-BetaScreenSnapz015_500_mini

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

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

Читать далее