Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Взбодрись & стань супергероем
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
31
Эбиа

Эбиа

www.ebia.ru

23
Enlite

Enlite

enlited.ru

22
YAGLA

YAGLA

yagla.ru

15
likearea

likearea

smm.li

15
SE Ranking

SE Ranking

seranking.ru

14
Cookiezz

Cookiezz

cookiezz.com.ua

13
Venyoo

Venyoo

venyoo.ru

12
Perezvoni.com

Perezvoni.com

perezvoni.com

12
Reader

Reader

Интернет-журнал о современных технологиях.

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк в Facebook

Как нужно разрабатывать интерфейсы (e.g. dribbble)

4 149 8 В избранное Сохранено
Авторизуйтесь
Вход с паролем
На этапе основания стартапа кофаундеры часто вынуждены самостоятельно рисовать базовые UI/UX-прототипы, отражающие логику и поведение бизнес-модели. Мы написали примерный мануал о том, как это делать.

Станьте наблюдателем на dribbble

Хорошие художники копируют — великие художники воруют (Пикассо)

Базовые стандарты проектирования интерфейсов хорошо известны и абсолютны. Это относительно статичная система принципов проектирования и элементов с конкретным функциональным предназначением.

b_550bfc8b1e0e7.jpg

Полистайте контент dribbble с помощью базовых тегов: ui, ux, ios, web, landing. Влюбитесь в красоту интерфейсов. Вы вдохновитесь и поймете то, что действительно нужно пользователям.

b_550bfc7d2e849.jpg

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

Анализируйте поведение приложений и сайтов

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

b_550bfe1f9a381.jpg

Стройте воображаемые системы пользовательского взаимодействия. Не изобретайте велосипед. Стандарты работают и подтвердили свою высокую эффективность.

Загрузите базовые psd-мокапы

Есть отличные ассеты и киты для iOS 7/8 от Teehan+Lax, Oz Pinhas etc.

Копируйте готовые стандартные контролы, берите за основу базовые размеры, отступы, пропорции и направляющие.

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

b_550c00a1d3013.jpg

Помните Оккама

И это очень важно (!)

Не плодите новых сущностей без достаточной на то надобности.

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

b_550c01d2641f9.jpg

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

Открывайте для себя красивые сервисы

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

b_550c03b2b64f1.jpg

Смотрите ролики и фильмы о дизайне

Этот ролик под названием Intention от Apple - отличный способ понять суть.

Вы обязаны посмотреть фильм "Гельветика" и "Промышленный дизайн" авторства Гари Хаствита.

Жму руку тем, кто дочитал до конца. Проводите время с пользой.

+9
Первые Новые Популярные
GML
Сервис организации ваших интернет линков
GM2mars
Могу лишь добавить pinterest поиск по тегам: UI, UX
Ответить
Rocket
Взбодрись & стань супергероем
Mark Rocket
Ну да. Упрощали. Безусловно. Спасибо за дополнение ;-)
Ответить
Okkama
Блог о быстром старте проектов
Евгений Болтян
На дрибле к сожалению очень много просто красивых картинок. А интерфейс - это как ген план, там должно быть все продумано до мелочей.
Ответить
Rocket
Взбодрись & стань супергероем
Yaroslav Levishchev
Никто не призывает смотреть просто красивые картинки. Призыв в том, чтобы смотреть шоты pro-дизайнеров.
Ответить
Okkama
Блог о быстром старте проектов
Евгений Болтян
Новичку сложно понять кто про дизайнер,а кто нет. Я имею ввиду именно уровень, качество интерфейсов и т.д.

На бихансе и дреббле классно вдохновляться красотой, а технические моменты нужно искать в книгах и реальных интерфейсах. О чем здесь кстати и описано)
Ответить
Евгений Ронь
Если есть желание, обращайтесь:)

Портфолио http://dribbble.com/roling и https://www.behance.net/RonEvgeniy
Ответить
EnterpriseSoul
Digital-агентство, консалтинг с душой
Кристиан Лаеда
Статью нужно было назвать "Как убедить себя в том, что вы что-то понимаете в дизайне и потом трахать этим мозги подрядчику". Люди годами учатся, а вы тут предлагаете поглядывать на чьи-то работы...
Ответить
yulian
Для молодого стартапа как раз все отлично, чтобы не нанимать дорогого дизайнера
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать