Роль в проекте
UI-дизайн, веб-дизайн
Описание
Ежедневный челлендж на 100 дней, где на почту приходит задание — создать тот или иной элемент интерфейса.
Подсказка: Это может быть страница регистрации на сайте, модальное окно, форма, экран в мобильном приложении и так далее. (Вы сами выбираете, как выполнить задание!)
В итоге получился концепт страницы регистрации на примере банковского приложения.
Подсказка: Разработайте форму или страницу с оплатой по кредитной карте. Не забудьте такие важные элементы как номер карты, дату, код безопасности и так далее.
Подсказка:
Какой главный элемент?
Это книга, альбом, мобильное приложение или продукт?
Примите во внимание важные элементы посадочных страниц (призыв к действию, ясность и так далее.)
Решил сделать конепт лендинга для игры S.T.A.L.K.E.R. 2.
Здесь сделан акцент на атмосферу игры. Цветом расставлены акценты на кнопки призыва действий.
Подсказка: Разработайте дизайн калькулятора. Это будет стандартный, научный, или специальный калькулятор расчета задолженности? Он будет для смартфона, планшета или для веба?
Так как, помимо веб-дизайна, увлекаюсь пиксель-артом, то мне было интересно сделать калькулятор для виртуальной консоли Pico-8. Задача становится интереснее из-за технических ограничений консоли: 16 цветов и размер экрана 128х128.
Подсказка: Нарисуйте иконку приложения. Найдите подходящее представление бренда или продукта. Будет ли иконка одинаково хорошо выглядеть как на смартфоне, так и на экране компьютера?
Иконка для приложения поиска баров.
Подсказка: Разработайте страницу профиля пользователя, учитывая такие важные данные как имя, представление, расположение и т.д. Это будет профиль в организации или социальный профиль?
Решил сделать концепт страницы игрока для сайта футбольного клуба. На странице пусть располагается важная статистика и общие данные игрока.
Подсказка: Разработайте настройки для чего-нибудь. Это будут настройки безопасности или приватности? Игровые настройки? Подумайте о том для чего это будет и что для этого важно?
Страница настроек для приложения чтения электронных книг.
Подсказка: Спроектируйте страницу с 404 ошибкой. Будет ли она вписываться в стиль бренда? Будет ли она дружелюбна к пользователю.
Дизайн страницы с 404 ошибкой решил выполнить в виде синего экрана, т.к. образ понятен практически каждому человеку.
Для удобства навигации размещена ссылка на главную страницу.
Подсказка: Разработайте дизайн музыкального плеера. Предусмотрите кнопки управления, расположения элементов.
Подсказка: Нарисуйте кнопку или иконку «Поделиться», учитывая размер, вид, расположение и цель.
Мокап функции «Поделиться» для мобильного приложения.
Подсказка: Разработайте всплывающее сообщение для ошибки и для успеха. Это будет сообщение для формы? Для загрузки?
Решил сделать простые сообщения для модной нынче технологии сканирования отпечатка.
Подсказка: Разработайте дизайн интернет-магазина. Это будет небольшой местный магазинчик или большая корпорация? Это будет магазин одежды, обуви, крафтового мыла или чего-то еще?
Немного развлёкся и представил как бы выглядел сайт Кореллианской Инженерной Корпорации из мира Звездных Войн в нашем мире.
Не кидайте камнями за несоответствия канону
Решил переделать стандартный чат в Steam
12.07.2018 UPD// Они его, наконец, сами поменяли
Анимация интерфейса сама напрашивалась в этом задании
Аналогично предыдущему заданию
Здесь немного считерил и вставил давно отрисованное окно из тестового задания в понятно какую контору.
Спойлер: тода мы друг другу не подошли)
Очень простенькая квитанция, зато с правильной шириной и правильными акцентами. Откроется на любой мыльнице.
Один из продуктов компании, в которой сейчас работаю. Немного поэксперементировал и нарисовал виджет для графиков в сервисе.
В METRO увидел смешную доску почёта и решил сделать подобную для приложения местного магазина Дикси.
Адаптировал задачу под концепт приложения по поиску потерянного барахла в квартире. AR скоро завоюет мир. Ну, во всяком случае на Хабре так сказали.
Делал так, как хотел бы видеть эту штуку сам. Все виджеты на одном экране, разбитые по категориям (комнатам). Предусмотрено добавление и сортировка виджетов и категорий.
Простой, но максимально функциональный и ёмкий поиск.
Билетёра или кассира с кондуктором под рукой у меня не было, поэтому сделал талон максимально удобным для пассажира.
Просто нарисовал переключалку каналов. Здесь есть всё, что нужно и нет того, чего от переключалки не ждёшь.
Поигрался с Material Design.
Решил сделать чуть интереснее на примере приложения поиска баров.
Немножко пофантазировал. Уважаемая Лада, не благодарите
Шатаут молодым отечественным производителям!
Сделал для себя, поэтому отдал предпочтение подробному прогнозу на день, а не на неделю.
Немножко ностальгии по отрывным календарям.
Немножко ностальгии по Стамбулу.
Убрал всё лишнее, чтобы не отвлекать пользователя во время упражнений.
Убрал всё лишнее, чтобы не отвлекать пользователя от выполнения задач