Удобный и красивый дизайн личного кабинета в Геткурс. Это как?
В преддверии интенсива по веб-дизайну, раскроем тему того, как понять, что дизайн красив и удобен.
Начнем сразу с примеров. Разберем наши работы, а также то, что нашли в открытых чатах спецов. Кстати, заранее приносим извинения, если обратка будет неприятной. Тут ничего личного, а только наше мнение.
Первый пример - онлайн школа стиля.
На нашей стороне была разработка логики и функционала. Дизайн уже заказчик сам реализовывал.
Верстку делали совместно с Дмитрием Space, а точнее вообще все проекты сделаны совместно с ним.
В этом дизайне сочетаются цвета, нет ничего лишнего, все очень просто и легко найти.
Второй пример - школа видео
Все также, на нашей стороне проработка логики, совместно с членом команды заказчика и верстка от Дмитрия.
Все опять же находится на своих местах и визуализация интуитивно понятна.
Нет никаких замудренных иконок или фона ядовитого цвета.
Все элементы образуют единую композицию.
Третий вариант - школа для фотографов
Это не наш проект. Дмитрий Space реализовывал верстку.
Лаконичный приятный дизайн. На скрине показаны только уроки,
Все элементы показывать и описывать не будем иначе на долго все затянется 😃
Главное уловить суть.
В первые же секунды взгляда все понятно и приятно. Нет вычурных элементов. Пользователь получает главное - легкий и понятный доступ к информации, при этом еще и все эстетично.
А теперь давайте разберем варианты, которые можно усилить, даже если ты не дизайнер.
Этот пример, нам дали для разбора. А сейчас тезисно опишем? что здесь гуд, а что можно улучшить.
Все важные блоки перед глазами, искать ничего не надо.
Меню для многих учеников уже привычное и понятное.
По удобству гуд.
А по визуалу есть? что поправить.
- Слишком много ярких пятен, тут вообще много пятен.
- Текст желтого цвета - не совсем удачное решение. Это сложно читать. Нельзя сказать, что не читается текст, но некоторое напряжение возникает.
Если у пользователя проблемы со зрением, то еще сложнее будет прочесть. А ведь есть еще и дальтоники.
Если сравнить этот вариант с примерами выше, то заметно, что они намного "чище", нет фонового шума.
Текущий вариант, легко можно улучшить:
Более подробно об этом будем говорить на интенсиве.
Большая часть работ, которую я видел можно докрутить парой штрихов.
Потому что они уже хороши, но есть пробелы, просто не хватает знаний и навыков.
И для этого не надо проходить профессиональный курс по веб дизайну.
Это примерно то же самое, если бы я хотел для девушки сыграть на гитаре мелодию. Достаточно именно ее изучить и проигрывать на гитаре. И уж точно нет никакого смысла проходить всю программу музыкальной школы.
Так что ждем тебя на интенсиве 25 и 26 октября.
Программа и регистрация по ссылке