Ресурсы по эстетике веб-дизайна

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

Мне нужно знать, что выглядит хорошо и почему. Важно, чтобы я знал, почему это выглядит хорошо, чтобы я мог использовать эти знания в будущих проектах.

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

Спасибо

Ответы (4)

Этот вопрос возникает здесь время от времени, и, несомненно, другие будут ссылаться на подобные вопросы. Я думаю, однако, что Вы затрагиваете очень важный вопрос.

У нас есть пост с ресурсами для начинающих дизайнеров . Это, безусловно, относится и к сети.

Да, существуют эмпирические правила веб-дизайна и веб-эстетики. Сложность веба в том, что он полностью зависит от удобства использования . Если вы не делаете сайт с одностраничными листовками, весь веб-дизайн должен начинаться с понимания дизайна взаимодействия, информационной архитектуры. Поскольку вы знакомы с JS, HTML и PHP, вы, очевидно, имеете четкое представление о том, как данные выглядят на бэкенде. Магия заключается в том, чтобы создать мост между базами данных и пользовательским интерфейсом. Некоторые веб-сайты основывают свой внешний интерфейс на очевидной структуре внутреннего интерфейса. Это часто логично, но очень часто не особенно удобно, интуитивно понятно, визуально приятно, визуально интеллектуально или эффективно. И уж точно не весело ! Либо делать, строить, создавать, проектировать или использовать.

Для статического дизайна, такого как печать, линейное использование практически не беспокоит . Книги, комиксы, плакаты, листовки имеют последовательную «историю». Веб, с другой стороны, погряз в проблемах с удобством использования.

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

Также стоит понюхать эвристики, чтобы понять некоторые критерии юзабилити:

Эвристические обзоры веб-сайтов

Эвристика юзабилити для пользовательского интерфейса

Принципы дизайна взаимодействия:

Интерактивный дизайн, выходящий за рамки взаимодействия человека с компьютером

Объедините базовые знания о взаимодействии с принципами дизайна, изложенными в первой ссылке, и вы очень приблизитесь к разумному и интересному веб-дизайну.

(в качестве небольшого отступления, вот пост о дизайне, относящийся к программистам. Я думаю, что его стоит прочитать « Как научиться быть креативным »)

Возможно, это был не совсем прямой ответ, на который вы надеялись, но, тем не менее, я надеюсь, что он может быть полезен.

Рад, что вы нашли это полезным.

http://www.smashingmagazine.com/

Очень хороший сайт для веб-дизайнеров! Много статей о технологии, дизайне, плагинах, советах по фотошопу, рабочих процессах и т. д.

Я знаю, что на сайте Treehouse есть много обучающих видеороликов о веб-дизайне. Это может помочь вам, это довольно хорошо сделано.

Я думаю, что есть еще 15-дневная пробная версия бесплатно.

Я чувствую, что каждый парень, занимающийся дизайном, должен следовать этому хотя бы некоторое время.

http://www.creativebloq.com/ Creativebloq — это прямой ответ на ваш вопрос.

Это действительно хорошо, даже для новичков.

И для учебников

http://abduzeedo.com/