background preloader

Design info

Facebook Twitter

2015 Internet Trends Report. 27 документальных фильмов для дизайнеров. 10 приёмов Фотошопа, которые... дальше придумайте сами. How To Make Easy To Use GUI and UX design Tips. First of all let me explain you difference between a web designer and a GUI/UX designer.

How To Make Easy To Use GUI and UX design Tips

Well let me explain you with a simple example if you want a website where he can show up some paintings and some simple text, Well in that case a web designer can fit fine but if You wants that people cannot only see those painting plus contact him else they want to buy paintings or we can say any interaction on the page then you need a GUI/UX designer. So ideally if you want a website with multiple interactions on the page with different widgets, icons, forum etc then UI/UX designer is perfect choice for it. UX (User Experience) User experience is how they feel when the user look at the website. So taking all the user needs into an account is how we improve UX and what makes UX feels good is completely based upon how your designer design the interface. Список фильмов для дизайнеров. Web Design Blog - Webdesigner Depot. Генеративный дизайн. Почему дизайнеру в XXI веке нужно быть немножко программистом?

Designgest 12. «типографика» в Советах. Заголовку не нужно двоеточие. Книжку мне неожиданно подарил Людвиг Быстроновский в ответ на вопрос о том, что бы почитать по типографике.

Заголовку не нужно двоеточие

Сидели в БКСАЛ, он отлучился на минутку, и вернулся из подвала уже с книгой. Это, говорит, тебе, читай. Это было года полтора назад. Я не сразу взялся за чтение: книга отпугивала двухтомностью и внешним видом. Да и внутренним. Книга построена как словарь: рассказывает по очереди об абзацах, акциденции, актикве, афише; бланке, буклете и так далее вплоть до юстировки колонок. Типографика на Вебе. Типографика на Вебе прошла длинный путь с тех пор как Тим Бёрнерс-Ли нажал на рубильник в 1991-ом году.

Типографика на Вебе

Давным-давно, во времена IE 1.0, выражение «хорошая типографика на Вебе» было, скорее, оксюмороном (сочетанием противоположных по значению слов). Многое успело измениться. У нас есть не только браузеры, которые умеют показывать картинки (ах!) ; у нас есть возможность оживлять наши веб-страницы, используя великолепную типографику. Во-первых, следует заметить, что Типографика — это не только умение выбрать шрифт или отличить одну гарнитуру от другой. Веб-типографика сегодня. Часть I. Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI Как-то ко мне обратился знакомый дизайнер с просьбой разобраться в странной по его мнению ситуации.

Веб-типографика сегодня. Часть I

Клиент просил «сделать так же, как у Apple», но с использованием собственных способов расположения блоков, изображений, цветовой гаммы и текста. В общем, дизайн в итоге получался совершенно непохожий на apple.com, но этого, собственно, и добивался клиент. И вроде бы у дизайнера получилось, но… Клиенту по-прежнему не нравилось, он всё равно требовал переделать макет.

Типографика в вебе. Дизайн-форум Prosmotr. Илья Слонский — Ненатянутые числа. Честность, фан и KPI. Методы тестирования веб-дизайна показали в четырёх GIF. Дизайнеры советуют, как тестировать приложения — Look At Me — MAG — поток «Эксперты советуют» «Для управления на мобильных устройствах мы используем пальцы, жесты, на один экран влезает не так много информации, переходы между разными сущностями должны быть естественны и интуитивно понятны.

Дизайнеры советуют, как тестировать приложения — Look At Me — MAG — поток «Эксперты советуют»

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

Временное решение этой нестыковки — инструменты для прототипирования. Прототипирование нужно для нескольких вещей: Посмотреть, как экран выглядит на мобильном устройстве. Проверить общую логику приложения, убедиться, что все запланированные переходы понятны. Попробовать сделать необычную анимацию и проверить, насколько она получается понятной и удобной. Методы тестирования веб-дизайна показали в четырёх GIF. Как сделать первый шаг к созданию собственного приложения — Look At Me — MAG — поток «Как это работает»

