10 отличных шпаргалок по дизайну UX/UI

Шпаргалки по UX/UI, которые нужно сохранить

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

Если эти стратегии полезны, не забудьте также ознакомиться с этими советами при улучшении дизайна UX вашего сайта.

1. Шпаргалка по дизайну iOS 7

Выпуск iOS 7 принес множество изменений в интерфейс, и дизайнерам необходимо будет адаптировать свой визуальный язык, чтобы он соответствовал новому плоскому дизайну iOS. Системы сетки, размеры, типографика и иконография были обновлены Apple. Иво Мюнтинен был достаточно любезен, чтобы создать шпаргалку (обновленную) для разработчиков и дизайнеров, в которой содержится вся информация, которую вам нужно знать для iOS 7, включая:

• • Разрешения на всех устройствах
  • Отображение информации на всех устройствах
  • Размеры значка приложения (включая информацию об изменениях дизайна закругленных углов и о том, где взять шаблон, поскольку Apple еще не выпустила его для iOS7)
  • Подробности об изменениях в пользовательском интерфейсе
  • Краткий список других ресурсов, которые могут оказаться полезными при разработке приложения.

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

2. Шпаргалка по дизайну Android

Конечно, мы также включили для вас аналогичную шпаргалку по дизайну Android. Это великолепная инфографика, разработанная Меган Девер, мобильным дизайнером из Double Encore, Inc. Эта информация доступна в руководстве по дизайну для Android, но ее гораздо проще найти и прочитать в этой приятной шпаргалке.

Он был создан для внутреннего использования в компании, но они подумали, что это настолько полезно для экономии времени, что они хотели поделиться им со всем сообществом. Это идет с:

• • Текстовые поля Android, панели поиска, счетчики, средства выбора, переключатели и варианты их использования
  • Активы из 9 патчей с добавлением возможностей компоновки оптических границ
  • Размеры устройств Android и связанные с ними размеры элементов
  • Правильный отступ для элементов пользовательского интерфейса
  • Особенности панели действий, контекста и значка запуска
  • Преобразование dp в px

3. Психология цветовой инфографики

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

4. Шпаргалка по HTML5

Обновление от 09.09.16: Этот лист больше недоступен.

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

• • Новые теги, появившиеся для HTML5
  • Существующие теги из HTML4, которые все еще доступны для HTML5
  • Старые теги, которые устарели в HTML5
  • Атрибуты и что для них старое и новое
  • График готовности браузера

5. Шпаргалка Ninja UX

На этапе исследования процесса UX вы можете взглянуть на эту крутую шпаргалку, сделанную Хилари Литтл для ее основного доклада CodeFest. Это несколько рекомендаций, которые следует учитывать при тестировании пользователей.

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

6. Дизайн веб-формы шпаргалки

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

Они решили найти самые распространенные проблемы и описать, как они их устраняют, а затем поместили все это в эту замечательную дизайнерскую шпаргалку. Они хотели создать что-то, чтобы улучшить формы каждого. Он содержит шаблон Omnigraffle, а также примеры Photoshop (PSD) и PDF для загрузки. Он поставляется с отличными советами, рекомендациями и примерами макетов, которые вы можете использовать.

7. Шпаргалка по jQuery

Это отличный упорядоченный список элементов jQuery, которые вы можете использовать в качестве справочного материала, если вы что-то не можете вспомнить. Его создал Оскар Отеро, веб-дизайнер и разработчик, который знает, насколько удобными могут быть эти вещи. Он поставляется с:

• Селекторы
• Атрибуты/CSS
• Манипуляции
• Пересечение
• События
• Последствия
• Аякс
• Основной

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

8. UX-терминология

Как UX-дизайнер, вы взаимодействуете со многими разными людьми в организации, и не все знают жаргон. Разве не было бы здорово, если бы вам не приходилось постоянно объясняться? Это для вас, чтобы раздать своим коллегам, чтобы помочь им понять, о чем вы говорите. Его принесла вам Невеста Трозелли, и он включает в себя:

• UX-практика
• UX роли
• UX-активности
• Термины пользовательского интерфейса
• UX результаты

9. Шпаргалка по значкам JQuery

Это невероятный краткий список иконок, которые вы можете сделать с помощью jQuery. Многие из вас, возможно, уже знают некоторые из них, но давайте!

Не все из нас могут запомнить каждое из них. Это пригодится тем из нас, кому трудно вспомнить информацию, которая приходит в голову. Это также отлично подходит для начинающих.

Это было представлено вам Питом Фрейтагом из Foundeo Inc. Лично это мой любимый из всех дизайнерских шпаргалок.

10. Шпаргалки WordPress

Читатель Майк Уоллахер из Startbloggingonline.com поделился разработанными им шпаргалками по WordPress. Они отлично подходят как для начинающих, так и для опытных пользователей, поскольку он предлагает обе версии. Проверь их! И если вам нужна техническая помощь, получите помощь WordPress от WP Buffs!

У вас есть интересные шпаргалки по дизайну, которыми вы хотите поделиться? Дайте нам знать в комментариях ниже.