Мы очень рады представить вам главу из предстоящего печатного выпуска Smashing Book #4: Новые взгляды на кодирование, написанную Полом Теро. Обратите внимание, что вторая часть этой главы будет опубликована на следующей неделе. Если вы не можете ждать до тех пор, то не стесняйтесь и загружайте полную версию этой главы, которая доступна в электронной Smashing библиотеке демонстрационных материалов.— Ред.
Читать далее
Архив метки: редакторский перевод
Создание простых адаптивных изображений с помощью фоновых изображений CSS.
Разговоры о новых стандартах HTML5, таких как свойство srcset
и элемент <
picture
>
, а также серверные методы, такие как Адаптивный веб-дизайн + Серверные компоненты (RESS) привели к тому, что многие люди пришли к заключению о невозможности простых, статических веб-сайтов поддерживать адаптивные изображения. Следует отметить, что данное заключение может быть преждевременным. Существует достаточно простой способ создания адаптивных изображений, который поддерживается всеми современными веб-браузерами: фоновые изображения CSS.
Однако и у этого подхода есть некоторые ограничения, и он работает не во всех случаях. В случае если ваши требования не слишком сложны, и вы готовы приложить дополнительные усилия по обеспечению доступности изображений, фоновые изображения CSS могут стать именно тем, в чем вы нуждаетесь.
Вы хотите создать цифровую стратегию?
“Можете ли вы создать для рассмотрения общую цифровую стратегию?” Наверное, подобного вопроса боятся все те, кто работает в интернете. Что мы знаем об объединении отдельных документов стратегии? Да, может быть мы и понимаем особенности интернета, но мы не знаем, как создать документ, который по существу является бизнес-стратегией. Эта способность является основой в цифровой стратегии!
К сожалению, эта обязанность все чаще и чаще ложится на плечи веб-проектировщиков. Неважно, являетесь ли вы внешним подрядчиком или частью внутренней команды, рано или поздно вас попросят создать объединенную цифровую стратегию.
Аутентичный дизайн.
Недавно популяризированный «двумерный» интерфейсный стиль – это не просто модная тенденция. Это, прежде всего, проявление желания истинной подлинности в дизайне, желание компенсировать визуальный избыток и устранить поддельное и ненужное.
В погоне за созданием новых возможностей, технологический прогресс иногда приводит к появлению избытков. В 19-ом столетии массовое механизированное производство позволило быстро и дешево создавать декоративные элементы, которые стали неотъемлемым украшением любого товара. В последние годы подобный ход событий наблюдался и в сфере дизайна. Дисплейные технологии и технологии моделирования позволили проектировщикам создавать визуально богатые интерфейсы, приводя к скеоморфизму и стилистическим излишкам.
Читать далее
Иллюстрированные карты в эпоху Google Earth
В моей карьере иллюстратора-фрилансера, картография стала любимой специальностью. С каждым новым заказом на карты, я фактически путешествую по всему миру, посещая места, в которых я никогда не был. Последней работой была “поездка” в Новую Зеландию для осуществления выборки местного веллингтонского пива для журнала Draft Magazine. Мои карты разработаны для того, чтобы на страницах журналов рассказывать о поездках в далекие места, или о лучших ресторанах в соседнем районе.
Читать далее
Рассказ о топ 10 приложений, часть 2: маркетинг и запуск.
У нас были определённые ожидания. Нами была проделана работа по созданию удобного приложения для переводов, мы создали эскизы, провели кропотливую работу над дизайном и итерацией, проанализировали другие похожие проекты — всё это детально описано в первой части анализа нашего случая — мы работали над приложением Languages в течение года. И наконец, пришло время для его выхода на рынок.
Даже самое классное приложение в мире обречено на провал, если о нём никому не известно. Так что вторая часть нашего исследования будет полностью посвящена маркетинговой стратегии. Благодаря нашим советам вы не будете нуждаться в огромном маркетинговом бюджете, и у вас появится возможность попасть в топ 10 на App Store.
Читать далее
Творческие и инновационные проекты навигации.
У каждого веб-сайта есть индивидуальность — это отражение человека или организации, стоящей за ним. Чтобы люди посещали ваш веб-сайт, нужно выделить его из толпы, сделать незабываем. Наверняка вы хотите, чтобы люди вновь и вновь возвращались и пользовались вашим веб-сайтом или наладили с вами контакт.
Чтобы выделиться из массы, ваш веб-сайт нуждается не только в высококачественном контенте, но и в инновационных решениях для достижения больших функциональных возможностей. Задайте себе вопрос, а что сделало бы жизнь вашего пользователя легче? Может быть необходима простая функция поиска или, возможно, элегантное навигационное меню. Однако, индивидуальность веб-сайта должна быть последовательной во всем. Следующие примеры веб-сайтов непременно разбудят ваш творческий потенциал. Просмотрите и исследуйте их для себя.
Выбор адаптивного решения для изображений.
Если вы занимаетесь кодированием веб-сайтов, то существует вероятность, что, по крайней мере, один из ваших клиентов спросит о мобильном веб-сайте. Если вы решите использовать адаптивный дизайн (как следствие ваш веб-сайт должен быть достаточно гибким, чтобы приспосабливаться к визуальным изменениям ширины при отображении на всех типах устройств: от мобильных до персональных компьютеров), то необходимо будет разработать стратегию создания гибких изображений, также известную как адаптивное решение для изображений.
Рассказ о топ 10 приложений, часть 1: идея и проектирование.
Меня зовут Джереми Олсон. Я работаю старшим преподавателем в колледже, живу в городе Шарлотт, Северная Каролина, и это история о том, как мое маленькое приложение переплюнуло Angry Birds.
Построение Набора Инструментов Портативного Дизайна
Довольно легко пресытиться ошеломляющим множеством ресурсов и опций, которые доступны дизайнерам. В этой статье, мы исследуем идею умышленного ограничения себя набором основных функций, которые вы знаете, любите и каким доверяете.
Возьмем простого мастера – скажем, столяра. В то время как он может иметь доступ к широкому ряду инструментов в работе, он возьмет лишь сумку с несколькими тщательно подобранными инструментами, когда идет на работу. Подобно этому, художник может иметь широкий ряд красок, кистей и необходимых принадлежностей в своей студии, но, тем не менее, будет тщательно выбирать ограниченную цветовую палитру и несколько избранных кистей, рисуя картину.