Материал подготовил Кирилл Евдаков (креативный директор Rutorika) Способность воплощать идеи гораздо ценнее самих идей.

Как сделать первый шаг к созданию собственного приложения — Look At Me — MAG — поток «Как это работает»

Задумка Facebook не принадлежит Цукербергу, зато ему принадлежит сама социальная сеть. К счастью для гуманитариев, для того чтобы в разы повысить собственные шансы реализовать придуманный проект, не обязательно уметь писать код. Достаточно выбрать современный инструмент проектирования и сесть рисовать свой первый прототип. Wireframe.cc (Online) Границы понятий mock-up, wireframe и prototype весьма размыты, и разбираться в отличиях стоит только для того, чтобы поправлять менее дотошных знакомых. Создаём проект Сразу нажимаем Go premium и регистрируемся на недельный пробный период. Fbvkpn Выбираем тип проекта. Добавляем элементы Особенность интерфейса wireframe.cc в том, что вы сначала выделяете область, а потом решаете, что в ней будет: прямоугольник, блок текста или изображение.

Обозначим прямоугольником место для меню. Дизайнеры советуют, как тестировать приложения — Look At Me — MAG — поток «Эксперты советуют» Как сделать первый шаг к созданию собственного приложения — Look At Me — MAG — поток «Как это работает» Как «гамбургер» стал самой популярной иконкой меню — Look At Me — MAG — поток «Детали» Как создать мультимедийный лонгрид. Конечно, сейчас сделать качественный проект можно и в одиночку.

Как создать мультимедийный лонгрид

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

Учитывая мультимедийность нашего формата, немаловажной персоной в команде становится фотограф или фоторедактор. Кстати, многие лонгриды создаются как раз по инициативе фотографов, которые делают съемку и понимают, что выгоднее всего она будет смотреться именно в полноэкранном формате. Задумайтесь и о съемочной группе: оператор и монтажер снабдят ваш материал необходимыми видеороликами. Дополнительные участники в команде потребуются, если вам нужны еще какие-то мультимедийные элементы. KanbanFlow: совместная работа по японской системе канбан. Еженедельная подборка лучших статей Сегодня мы рассмотрим интересный и довольно удобный онлайн-инструмент, предназначенный как для одиночной, так и для совместной работы над проектами по методологии Kanban.

KanbanFlow: совместная работа по японской системе канбан

Мы не будем лишний раз подробно описывать саму суть методолгии, так как вы всегда можете прочитать об этом в нашем обзоре Kanban. Сразу же перейдём к сервису. Называется он KanbanFlow, предоставляется совершенно бесплатно и позволяет создавать несколько канбан-досок для планирования и отслеживания работы над различными проектами. Перед нами доска канбан. Как видно из скриншота, в стандартном исполнении доска разделяется на 4 колонки: задачи, которые необходимо выполнитьзадачи, которые необходимо выполнить сегоднязадачи, над которыми вы работаете в данный моментвыполненные задачи Каждая задача может добавляться в произвольную колонку с помощью иконки «+». Если задача сложная и содержит в себе несколько более мелких действий, можно добавлять к ней подзадачи. 10 Sketch Tricks for Designers. Основные принципы «отзывчивого» веб-дизайна показали в GIF. Стартап Froont (разрабатывает платформу для создания сайтов с «отзывчивым» дизайном) описал девять основных принципов «отзывчивого» веб-дизайна (responsive web design) в GIF-изображениях.

Основные принципы «отзывчивого» веб-дизайна показали в GIF

Look At Me приводит советы разработчиков Froont. Стоит отметить, что «отзывчивым» веб-дизайном принято называть понятие, которое является частью адаптивного веб-дизайна (adaptive web design), но касается только макета страницы. fbvkpn Чем отличается «отзывчивый» веб-дизайн от адаптивного. «Может показаться, что это одно и то же, но это не так. Подвижность. Относительные величины. Контрольные точки. Максимальные и минимальные величины. Вложенные объекты. Mobile first или desktop first. Подключаемые или системные шрифты. Растровые или векторные изображения.