Где/как научиться делать приятный глазу дизайн?

Question

[tantumus21]

Планируя стать фулл-стек разработчиком, хотелось бы уметь также и в UX/UI. Под "уметь в UX/UI" я понимаю умение делать визуально приятные, удобные в использовании и интересные (как минимум, не примитивные) сайты. На данный момент все тестовые сайты, которые я пишу для практики, выглядят одинаково и скучно.
Обычно я черпаю вдохновение и идеи с behance, awwwards и dribbble. Но копирование чужого крутого и красивого дизайна без понимания, что именно делает его крутым и красивым, меня не очень устраивает. Хотелось бы освоить хотя бы основы "правильного" дизайна, чтобы тупо не плагиатить чужое. А именно хотелось бы понимать: как правильно подобрать шрифт и цветовую схему (чтобы страница не резала глаз и цвета передавали настроение сайта), как располагать объекты на странице (чтобы он не выглядел или перегруженным и неудобным, или пустым и неинформативным), где какие фишки стоит применять, а где их лучше избегать... надеюсь, вы понял, что я имею в виду?
Пока все курсы и видео в YouTube, что я встречал про UX/UI, учат работе с фигмой, скетчем и XD - как использовать инструменты для реализации задуманного дизайна. Но как правильно задумать этот самый дизайн и как критически его оценить с точки зрения удобство/привлекательность - такого еще не находил.
Какие книги, курсы, видео вы бы посоветовали по данной тематике? На русском или английском языке - без разницы. Или лучше не заморачиваться этим и брать за основу работы с behance, awwwards и dribbble и т.д.?

Answer 1

[approximate solution]

фулл-стек разработчиком

Это называется веб-мастер если что.
Фулл-стек это умение работать с фронтом и бэком. И Как правило фулл-стэк вообще к UI\UX не имеет никакого отношения(хотя вроде как и фронтотом владеет).
Даже фронт-разработчик как правило отдает это прерогативу дизайнеру, так как дизайнер хорошо умеет в создании хорошего макета, а фронт уже его верстает и анимирует доступно и по канонам.

Хороший фронтенд разработчик не равно хороший дизайнер и разработчик UI\UX.

Вы же сейчас говорите про работу вебмастера - аля нарисуй дизайн и натяни на CMS, и это не фуллстэк.

Какие книги, курсы, видео вы бы посоветовали по данной тематике? На русском или английском языке - без разницы. Или лучше не заморачиваться этим и брать за основу работы с behance, awwwards и dribbble и т.д.?

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

Comments

[tantumus21]

Даже фронт-разработчик как правило отдает это прерогативу дизайнеру, так как дизайнер хорошо умеет в создании хорошего макета, а фронт уже его верстает и анимирует доступно и по канонам.

Хороший фронтенд разработчик не равно хороший дизайнер и разработчик UI\UX.

Вы же сейчас говорите про работу вебмастера - аля нарисуй дизайн и натяни на CMS, и это не фуллстэк.

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

[Владислав Лысков]

tantumus21, для этого есть дизайнеры, у которых можно заказать дизайн для своего магазина

[tantumus21]

Владислав Лысков, тогда переформулирую свой вопрос. Я разработчик, который хочет слегка прикоснуться к ремеслу дизайнера (чего-то такого, что связано с веб-сайтами). Я не хочу переквалифицироваться в дизайнера, а просто хочу понять, что там и как в этой сфере. Что мне делать? Что смотреть, что читать?

[Lucky4ox]

Владислав полностью ответил на ваш вопрос:

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

Если вам нужны конкретные источники, то например вот:

• https://www.nngroup.com/articles/
  
• https://almanac.readymag.com/
  
• https://www.amazon.com/gp/product/0128182024/ref=p...
  
• https://www.respublica.ru/knigi/psihologiya/samora...
  
• https://designpub.ru/
  
• https://www.bookvoed.ru/book?id=8809337
  

И еще есть куча разных книг, статей и блогов в том числе и видео.

[tantumus21]

Lucky4ox, спасибо большое ))

Answer 2

[xmoonlight]

Постройте "дерево" принятия решений для создания образа того, что нужно спроектировать под нужную тематику сайта:
1. Тип мира:
---1.1 Реальный мир
---1.2 Нереальный мир

2. Тип общего оформления:
---2.1 Блочный - Плоский/Flat
---2.2 Блочный - Слои/Material
---2.3 Сцена - Сказочный
---2.4 Сцена - Футуристический
....
....

3.1 Внешний вид
Время года:
3.1.1 Зима
3.1.2 Лето
3.1.3 Осень
3.1.4 Весна

3.2 Внутренний вид
Пластик
Металл
Дерево
....

4. Цветовая гамма
....
5. Текстура и блоки
5.1 Типы блоков
5.2 Типы текстур в блоках
5.3 Типы оформления блоков
5.4 3D-элементы: оконтовки, выпуклости/вогнутости, изгибы и т.д.
....

И далее - уже размещение по сетке и UI/UX.

Answer 3

[Дамир Инсанбаев]

очень понравилось Постройте "дерево" принятия решений, тоже им воспользуюсь