Что такое «референс»?
Благодаря референсам вы можете быстро и лаконично показать, на что будет похож ваш готовый продукт. Референс — пример или образец, на который ориентируются при создании проекта. Это может быть иллюстрация, видеоролик или статья, мелодия или иной материал, который помогает лучше понять, каким должен быть наш результат.
Референсы дают вдохновение. Если у вас отсутствуют идеи, как разрабатывать проект, какую стилистику или механику использовать, референсы помогают вам подобрать разные варианты интерфейса.
Pinterest: поисковой сервис по подбору референсов
Допустим, я хочу сделать интерфейс в видеоигре в стиле старых терминалов. Для этого буду использовать Pinterest. В поисковую строку вбиваю «Terminal GUI».
Примечание: лучше вбивать запросы а) короткие и б) на английском языке
Сразу видим большое количество материала, который можно использовать как референс. Но давайте посмотрим подробнее: все эти терминальные GUI отличаются друг от друга:
- Разное разрешение экрана
- Разные цвета (зеленый, белый, желтый)
- Разное графическое представление (ASCII-графика, имитация выпуклого дисплея, рисунки)
Например, мы хотим получить только ASCII-графику. Как это сделать? Можно вбить в поиск «Terminal GUI ASCII», но лучше поступить другим образом — создать доску.
Теперь берем и кликаем по «Найдите идеи для этой доски».
И тут можно прикреплять нужные нам фотографии.
Как мы видим, тут нет ASCII стиля, мотаем ниже.
Находим нужный нам ASCII-референс и закрепляем его. Чем больше мы закрепляем нужные нам фотографии, тем больше Pinterest понимает, что мы от него хотим.
Вкладку «Другие идеи» желательно перезапустить, снова перейдя в доску и заново кликнув по «Найдите идеи для этой доски».
Если нам очень сильно понравился концепт.
Допустим вы увидели референс, который вам очень сильно понравился.
Кликаем по этой картинке и нам показывают похожие. Их можно также можно сохранять
Обратите внимание, что вы можете сохранить изображение не на ту доску. У меня есть доска Unity-видеоигры. И Pinterest решил автоматически предложить сохранить мне референс туда. А мне нужно в ASCII Game interface - нажимаю на всплывающий список и сохраняю куда надо
Рекомендации желательно перезапустить, снова перейдя в доску и заново кликнув по «Найдите идеи для этой доски».
Покликав 5-6 минут у меня получилось найти много интересных рекомендаций.
Как вы видите, я получил ОЧЕНЬ много идей как можно реализовать графику в видеоигре. От терминальной графики плавно перешел к ASCII-подобному 8-Bit стилю. Если раньше была проблема нехватки идей, то после использования Pinterest вы столкнетесь с их избытком =D
Продвинутая доска
Вы можете доску разделить на несколько под-досок. Например, для 3D Pixel Art стиля я создал свою доску (ссылка), которая состоит из досок "Транспорт", "Вещи", Персонажи", "Окружение", "Интерьер".
Web-разработка
Мы также можем использовать Pinterest для Web-разработки. Можно подсмотреть не только дизайн, но и советы для разработки, схемы и иной полезный материал.