Обложка канала

Design by Design. Страница 4

325 @webdesnotes
Открыть

О дизайне во всех его проявлениях Контакт: @webdesign_girl

  • Design by Design

    Как не стать миллионером | Покрас Лампас | Prosmotr

    Лекция «Как не стать миллионером» Покраса Лампаса, художника и каллиграфа. Большинство вещей, которые так актуальны и ценны сейчас в творческой среде, былы с...

    YouTube

  • Design by Design

    Офигенно. Стильно. Концептуально. Залипательная анимация😍

    http://anagram.paris/

  • Design by Design

    В последнее время все чаще слышу термин “IA”, который употребляется настолько часто, как всеми известные UX\UI. Разберемся сегодня вместе, в чем заключается смысл и какими скилами должен обладать дизайнер.
    IA — информационная архитектура, главная цель которой — помочь пользователю найти информацию, организовать контент и выполнить задачу. Пример правильной информационной архитектуры использует Youtube.

    Поиск. Стратегически размещенный в верхней части homepage, поисковая строка дает возможность за считанные секунды найти именно то, что ищет пользователь. Если глубже поразмышлять, экономия времени пользователя автоматически располагает его пользоваться вашим ресурсом чаще и больше, потому что он не расстраивает его, а помогает. IA-дизайнер использовал такой алгоритм: Home -> Search Video -> Select Video -> Watch video

    Навигация. Youtube использует старый, добрый гамбургер для открытия своей навигационной панели. Кликая по нему, мы видим весь главный контент, который требуется пользователю. Все структура сводится к основной задаче YouTube — просмотр видео.
    IA-дизайнер использовал такой алгоритм: Subscriptions -> Select Youtube Channel of Choice -> Search Or Select Video Of Choose -> Watch Video

    Задача IA-дизайнера сводится к тому, чтобы обладать стратегическим мышление, разделять и сортировать информацию, чтобы добиться максимальной отзывчивости сайта. Основные навыки, которые нужно развивать — способность к анализу, креативность, любопытство, заинтересованность в идеях и в людях. Владение Omnigraffle, Keynote, Axure и тд.

  • Реклама

  • Design by Design

  • Design by Design

  • Design by Design

  • Design by Design

    Главные ошибки при подборе иконок👇🏻

    При выборе иконок для своего проекта стоит пользоваться таким понятием как “сет иконок” – это набор иконок одного стиля на некоторую тематику.

    Основные ошибки при подборе иконок:

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

    🔸Много элементов в одной иконке
    Чем иконка проще и лаконичнее, тем лучше и быстрее она воспринимается пользователем. Очень желательно, чтобы количество объектов в одной иконке было минимальным - это упростит ее визуальное восприятие. Например, иконки Windows Vista - это идеальный пример того, какие иконки НЕ стоит использовать в своем проекте.

    🔸Использование в одном разделе разных стилей иконок
    Одна из самых распространенных ошибок, которые допускают дизайнеры. Помните, если вы определились со стилем иконок для вашего проекта, то придерживайтесь его от начала и до конца. Если вы начали подбирать иконки в стиле флэт, то используйте только их; если решили применить контурные иконки, то не вставляйте в набор заливные иконки - это испортит общую картину и стиль проекта.

    🔸Неправильно подобранная метафора для иконки
    Метафоры – отличный способ, который помогает пользователям понять абстрактное содержание иконки. Например, вызвать у них знакомые ощущения; привлечь внимание и мотивировать к действиям.

    Достаточно распространенная иконка “Разработка” может быть реализована с помощью метафоры “шестеренка”, которая понятна и знакома пользователям. Иконка “Помощь” может быть реализована с помощью метафоры “спасательный круг”.

    Если же неверно использовать метафоры при подборе иконок, то можно ввести пользователя в заблуждение.

  • Design by Design

  • Design by Design

  • Design by Design

  • Design by Design

  • Design by Design

    ▪️Часто ли мы сталкиваемся с понятием "Адаптивный дизайн"? Я думаю, так же часто, как мы слышим слово "UX/ анимация/ макет". Пришло время разобраться, какую роль играет дизайнер в создании адаптивного сайта.

    ✔️Адаптивность сайта – это его способность корректно отображаться на всех устройствах (стационарные компьютеры, ноутбуки, планшеты, смартфоны).

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

    ✔️Роль веб-дизайнера в создании адаптивного макета
    Основными задачами дизайнера являются:
    ▪️определение разрешений макетов
    ▪️выбор концепции отрисовки
    ▪️отрисовка контрольных точек.

  • Design by Design

  • Design by Design

    Что вы предпочитаете?
    anonymous poll

    Photoshop – 28
    👍👍👍👍👍👍👍 70%

    Sketch – 10
    👍👍👍 25%

    Adobe XD – 2
    👍 5%

    👥 40 people voted so far.

  • Design by Design

  • Реклама

  • Design by Design

  • Design by Design

    http://mahaev.com/projects

    Мне кажется, так должно выглядеть портфолио профессионала своего дела🔝Иллюстрации, анимация, интерактив с пользователем😍

  • Design by Design

    Всем привет 👋🏻
    К сожалению, сейчас мой тайм-менеджмент даёт слабину и по техническим причинам я не могу быть активной на канале.
    Но о прекращении этой деятельности и речи не ведётся, если у вас есть какие-то идеи, темы или пожелания для будущих постов, то можете смело писать мне👌🏻
    До скорой встречи😉