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

Question

[Виталий]

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

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

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

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

Answer 1

[index0h]

No this shit again.

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

Comments

[Виталий]

Спасибо, просмотрю. Я рассчитывал на ответы дизайнеров с каким-то опытом, которые могут посоветовать грамотную литературу. Большинство ответов поисковиков предлагают смесь говнодизайна с навыками вёрстки, а это не то что мне нужно.

Answer 2

[Максим Тимофеев]

То что Вы хотите называется ux/ui но больше UI чем UX. Так что вот:
https://yandex.ru/search/?text=rybub%20user%20inte...
Вот схема, думаю будет полезна:


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

Answer 3

[archelon]

Полноценного всеобъемлющего учебника нет. Хотя попытки были, например книга Дмитрия Кирсанова.

У студии Горбунова выходят отличные электронные книги:
Типографика и вёрстка artgorbunov.ru/projects/book-typography
Пользовательский интерфейс artgorbunov.ru/projects/book-ui

Answer 4

[Alexej Simakov]

попробуйте ввести в поисковик: книги по дизайну site:toster.ru
лень смотреть все, посмотрите этот ответ: Книга по дизайну сайтов?

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

Answer 5

[xmoonlight]

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

Вот ответ на Ваш вопрос по компоновке.
Про размещение - всё проще:
1. Размер вложенного блока должен составлять 2/3 от общего блока.
2. Padding/Margin: 1/20 от вложенного блока.
3. Чем меньше значимость блока, тем меньше его размер (или один из размеров), который всегда составляет 1/(3*x) часть от общего блока (или обратно 3-х кратен).
4. Порядок приоритета мест расположения элементов внутри одного блока:

546
213
879

Можно просто подёргать

Comments

[xmoonlight]

Макс Минимус: всё верно говорите! только это совсем уж частный случай цифровой дроби...

Answer 6

[sim3x]

https://www.google.com.ua/search?q=site%3Atoster.r...

Answer 7

[Neznayka xD]

Возможно вам помогут данные видео:
Мастер-класс "Понимание цвета" Understanding Color

Comments

[Виталий]

спасибо

Answer 8

[sergealmazov]

С похода в Третьяковку, Эрмитаж, на курсы рисования, просмотра хороших фильмов, поездок во Францию, Италию, Испанию.