57
Рис.2.3. Начальный эскизный проект
Для того, чтобы определиться с дальнейшей разработкой, нужно изучить
начальную форму. Ею является человеческая рука. Были сделаны зарисовки
разными материалами: карандашом, гелевой ручкой и краской (см. рис.2.4 .-
2.5.). Карандашом и гелевой ручкой необходимо передать форму через линию.
Краской же форму можно было показать пятном.
Рис.2.4. Зарисовки рук
Рис.2.5. Зарисовки рук
Были нарисованы варианты знака для того, чтобы выбрать
окончательный вариант (см. рис.2.6). Идеи были нарисованы руки робота и
58
человека. Были убраны «лишние» детали и оставлены только пальцы. Но
данные варианты не подошли. Необходимо было найти новую форму для
привлечения внимания. Рука одновременно выполнена в профиль и анфас.
Рис.2.6. Эскиз знака
Необходимо было перенести рисунок в компьютер для дальнейшей
работы с ним. При отрисовке знаков нужно было их выровнить, так можно
было выбрать наиболее лучшие варианты, с которыми можно продолжить
работу (см. рис.2.7.). Рука «ОК» таить в себе послание, несущее спокойствие
– «все в порядке». Знак современный и это подходит под критерий разработке.
Другой же знак также был рукой, но имела другой смысл. Необычной формы
рука хранит в себе круг, символ бесконечности и служит отражением
непрерывности развития. Сама рука отображает человека.
Рис.2.7. Отрисовка знака в компьютер
После отбора знаков для последующей работы с ними, нужно было
подобрать цвета, которые подошли к разрабатываемой идее и не
противоречили ей (см. рис.2.8.). Для этого было проведено исследованию по
поиску цвета по психологическим признакам и значениям.
59
Зеленый цвет, который в данном случае имел салатовый оттенок
олицетворяет молодость. Цвет умиротворения и связи с природой.
Оранжевый цвет олицетворяет жизненную энергию. В некоторых
странах символизирует восход солнца, начала нового дня.
Голубой цвет олицетворяет спокойствие. Является символом мира, цвет
мечтаний.
Синий символизирует стабильность. Цвет верности, умиротворения и
защищенности.
Данные цвета можно увидеть при использовании на знаках. Необходимо
найти подходящий, который будет также подходить своей целевой аудитории.
Был выбран образ руки, обозначающий «ОК». Работа продолжилась с ним.
Рис.2.8. Цветовые вариации знаков
Градиент с желтого на оранжевый было решено перенести на фон.
Исходя из этого нежно было подкорректировать цвет самой руки для того,
чтобы усилить эффект. Был проведен анализ по сочетанию градиента с
другими цветами для того, чтобы выбрать наиболее подходящий (см. рис.2.9.).
Красный цвет нес в себе более агрессивный характер, это качество не
подходило под идею, поэтому не подошел. Салатовый цвет смотрелся тускло
на таком фоне и благодаря сочетанию с желтым терял свои свойства, поэтому
тоже не подходил. Голубой цвет также, как и салатовый несколько терялся на
фоне и поэтому был убран. Фиолетовый цвет по оттенку в сочетании с фоном
60
не подходил и поэтому был убран. Синий цвет лучшего всего подходил и на
взгляд, и по смыслу, поэтому было решено выбрать его (см. рис.2.10.).
Рис.2.9. Подбор цветовых оттенков для итогового знака
Рис.2.10. Изобразительный элемент для знака иконки
мобильного приложения-органайзера «Хелпер»
После того как изобразительный элемент был готов, необходимо было
определиться с гарнитурой (см. рис.2.11.). Молодежь ведет активный образ
жизни, поэтому было решено попробовать рукописный шрифт для
подчеркивания движения и уникальности личности: Lemon Tuesdat – 7 и EFN
Oknofont - 8.
Также был вариант с прямым гротеском. Он должен показать
стабильность, но в тоже время не строгость, поэтому шрифт имел скругленные
края: GardensC – 3, Comfortaa – 4, FuturaRound – 5, Days - 6.
61
В раздумьях был шрифт с зауженным очком, но убран, потому что не
подходил под идею и не адаптирован для мобильного телефона: BravoSC – 1
и UnicumCond - 2.
Рис.2.11. Варианты гарнитуры для знака
мобильного приложения-органайзера «Хелпер»
Также нужно было найти шрифт для дескриптора и для использования
внутри мобильного приложения. Данный шрифт должен быть адаптирован для
WEB использования (см. рис.2.12.). Для этого был выбран сайт «Google Fonts».
В нем были найдены шрифты: Clear Sans – 4 и Manrope – 5. Также как варианты
были следующие шрифты: Arial – 2, Franklin – 3, Helvetica – 6. Также был
вариант с зауженным очком: Akrobat – 1.
Рис.2.12. Варианты гарнитуры для дескриптора
Примеры знаков для нахождения лучшего варианта (см. рис.2.13.). Для
этого использовались следующие шрифты: FuturaRound, Days и Manrope.
62
Рис.2.13. Вариации знака для мобильного
приложения-органайзера «Хелпер»
В итоге были выбраны следующие шрифты для знака мобильного
приложения-органайзера «Хелпера» (см. рис.2.14.). Название написано – Days,
а дескриптор и служебный шрифт – Manrope.
Рис.2.14. Итоговый вариант знак
для мобильного приложения-органайзера «Хелпер»
2.2.3. Использование знака
В основном будет использовать иконка для приложения, потому что
если смотреть их для скачивания в App Store и Play Market, то там идет только
иконка. Соответственно необходимо было выяснить параметры,
используемых иконок: размер, формы, цветовое пространство.
В играх и приложениях внедряется новая система знаков, которая
поможет адаптировать изображения к макету интерфейсов и типам устройств.
63
Форма иконки должна быть вписана в квадрат, который после загрузки
пример форму скругленными краями. Это помогает оставлять иконки в единой
стилистике. Размер иконки является стандартным для всех – 512 на 512
пикселей.
У цветового пространства есть несколько вариантов (см. рис.2.15.).
Первый объект будет находится в центре над цветным фоном, который
расположен на всем поле. Второй вариант немного отличается композиция
расположена так, чтобы она распространилась на все пространство.
Исходя из этой информации можно вычесть следующее. Разработанный
знак будет использоваться в иконке, обозначающего приложения.
Рис.2.15. Экран загрузки мобильного
приложения-органайзера «Хелпер»
2.3. Стилеобразующие элементы
Цвет
В изобразительной части знака будут использоваться следующие цвета,
которые были выбраны при разработке знака (см. рис.2.16.). Фоном иконки и
64
экранов мобильного приложения-органайзера будет градиент с желтого на
оранжевый цвет. Рука же будет окрашена в голубой цвет с более темного
оттенка обводкой. Этот контраст должен гармонировать между собой. Для
выбора цветовых констант был проведен поиск значений и заложенного
смысла в цвет по психологическим признакам. Выяснилось, что оранжевый
цвет несет в себе дружелюбие, радость, другими словами приятные и
положительные эмоции.
Выбор таких цветов был обусловлен тем, что оттенки оранжевого цвета
символизирует дружелюбие, радость, другими словами приятные,
положительные эмоции. На контрасте с ними идут оттенки синего, которые
показывают стабильность. Желтый цвет имеет схожее значение. Цвет тепла,
радости и оптимизма. Данные оттенки подходят для молодежи. На контрасте
с ними идут холодные оттенки. Голубой показывает спокойствие и также этот
является цветом мира. Синий оттенок символизирует стабильность, носит в
себе расслабляющий эффект и приносит покой. Их сочетание несет гармонию
в себе, поэтому было решено использовать их градиенты. Желто-оранжевый
используется для фона, голубо-синий же для элементов, расположенных на
экране (кнопки). Дополнительные цвета будут использоваться в фирменном
стиле мобильного приложения-органайзера «Хелпер». Они не имеют сильной
нагрузки на глаза и используются для дополнительных элементов.
Рис.2.16. Цветовое оформление
65
Шрифт
Необходимо было определиться с выбором гарнитур для знака и
дескриптора. Выбор пал на Days и Manrope (см. рис.2.17.). Для знака было
необходимо подобрать не строгий шрифт, который подходил для целевой
аудитории. Он выглядит более дружелюбно, благодаря скругленным краям.
Для дескриптора и внутреннего пользования необходимо было найти
шрифт с несколькими начертаниями, который адаптирован для WEB, текст
должен быть гротеском. Исходя из таких критериев был выбран Manrope.
Рис.2.17. Гарнитуры для знака мобильного
приложения «Хелпер»
Графика
Для мобильного приложения-органайзера «Хелпер» необходимо
сделать пиктограммы, благодаря которым можно ориентироваться в
мобильном приложении. Пиктограммы должны были подкреплять дизайн
экранов мобильного приложения-органайзера «Хелпер». Необходимо было
определиться с формами пиктограмм. За основу было решено взять квадрат с
скругленными краями, после разработки эскизов. Пиктограммы, которые
будут использоваться в мобильном приложении, должны быть маленького
размера, в связи с этим их нужно упростить, но так, чтобы пользователи
смогли понять смысл. Нужно найти подходящие образы для разделов, которые
будут применяться как совместно с названиями, так и отдельно.
Первый раздел, который нужно было разрабатывать – Расписание (см.
рис.2.18). Ассоциация с этим словом были следующие: список, календарь,
66
часы, пункты, ежедневник. Необходимо было найти образ, который был
считываемым с первого взгляда. Отрисованные списки напоминали больше
заметки, поэтому было решено использовать этот образ на другом разделе.
Календарь должен был обозначать События, поэтому также был отметен.
Итоговым вариантом для данного раздела стал ежедневник.
Рис.2.18. Эскиз пиктограммы для раздела – Расписание
Второй раздел – События (см. рис.2.19.). Ассоциация была с календарем
или более подробнее особая дата. Для начала был отрисован обычный
календарь, но образ был не привлекательным, поэтому нежно было найти
другое изображение, которое больше подошло для раздела. Итоговый образ
стал календарь с цифрой.
Рис.2.19. Эскизы пиктограммы для раздела – События
Третий раздел – Лекции (см. рис.2.20.). Необходимо было найти
подходящий образ, который будет узнаваем. В мыслях были следующие
ассоциации: презентация, картинка, график, тетрадь - клетка, портфель,
микрофон, учебник, документ, письменный инструмент (рука, карандаш).
Сложно было найди подходящий образ, ведь нельзя с уверенностью сказать,
что все считают его правильно. Картинка не однозначно дает понять, что это
за раздел, такая иконка используется часто для обозначения галереи в
телефоне, а значит не подойдет для Лекций. График лучше подходил, но также
не вызывал прочную ассоциацию. В мыслях было показать документ, который