Рубрика «дизайн» - 90

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

Книга «Элементы типографики» (The Elements of Typographic Style), которую стоит рекомендовать всем начинающим дизайнерам, начинается со слов:

Типографика существует в честь контента.

Если и можно уместить все знания о типографике в одну фразу, то это именно она. Контент может кричать или шептать. Так же и шрифты, могут быть «громкими» и «тихими». Буквы, и в частности глифы, их различия, позволяют придать тексту много оттенков.

Правильное сочетания букв позволяет максимально ярко передать настроение текста. А лучше всего это умеют делать дизайнеры логотипов!

Пожалуй, самый популярный логотип, который демонстрирует «владение буквами» — это логотип FedEx, разработанный Линдоном Лидером (Lindon Leader). На первый взгляд, это обычное применение Futura Bold. Однако если присмотреться, видно, как были изменены буквы «E» и «x», чтобы образовалась стрелка:
imageЧитать полностью »

image Не прошло и пол-года с момента анонса Марком Цукербергом редизайна новостных лент Facebook. На Хабре так же публиковался этот анонс. Чтобы попасть в число первых пользователей обновленного дизайна, необходимо было подписаться на специальной странице. И вот случилось. Читать полностью »

Stack: сканер для стопок бумаги

Японский дизайнер Муги Ямамото разработал концепцию сканера, который способен сканировать стопки листов A4. Встроенный механизм медленно протаскивает нижний лист через сканирующий барабан — и аккуратно переносит его наверх. Таким образом, под сканером стопка постепенно уменьшается, а сверху растёт.
Читать полностью »

Мы создаем приложения для iOS и Android и столкнулись с проблемой просмотра дизайнов на Андроид устройствах с различным разрешением — если вы хотите увидеть, как выглядит ваш скрин в 100% качестве на Андроиде, то изображение должно быть точно вырезано под разрешение экрана, на котором будет просматриваться. Иначе, стандартный просмотрщик (или Dropbox приложение) смасштабирует картинку под размер экрана и изображение будет выглядеть замыленным.

Real Pixels позволяет просматривать изображения из Dropbox в реальном размере, без масштабирования. Прежде всего этот апп будет полезен дизайнерам Андроид приложений и веб дизайнерам, которым важно оценивать качество их работы на Андроид девайсах.


Читать полностью »

Привет!

В июле мы анонсировали публикацию мобильных приложений для делового информационного портала BFM.ru — iOS и Windows 8-версии. Для нашего отдела мобильной разработки этот проект стал еще одним приложением для новостных ресурсов, среди которых — Newsweek, Slate, Engadget и другие. Чтобы обобщить опыт и поделиться им с читателями, для которых актуальны вопросы дизайна новостных приложений, мы решили сделать небольшую ретроспективную зарисовку, посвященную дизайну линейки мобильных приложений портала BFM.ru.

Дизайн для приложений BFM.ru: общее и частное в линейке нативных мобильных приложений для новостного портала Дизайн для приложений BFM.ru: общее и частное в линейке нативных мобильных приложений для новостного портала Дизайн для приложений BFM.ru: общее и частное в линейке нативных мобильных приложений для новостного портала

Читать полностью »

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

Перевод статьи Криса Койера (Chris Coyier) с CSS-Tricks.com "Search with Filters Responsive Design Pattern".

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

Brad Frost даже собрал очень хорошую коллекцию адаптивных паттернов, очень полезно. Еще один пример, форма поиска с фильтром результатов. На десктопе места много:

Адаптивный поиск с фильтромЧитать полностью »

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

Инструменты

Работа с цветом: полезные инструменты, книги, статьи для веб дизайнеров

Colour Lovers — старый и функциональный инструмент для подбора цветовых схем. Аналоги — Colourcode, Color Scheme Designer и конечно Kuler. Подобных сайтов великое множество, но эти, на мой взгляд, самые удобные.Читать полностью »

Метрика #15 — Подкаст о технологиях и проектировании интерфейсов и сервисовВсем привет! С вами «Метрика» – шоу для тех, кто создает и анализирует продукты и сервисы на различных платформах.

Сегодня в программе

В 15-м выпуске Метрики вместе с Дмитрием Зиминым, поработавшим в Рамблере и занимающимся проектом Киноход, и Юрием Ветровым (jvetrau), являющимся руководителем одной из самых крупных команд по UX в Mail.ru, мы обсудили различные требования к специалистам в крупных ИТ-компаниях.
Читать полностью »

Метрика #14 — Подкаст о технологиях и проектировании интерфейсов и сервисовВсем привет! С вами «Метрика» – шоу для тех, кто создает и анализирует продукты и сервисы на различных платформах.

Сегодня в программе

В 14-м выпуске Метрики вместе с Дмитрием Зиминым, поработавшим в Рамблере и занимающимся проектом Киноход, и Юрием Ветровым (jvetrau), являющимся ведущим специалистом по UX в Mail.ru, мы обсудили различные аспекты работ по проектированию и дизайну в крупных ИТ-компаниях.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js