Разбираем UX популярной игры Among Us
Углубляемся в дизайн космического детектива.
Возможно, космос – идеальное место для сотрудничества и инноваций, но также для саботажа и предательства. Этому посвящена игра Among Us. Эта чрезвычайно успешная видеоигра была выпущена в ноябре 2018 года студией InnerSloth Games, независимой игровой компанией из Редмонда, штат Вашингтон.
Но популярной она стала за последние несколько месяцев. Многие известные блогеры проводят стримы и разбирают ее геймплей. По данным YouTube в сентябре видеоролики о Among Us набрали более четырех миллиардов просмотров. На сегодняшний день в TikTok видео с хештегом #AmongUs собрали более 13 миллиардов просмотров. Сейчас в ней насчитывается 60 миллионов активных пользователей. Однако успех не был достигнут в одночасье. Среднее количество активных пользователей в 2018 году составляло примерно 30–50 человек.
Она доступна на iOS (iPhone / iPad), Android и Microsoft Windows. Ее можно скачать в Steam для Windows, но не для Mac.
Игра приносит удовольствие своей интерактивностью, простотой и быстрыми разговорами с другими игроками. Веселье обеспечено независимо от того будете ли вы членом экипажа или предателем.
Давайте разберем плюсы и минусы ее дизайна.
Плюсы
1. В некоторых заданиях звук обеспечивает обратную связь
2. Кнопки с ограничениями для навигации пользователей
3. Креативное использование рабочей памяти – это весело
4. Не нужно регистрироваться
5. Использование закона Фиттса для удобной навигации по элементам управления
Минусы
1. Проблемы с аффордансами в некоторых задачах
2. Информация, вводящая в заблуждение, из-за большого количества игроков
3. Неэффективное использование периферии
4. Для более быстрого общения нужны дополнительные приложения
Читать статью: https://ux.pub/razbiraem-ux-populyarnoy-igry-among-us/
Углубляемся в дизайн космического детектива.
Возможно, космос – идеальное место для сотрудничества и инноваций, но также для саботажа и предательства. Этому посвящена игра Among Us. Эта чрезвычайно успешная видеоигра была выпущена в ноябре 2018 года студией InnerSloth Games, независимой игровой компанией из Редмонда, штат Вашингтон.
Но популярной она стала за последние несколько месяцев. Многие известные блогеры проводят стримы и разбирают ее геймплей. По данным YouTube в сентябре видеоролики о Among Us набрали более четырех миллиардов просмотров. На сегодняшний день в TikTok видео с хештегом #AmongUs собрали более 13 миллиардов просмотров. Сейчас в ней насчитывается 60 миллионов активных пользователей. Однако успех не был достигнут в одночасье. Среднее количество активных пользователей в 2018 году составляло примерно 30–50 человек.
Она доступна на iOS (iPhone / iPad), Android и Microsoft Windows. Ее можно скачать в Steam для Windows, но не для Mac.
Игра приносит удовольствие своей интерактивностью, простотой и быстрыми разговорами с другими игроками. Веселье обеспечено независимо от того будете ли вы членом экипажа или предателем.
Давайте разберем плюсы и минусы ее дизайна.
Плюсы
1. В некоторых заданиях звук обеспечивает обратную связь
2. Кнопки с ограничениями для навигации пользователей
3. Креативное использование рабочей памяти – это весело
4. Не нужно регистрироваться
5. Использование закона Фиттса для удобной навигации по элементам управления
Минусы
1. Проблемы с аффордансами в некоторых задачах
2. Информация, вводящая в заблуждение, из-за большого количества игроков
3. Неэффективное использование периферии
4. Для более быстрого общения нужны дополнительные приложения
Читать статью: https://ux.pub/razbiraem-ux-populyarnoy-igry-among-us/
UXPUB 🇺🇦 Дизайн-спільнота
Разбираем UX популярной игры Among Us
Among Us стала одной из моих любимых видеоигр, ее плюсы и положительное социальное воздействие определенно перевешивают минусы
10 правил проектирования интерфейсов, которые нельзя нарушать
Лучшие практики UI-дизайна.
В жизни есть определенные правила, которые нельзя нарушать. В дизайне пользовательского интерфейса тоже есть правила, по которым нужно жить. Их называют «эвристикой» или общими принципами, улучшающими юзабилити интерфейсов. Это повторяемые паттерны, проверенные временем и помогающие пользователям ориентироваться в интерфейсе. Хорошо спроектированный интерфейс всегда учитывает изложенные ниже принципы. В не очень хорошо спроектированном интерфейсе наверняка не хватает одного или нескольких принципов. Вы UI дизайнер, так зачем вам нарушать хотя бы одно из этих правил и создавать проблемы для пользователей ?
Этот список был взят из статьи Norman Neilsen
«10 эвристик для проектирования интерфейса».
1. Видимость состояния системы
2. Соответствие между системой и реальным миром
3. Последовательность и стандарты
4. Контроль и свобода пользователей
5. Предотвращение ошибок
6. Пользователи должны узнавать, а не вспоминать
7. Гибкость и эффективность использования
8. Минималистский дизайн и эстетика
9. Помогите пользователям распознавать, диагностировать и устранить ошибки
10. Справка и документация
Читать статью: https://clc.to/jXYJ1g
Лучшие практики UI-дизайна.
В жизни есть определенные правила, которые нельзя нарушать. В дизайне пользовательского интерфейса тоже есть правила, по которым нужно жить. Их называют «эвристикой» или общими принципами, улучшающими юзабилити интерфейсов. Это повторяемые паттерны, проверенные временем и помогающие пользователям ориентироваться в интерфейсе. Хорошо спроектированный интерфейс всегда учитывает изложенные ниже принципы. В не очень хорошо спроектированном интерфейсе наверняка не хватает одного или нескольких принципов. Вы UI дизайнер, так зачем вам нарушать хотя бы одно из этих правил и создавать проблемы для пользователей ?
Этот список был взят из статьи Norman Neilsen
«10 эвристик для проектирования интерфейса».
1. Видимость состояния системы
2. Соответствие между системой и реальным миром
3. Последовательность и стандарты
4. Контроль и свобода пользователей
5. Предотвращение ошибок
6. Пользователи должны узнавать, а не вспоминать
7. Гибкость и эффективность использования
8. Минималистский дизайн и эстетика
9. Помогите пользователям распознавать, диагностировать и устранить ошибки
10. Справка и документация
Читать статью: https://clc.to/jXYJ1g
Пошаговое руководство по сочетанию шрифтов и подбору шрифтовых пар
Если вы загуглите, как сочетать шрифты, то получите много ужасных результатов. На первой странице вы найдете сочетания, к которым ни один опытный дизайнер не прикоснется даже 3-метровой палкой. Google Fonts весело рекомендует сочетать буквально все с Open Sans и Roboto 🙄
В этой статье предоставлен пошаговый план создания красивых сочетаний шрифтов профессионального качества.
1. Определите свой бренд
2. Шрифты, которые ненавязчиво передают ваш бренд
3. Выберите шрифт для основного текста исходя из его удобочитаемости
4. Добавьте дополнительный шрифт, чтобы выделить еще один аспект бренда
5. Определите правила использования
6. При необходимости повторите шаги 4 и 5
Читать статью: https://ux.pub/poshagovoe-rukovodstvo-po-sochetaniyu-shriftov-i-podboru-shriftovyh-par/
Если вы загуглите, как сочетать шрифты, то получите много ужасных результатов. На первой странице вы найдете сочетания, к которым ни один опытный дизайнер не прикоснется даже 3-метровой палкой. Google Fonts весело рекомендует сочетать буквально все с Open Sans и Roboto 🙄
В этой статье предоставлен пошаговый план создания красивых сочетаний шрифтов профессионального качества.
1. Определите свой бренд
2. Шрифты, которые ненавязчиво передают ваш бренд
3. Выберите шрифт для основного текста исходя из его удобочитаемости
4. Добавьте дополнительный шрифт, чтобы выделить еще один аспект бренда
5. Определите правила использования
6. При необходимости повторите шаги 4 и 5
Читать статью: https://ux.pub/poshagovoe-rukovodstvo-po-sochetaniyu-shriftov-i-podboru-shriftovyh-par/
UXPUB 🇺🇦 Дизайн-спільнота
Пошаговое руководство по сочетанию шрифтов и подбору шрифтовых пар
Если вы загуглите, как сочетать шрифты, то получите много ужасных результатов. На первой странице вы найдете сочетания, к которым ни один опытный дизайнер не прикоснется
Как подобрать шрифт в логотипе
Как понять, что это именно тот шрифт, который подходит под логотип? На что нужно обращать внимание?
При подборе шрифта под знак действуют похожие правила как и в подборе шрифтовой пары. Расскажу про два основных из них.
Контраст против тождества
Когда мы подбираем шрифт под знак нам стоит решить, хотим ли мы чтобы шрифт был похож или чтобы он выделялся. Тут нет правильного решения. Ответ зависит от эффекта, который мы хотим создать.
Например, если хочется, чтобы логотип и стиль в целом был более целостным, то шрифт будет максимально похож на знак по стилистическим решениям и по духу времени.
Детали и акценты
Когда глобально с контрастом мы разобрались самое время обратить внимание на детали шрифта и соотнести эти детали с вашим знаком.
На что смотреть:
— Толщины основных и соединительных штрихов.
— Характер линий или инструмент.
— Наклон и динамика шрифта.
— Засечки.
— Ловушки для краски.
— Формы округлых и квадратных букв.
Важное дополнение! Подобрать идеальный шрифт под знак, который вы нарисовали сложно, а иногда это занимает больше времени чем создание самого знака. Поэтому вам нужно всегда рассчитывать, что можно не только подбирать шрифт, но и можно перерисовывать детали знака, приближая его под выбранный шрифт.
Например, в логотипе снизу изначально был другой наклон у параллелограммов. Но когда я подобрал шрифт для названия то, чтобы связать их в единую систему я поменял этот угол и сделал его таким же как в «А».
В целом, подбор шрифта — это тонкая работа и в начале пути стоит не лениться потратить на неё достаточно много времени. Думаю, я заинтересовал тебя копать эту тему ещё глубже.
Читать статью с примерами: https://designpub.ru/font-in-the-logo-a716e2962de4
Как понять, что это именно тот шрифт, который подходит под логотип? На что нужно обращать внимание?
При подборе шрифта под знак действуют похожие правила как и в подборе шрифтовой пары. Расскажу про два основных из них.
Контраст против тождества
Когда мы подбираем шрифт под знак нам стоит решить, хотим ли мы чтобы шрифт был похож или чтобы он выделялся. Тут нет правильного решения. Ответ зависит от эффекта, который мы хотим создать.
Например, если хочется, чтобы логотип и стиль в целом был более целостным, то шрифт будет максимально похож на знак по стилистическим решениям и по духу времени.
Детали и акценты
Когда глобально с контрастом мы разобрались самое время обратить внимание на детали шрифта и соотнести эти детали с вашим знаком.
На что смотреть:
— Толщины основных и соединительных штрихов.
— Характер линий или инструмент.
— Наклон и динамика шрифта.
— Засечки.
— Ловушки для краски.
— Формы округлых и квадратных букв.
Важное дополнение! Подобрать идеальный шрифт под знак, который вы нарисовали сложно, а иногда это занимает больше времени чем создание самого знака. Поэтому вам нужно всегда рассчитывать, что можно не только подбирать шрифт, но и можно перерисовывать детали знака, приближая его под выбранный шрифт.
Например, в логотипе снизу изначально был другой наклон у параллелограммов. Но когда я подобрал шрифт для названия то, чтобы связать их в единую систему я поменял этот угол и сделал его таким же как в «А».
В целом, подбор шрифта — это тонкая работа и в начале пути стоит не лениться потратить на неё достаточно много времени. Думаю, я заинтересовал тебя копать эту тему ещё глубже.
Читать статью с примерами: https://designpub.ru/font-in-the-logo-a716e2962de4
Medium
Как подобрать шрифт в логотипе
Как понять, что это именно тот шрифт, который подходит под логотип? На что нужно обращать внимание?
Как правильно создавать презентации + типичные ошибки
Каждый из нас наверняка сталкивался с необходимостью создать презентацию: на работе, на учебе или для личных целей. Поэтому стоит научиться грамотно подходить к этому процессу и не допускать очевидных ошибок, которые разберут в этой статье.
Почему презентации столь актуальны
Для человека огромную роль в восприятии информации является её визуализация.
Для создания презентаций можно использовать всем знакомый Power Point или же перейти на облачные технологии Google презентаций для более удобной совместной работы.
Типичные ошибки, чтобы запомнить и не повторять
Существует несколько типов презентаций: презентации для выступлений, информационные презентации и презентации для вебинаров. Основные составляющие хорошей презентации — это написание текста, структурирование и дизайн. И на каждом этапе можно допустить ряд ошибок.
1. Отсутствие фирменного стиля и наглядности
2. Орфографические ошибки
3. Большое количество лишней информации
4. Дословное повторение спикером текста, заявленного на слайде
5. Чересчур сложные схемы и диаграммы
6. Низкая контрастность фона и текста
7. Большое количество терминов и иностранных слова
8. Различные технические ошибки: множество шрифтов/цветов, изображения, нарушающие авторские права
9. Большое количество текста. Нужно использовать не более 30 слов на слайде. Желательно 3 минуты на слайд.
10. Мелкий шрифт. Минимум 24 точки (пт*) размер шрифта, оптимально 30 точек (пт*).
Как сделать презентацию яркой, запоминающейся и небанальной
1. История
В первую очередь, позвольте зрителю узнать ответ на вопрос «Кто и что делает?». Рассказывайте историю последовательно, запечатляя нужную информацию на слайдах, дабы удержать внимание слушателя.
2. Интерес
В качестве дополнительного материала вставляйте иллюстрации и картинки. Можно объяснять серьезные вещи и поддерживать интерес за счет провокационного визуального ряда, так как яркий образ сильнее останется в памяти человеке. Снизьте градус научности!
3. Логика
Текст должен быть логичным. Огромные абзацы текста можно уложить в блок-схемы, а заголовки и иллюстрации помогут грамотно разделить текст и улучшить его воспринимаемость.
В конце вашего выступления можно оценить то, как зрители запомнили изложенный материал. Для этого задавайте вопросы и просите дать небольшие “рецензии” на вашу презентацию.
Удача презентации заключается в:
● Харизме преподавателя, его внимательности к студентам, желании взаимодействовать со слушателями.
● Четкости и структурированности
● Ярком визуальном контексте
● Наличии дополнительных ссылок и источников
● В понимании излагаемой темы
● Оптимальном выборе шаблона
Источник: https://vc.ru/design/152012-kak-pravilno-sozdavat-prezentacii-tipichnye-oshibki
Каждый из нас наверняка сталкивался с необходимостью создать презентацию: на работе, на учебе или для личных целей. Поэтому стоит научиться грамотно подходить к этому процессу и не допускать очевидных ошибок, которые разберут в этой статье.
Почему презентации столь актуальны
Для человека огромную роль в восприятии информации является её визуализация.
Для создания презентаций можно использовать всем знакомый Power Point или же перейти на облачные технологии Google презентаций для более удобной совместной работы.
Типичные ошибки, чтобы запомнить и не повторять
Существует несколько типов презентаций: презентации для выступлений, информационные презентации и презентации для вебинаров. Основные составляющие хорошей презентации — это написание текста, структурирование и дизайн. И на каждом этапе можно допустить ряд ошибок.
1. Отсутствие фирменного стиля и наглядности
2. Орфографические ошибки
3. Большое количество лишней информации
4. Дословное повторение спикером текста, заявленного на слайде
5. Чересчур сложные схемы и диаграммы
6. Низкая контрастность фона и текста
7. Большое количество терминов и иностранных слова
8. Различные технические ошибки: множество шрифтов/цветов, изображения, нарушающие авторские права
9. Большое количество текста. Нужно использовать не более 30 слов на слайде. Желательно 3 минуты на слайд.
10. Мелкий шрифт. Минимум 24 точки (пт*) размер шрифта, оптимально 30 точек (пт*).
Как сделать презентацию яркой, запоминающейся и небанальной
1. История
В первую очередь, позвольте зрителю узнать ответ на вопрос «Кто и что делает?». Рассказывайте историю последовательно, запечатляя нужную информацию на слайдах, дабы удержать внимание слушателя.
2. Интерес
В качестве дополнительного материала вставляйте иллюстрации и картинки. Можно объяснять серьезные вещи и поддерживать интерес за счет провокационного визуального ряда, так как яркий образ сильнее останется в памяти человеке. Снизьте градус научности!
3. Логика
Текст должен быть логичным. Огромные абзацы текста можно уложить в блок-схемы, а заголовки и иллюстрации помогут грамотно разделить текст и улучшить его воспринимаемость.
В конце вашего выступления можно оценить то, как зрители запомнили изложенный материал. Для этого задавайте вопросы и просите дать небольшие “рецензии” на вашу презентацию.
Удача презентации заключается в:
● Харизме преподавателя, его внимательности к студентам, желании взаимодействовать со слушателями.
● Четкости и структурированности
● Ярком визуальном контексте
● Наличии дополнительных ссылок и источников
● В понимании излагаемой темы
● Оптимальном выборе шаблона
Источник: https://vc.ru/design/152012-kak-pravilno-sozdavat-prezentacii-tipichnye-oshibki
vc.ru
Как правильно создавать презентации + типичные ошибки — Дизайн на vc.ru
Каждый из нас наверняка сталкивался с необходимостью создать презентацию: на работе, на учебе или для личных целей. Поэтому стоит научиться грамотно подходить к этому процессу и не допускать очевидных ошибок, которые мы разберем в этой статье. С картинками…
Подборка полезных каналов для дизайнера
@designdealer — Инструменты и сервисы которые сэкономят твоё время и улучшат рабочий процесс
@figmaplugin — плагины, новости и бесплатные исходники для Figma
@dsgn_edu — образовательный канал, где публикуются бесплатные уроки и вебинары от топовых дизайнеров
@designdealer — Инструменты и сервисы которые сэкономят твоё время и улучшат рабочий процесс
@figmaplugin — плагины, новости и бесплатные исходники для Figma
@dsgn_edu — образовательный канал, где публикуются бесплатные уроки и вебинары от топовых дизайнеров
Книга «Геймдизайн. Как создать игру, в которую будут играть все», Джесси Шелл
Джесси Шелл – один из известнейших геймдизайнеров, который работал на Walt Disney Company, делится своими секретами и подробно рассказывает, как создать игру, которая завоюет если не весь мир, то большую его часть. Сегодня видеоигры везде, и все они работают по определенным законам.
В них миллионы тонкостей и нюансов, которые известны только геймдизайнерам. Как все учесть? Как соединить звуковой и видеоряд, подобрать верный баланс наград и попасть в целевую аудиторию? Что вообще представляет собой геймдизайн? Джесси Шелл готов отвечать на вопросы.
Цель книги – сделать из вас лучшего геймдизайнера.
Джесси Шелл – один из известнейших геймдизайнеров, который работал на Walt Disney Company, делится своими секретами и подробно рассказывает, как создать игру, которая завоюет если не весь мир, то большую его часть. Сегодня видеоигры везде, и все они работают по определенным законам.
В них миллионы тонкостей и нюансов, которые известны только геймдизайнерам. Как все учесть? Как соединить звуковой и видеоряд, подобрать верный баланс наград и попасть в целевую аудиторию? Что вообще представляет собой геймдизайн? Джесси Шелл готов отвечать на вопросы.
Цель книги – сделать из вас лучшего геймдизайнера.
Дизайн-заруба с призовым фондом в 650 000 рублей 💰
Все мы знаем ребят из Mail ru Group и Design Line. В этом году они объединились, чтобы сделать самый масштабный конкурс дизайнеров..
Russian Design Cup — это уникальная возможность посоревноваться с дизайнерами России и СНГ. А оценивать это будет мощнейшее жюри.
👉 Что нужно делать?
Выполни все задания, получи высшие баллы от жюри, крутой опыт, деньги и славу. Да, все действительно просто.
👉 Как зарегистрироваться?
Переходи по ссылке clc.to/rdcdsgnline и пройди бесплатную регистрацию на конкурс.
Будет интересно - главное не упусти этот шанс.
Все мы знаем ребят из Mail ru Group и Design Line. В этом году они объединились, чтобы сделать самый масштабный конкурс дизайнеров..
Russian Design Cup — это уникальная возможность посоревноваться с дизайнерами России и СНГ. А оценивать это будет мощнейшее жюри.
👉 Что нужно делать?
Выполни все задания, получи высшие баллы от жюри, крутой опыт, деньги и славу. Да, все действительно просто.
👉 Как зарегистрироваться?
Переходи по ссылке clc.to/rdcdsgnline и пройди бесплатную регистрацию на конкурс.
Будет интересно - главное не упусти этот шанс.
⚡️UX-дизайнерам и фронтенд-разработчикам: Бесплатная онлайн-конференция Design is Frontend
9 декабря поговорим о дизайне и верстке, которые решают проблемы бизнеса. В программе пять докладов от ведущих UX-дизайнеров и фронтенд-тимлидов SberDevices, AFFINAGE, PINKMAN, Студии Олега Чулакова и Hawking Bros. Старт конференции в 14:00.
🔸«Как фиксировать и не терять баги между дизайном и версткой. Реальный опыт» — Игорь Яковлев, CEO AFFINAGE.
🔸«Сложные виды анимации на вёрстке, типичные ошибки фронтендера» — Влад Шуянов, тимлид фронтенд-разработки Hawking Bros.
🔸«Дизайн и frontend: давайте жить дружно» — Екатерина Тюхай, UX-lead SmartApp Studio SberDevices.
🔸«Как превратить разные отделы продакшена в слаженную команду» — Юрий Чижов, технический директор PINKMAN.
🔸«Как подружить аналитику, дизайн и разработку, не сорвав сроки» — Александр Кременской, арт-директор «Студии Олега Чулакова».
⚡️Регистрируйтесь и прокачивайте хард-скиллы вместе с нами — https://bit.ly/3l89bw1
9 декабря поговорим о дизайне и верстке, которые решают проблемы бизнеса. В программе пять докладов от ведущих UX-дизайнеров и фронтенд-тимлидов SberDevices, AFFINAGE, PINKMAN, Студии Олега Чулакова и Hawking Bros. Старт конференции в 14:00.
🔸«Как фиксировать и не терять баги между дизайном и версткой. Реальный опыт» — Игорь Яковлев, CEO AFFINAGE.
🔸«Сложные виды анимации на вёрстке, типичные ошибки фронтендера» — Влад Шуянов, тимлид фронтенд-разработки Hawking Bros.
🔸«Дизайн и frontend: давайте жить дружно» — Екатерина Тюхай, UX-lead SmartApp Studio SberDevices.
🔸«Как превратить разные отделы продакшена в слаженную команду» — Юрий Чижов, технический директор PINKMAN.
🔸«Как подружить аналитику, дизайн и разработку, не сорвав сроки» — Александр Кременской, арт-директор «Студии Олега Чулакова».
⚡️Регистрируйтесь и прокачивайте хард-скиллы вместе с нами — https://bit.ly/3l89bw1
Что не так с ценами на дизайн?
Клиенты обычно не понимают, почему дизайн вообще стоит денег. Многим кажется, что дизайнер — это творческая личность, которая на раз-два реализует любую идею, не тратя на это никаких ресурсов. А раз ему всё так легко даётся и не занимает времени, значит, ему и не нужно платить.
Ценность дизайна понимают уже опытные бизнесмены. Они знают, что логотип — лицо компании, фирменный стиль — способ запоминаться клиентам, хорошая визитка поможет наладить связи.
Потому с малым бизнесом в плане дизайна почти невозможно работать, из его представителей только единицы понимают ценность и преимущества хорошего и грамотного оформления.
Подробнее в статье: https://vc.ru/design/161477-chto-ne-tak-s-cenami-na-dizayn
Клиенты обычно не понимают, почему дизайн вообще стоит денег. Многим кажется, что дизайнер — это творческая личность, которая на раз-два реализует любую идею, не тратя на это никаких ресурсов. А раз ему всё так легко даётся и не занимает времени, значит, ему и не нужно платить.
Ценность дизайна понимают уже опытные бизнесмены. Они знают, что логотип — лицо компании, фирменный стиль — способ запоминаться клиентам, хорошая визитка поможет наладить связи.
Потому с малым бизнесом в плане дизайна почти невозможно работать, из его представителей только единицы понимают ценность и преимущества хорошего и грамотного оформления.
Подробнее в статье: https://vc.ru/design/161477-chto-ne-tak-s-cenami-na-dizayn
vc.ru
Что не так с ценами на дизайн? — Дизайн на vc.ru
По своему опыту могу сказать одно — клиенты обычно не понимают, почему дизайн вообще стоит денег. Многим кажется, что дизайнер — это творческая личность, которая на раз-два реализует любую идею, не тратя на это никаких ресурсов. А раз ему всё так легко даётся…
Как создавать лучшие макеты с помощью сетки 8pt
Сетки – это важнейший элемент UI дизайна.
Сделайте сетку правильно, и вы на полпути к созданию более привлекательных и функциональных интерфейсов.
Последовательные и масштабируемые интервалы помогают избавиться от догадок при проектировании и разработке. Требуется принимать меньше дизайн-решений. И это позволяет значительно ускорить работу над проектами.
Сетка 8pt, вероятно, является одной из наиболее часто используемых систем сетки, и не без причины.
Читать статью: https://ux.pub/kak-sozdavat-luchshie-makety-s-pomoschyu-setki-8pt/
Сетки – это важнейший элемент UI дизайна.
Сделайте сетку правильно, и вы на полпути к созданию более привлекательных и функциональных интерфейсов.
Последовательные и масштабируемые интервалы помогают избавиться от догадок при проектировании и разработке. Требуется принимать меньше дизайн-решений. И это позволяет значительно ускорить работу над проектами.
Сетка 8pt, вероятно, является одной из наиболее часто используемых систем сетки, и не без причины.
Читать статью: https://ux.pub/kak-sozdavat-luchshie-makety-s-pomoschyu-setki-8pt/
UXPUB 🇺🇦 Дизайн-спільнота
Как создавать лучшие макеты с помощью сетки 8pt
Сетка 8pt, вероятно, является одной из наиболее часто используемых систем сетки, и не без причины
Ataman Web UI Kit - Templates For Sketch & Photoshop CC
Скачать: https://yadi.sk/d/JBoCEFvcZTykaQ
Скачать: https://yadi.sk/d/JBoCEFvcZTykaQ
Кому нужен лендинг как у Apple, и как его сделать?
Многие из вас видели классные продуктовые лендинги, где телефон крутится, меняет масштаб, а код страницы не дает заскучать сначала фронтендеру, затем процессору ноутбука. Чтобы сделать такой сайт, нужна задача и сработанная команда.
Но кому нужен лендинг как у Apple, если ты не Apple?
Отлично такой сайт подойдет, если у вас есть партия продукта, которую надо продавать сразу и много. Особенно, если продукт сложный, нужно заранее познакомить пользователей с его фичами, показать дизайн. В формате такого сайта пользователь заранее знает о продукте почти столько же, сколько и продавец.
Он рассмотрел товар со всех сторон, и почти потрогал.
Если у вас технически сложный продукт, то можно разобрать и собрать его прямо на сайте. Можно показать дизайн лимитированной серии кроссовок или процесс производства. Идеально запускать заранее, назначать дату выхода, и, с помощью маркетинговых инструментов, собирать заявки. Тогда к моменту выхода продукта можно продать всю партию за несколько минут. Начинать лучше заранее, потому что на разработку такого лендинга надо заложить срок от трех месяцев.
Сложность такой работы — в совмещении нескольких технологий. Сценарий, трехмерная графика, анимация, монтаж и сложный фронтенд. И все это умножить на два, потому что десктопная и мобильная версии отличаются очень сильно. Нужно максимально быстро видеть результат в браузере, чтобы понимать туда мы идем или нет. Не шлифовать все последовательно — сначала модель, материалы, освещение, текстуры, положения анимации, CSS, JS, и тд., а быстро делать все в драфтовом виде и потом дорабатывать.
Плюс такого метода — быстро видишь этапы работы, которые требуют максимального внимания, невозможно потратить неделю работы на то, что потом не будет использоваться. Минус в том, что весь проект выглядит как набор костылей, нет ни одной части, которой можно наслаждаться, все где-то не так и не то.
Читать статью: https://vc.ru/design/161903-komu-nuzhen-lending-kak-u-apple-i-kak-ego-sdelat
Многие из вас видели классные продуктовые лендинги, где телефон крутится, меняет масштаб, а код страницы не дает заскучать сначала фронтендеру, затем процессору ноутбука. Чтобы сделать такой сайт, нужна задача и сработанная команда.
Но кому нужен лендинг как у Apple, если ты не Apple?
Отлично такой сайт подойдет, если у вас есть партия продукта, которую надо продавать сразу и много. Особенно, если продукт сложный, нужно заранее познакомить пользователей с его фичами, показать дизайн. В формате такого сайта пользователь заранее знает о продукте почти столько же, сколько и продавец.
Он рассмотрел товар со всех сторон, и почти потрогал.
Если у вас технически сложный продукт, то можно разобрать и собрать его прямо на сайте. Можно показать дизайн лимитированной серии кроссовок или процесс производства. Идеально запускать заранее, назначать дату выхода, и, с помощью маркетинговых инструментов, собирать заявки. Тогда к моменту выхода продукта можно продать всю партию за несколько минут. Начинать лучше заранее, потому что на разработку такого лендинга надо заложить срок от трех месяцев.
Сложность такой работы — в совмещении нескольких технологий. Сценарий, трехмерная графика, анимация, монтаж и сложный фронтенд. И все это умножить на два, потому что десктопная и мобильная версии отличаются очень сильно. Нужно максимально быстро видеть результат в браузере, чтобы понимать туда мы идем или нет. Не шлифовать все последовательно — сначала модель, материалы, освещение, текстуры, положения анимации, CSS, JS, и тд., а быстро делать все в драфтовом виде и потом дорабатывать.
Плюс такого метода — быстро видишь этапы работы, которые требуют максимального внимания, невозможно потратить неделю работы на то, что потом не будет использоваться. Минус в том, что весь проект выглядит как набор костылей, нет ни одной части, которой можно наслаждаться, все где-то не так и не то.
Читать статью: https://vc.ru/design/161903-komu-nuzhen-lending-kak-u-apple-i-kak-ego-sdelat