С чего начать изучение веб-дизайна?

Поздравляю всех с праздником ^^

Посоветуйте пожалуйста, с каких учебников/уроков можно начать освоение веб-дизайна. Меня не интересует вёрстка, т.е. подробное разжёвывание html и css, фотошоп и другие инструменты также вторичны. Мне нужен именно дизайн: как компоновать объекты (размещение) и как их оформлять (форма), как подбирать цвета и шрифты, как делать приложение максимально удобным (юзабилити) и связным по внутреннему наполнению.

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

Ещё хотелось бы иметь, так сказать, краткий и полный учебники. Полный - максимально подробный с пошаговым освоением для профессионального использования. Краткий - достаточно поверхностный, но акцентирующий на ключевой информации для быстрого освоения на базовом уровне.
  • Вопрос задан
  • 5496 просмотров
Пригласить эксперта
Ответы на вопрос 9
index0h
@index0h
PHP, Golang. https://github.com/index0h
No this shit again.

Научитесь пользоваться поиском. Это наверное самый важный скил 21-го века.
С чего начать изучение adobe photoshop?
С чего начать обучение дизайну интерфейсов?
С чего начать изучение дизайна мобильных интерфейсов?
Создание дизайна сайта в PSD макете — с чего начать?
С чего начать изучение UI/UX дизайна?
С чего начать разработку адаптивного сайта?
Хочу стать веб-дизайнером с чего начать ??
Web дизайн нынешних тенденций с нуля, с чего начать?
С чего начать изучение веб-дизайна?
Как освоить программу Adobe Photoshop для веб-дизайна?
С чего начать изучение компьютерного дизайна?
С чего начать и как изучить веб-дизайн, дизайн интерфейсов в целом?
Как сейчас создают дизайн для приложений?
Как поступить в изучении адаптивного дизайна?
Как обучиться UI/UX дизайну, если нет денег на курсы?
Как перейти от теории к практике в веб дизайне?
Где и как научиться веб-дизайну, будучи программистом?
С чего начинается Ui дизайн мобильных приложений?
Какой литературой развить свои знания о дизайне?
С чего и как начать изучение адаптивной/отзывчивой/гибкой верстки/дизайна/макета?
Как правильно делать дизайн и верстать под retina дисплей?
Front-end, веб дизайн, верстка. Куда двигаться начинающему?
Как мне веб-дизайнером стать?
Ответ написан
maxminimus
@maxminimus
просто или ничего
дезигн - это конструирование-проектирование-композиторство
это сложнейшее искусство

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

для того чтобы так учится нужны таланты в психологии восприятия и хороший графический процессор - тоесть желательно иметь художественные способности

чтобы делать юзабилити - надо иметь талант психолога

тоесть в основе - талант и знания в области психологии
Ответ написан
webinar
@webinar Куратор тега Веб-разработка
Учим yii: https://youtu.be/-WRMlGHLgRg
То что Вы хотите называется ux/ui но больше UI чем UX. Так что вот:
https://yandex.ru/search/?text=rybub%20user%20inte...
Вот схема, думаю будет полезна:
7a60e32e91174fb9b9d93dc67381b39b.png

Отдельно по поводу подбора цветовой схемы, есть классный сервис:
colorscheme.ru
Отдельно по поводу html, css и т.д.:
www.w3schools.com
И еще надо бы прочитать десяток книг по психологии потребителя, восприятии цвета и т.д.
Ответ написан
Комментировать
archelon
@archelon
Полноценного всеобъемлющего учебника нет. Хотя попытки были, например книга Дмитрия Кирсанова.

У студии Горбунова выходят отличные электронные книги:
Типографика и вёрстка artgorbunov.ru/projects/book-typography
Пользовательский интерфейс artgorbunov.ru/projects/book-ui
Ответ написан
Комментировать
lxsmkv
@lxsmkv
Test automation engineer
попробуйте ввести в поисковик: книги по дизайну site:toster.ru
лень смотреть все, посмотрите этот ответ: Книга по дизайну сайтов?

И добавлю, учебник дизайна - это нонсенс. Mаксимум в так называемых книгах по дизайну покажут примеры каких-то решений. Я настраивал свое восприятие на рецензиях опытных дизайнеров у самизнаетекого
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Краткий - достаточно поверхностный, но акцентирующий на ключевой информации для быстрого освоения на базовом уровне.
Вот ответ на Ваш вопрос по компоновке.
Про размещение - всё проще:
1. Размер вложенного блока должен составлять 2/3 от общего блока.
2. Padding/Margin: 1/20 от вложенного блока.
3. Чем меньше значимость блока, тем меньше его размер (или один из размеров), который всегда составляет 1/(3*x) часть от общего блока (или обратно 3-х кратен).
4. Порядок приоритета мест расположения элементов внутри одного блока:
546
213
879

Можно просто подёргать
Ответ написан
Комментировать
Neznayka1979
@Neznayka1979
Интересы - IT, психология...
Возможно вам помогут данные видео:
Мастер-класс "Понимание цвета" Understanding Color
Ответ написан
@sergealmazov
С похода в Третьяковку, Эрмитаж, на курсы рисования, просмотра хороших фильмов, поездок во Францию, Италию, Испанию.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы