Веб-дизайн является важнейшим компонентом процесса веб-разработки. Если вы интересуетесь веб-дизайном, я предполагаю, что у вас есть творческая жилка. И как вы могли не радоваться тому, что взялись за дело и создали свой первый веб-сайт? Веб—дизайн - это создание функционального произведения искусства, но с чего начать? Если вам интересно, что вам нужно знать, прежде чем начать, это руководство поможет вам в этом.
Выберите что-нибудь базовое для вашего первого дизайна сайта
Кажется, это несложно, не так ли? Но иногда мы можем стать чрезмерно амбициозными и в конечном итоге впасть в уныние. Для вашего первого проекта неплохо выбрать что-нибудь простое и веселое. Сайт электронной коммерции более сложен, и им лучше заняться, когда у вас будет больше опыта.
Блог - отличное место для начала. Это будет хорошее упражнение по дизайну, и вы узнаете, как работает система управления контентом (CMS), что будет важно знать при разработке будущих сайтов. Лучше всего то, что вам не придется начинать с нуля. Существует множество шаблонов и блогов, которые позволяют легко создать один из них.
Шаблоны - это ценный инструмент обучения. Наблюдение за тем, как элементы HTML, CSS и Javascript стилизуются и сочетаются друг с другом, даст вам более глубокое представление о том, что заставляет дизайн работать. Вы можете использовать шаблоны в качестве основы для внесения изменений и настроек.
Возможно, вы не хотите вести блог — попробуйте отказаться от своих творческих занятий или хобби. Как насчет того, чтобы создать витрину для ваших навыков, фотографии или для вашей коллекции коротких рассказов? Создание дизайна, отражающего вашу страсть, сделает ваш первый проект приятным.
Черпайте вдохновение у других дизайнеров
Вы, без сомнения, сталкивались с сайтами, которые поразили вас своим потрясающим дизайном.
Создайте документ для вдохновения со ссылками на сайты, которые вам нравятся, или добавляйте их в закладки по ходу работы. Pinterest — отличное место для поиска отличного дизайна сайта: вы можете найти и прикрепить иллюстрации, обложки книг, плакаты, блоги и другие виды дизайнерских работ, на которые можно ссылаться. Дизайнеры используют термин "доска настроения" для обозначения этих коллекций. Доски настроения - это краткий справочный ресурс, если вы окажетесь в тупике.
Помимо открытий, которые вы делаете самостоятельно, есть несколько уже готовый коллекций:
1) У Awwwards всегда есть новые и свежайшие работы и разнообразные тематические коллекции
2) Behance - это фантастическая подборка работ по дизайну веб-сайтов, где основное внимание уделяется качеству и креативности
3) Dribbble фокусируется на отдельных дизайнерах, предоставляя форум для получения отзывов и общения с другими об их работе. Здесь так много интересного, что можно посмотреть, и так много шаблонов, которые можно клонировать как свои собственные.
Ищите источники вдохновения за пределами Интернета
Веб-дизайн основан на визуальном языке, который можно найти где угодно, например, на обложке графического романа или в цифровом киоске вашего банка. Развивайте способность распознавать хороший дизайн и начинайте анализировать, почему что-то работает или не работает, независимо от среды.
Обратите внимание на типографику
Мы часто читаем, даже не подозревая о шрифтах. Обратите внимание на то, как тип влияет на то, как вы потребляете контент. Читаем ли этот шрифт в меню? Почему эта вывеска, написанная от руки для местного бизнеса, так хорошо работает? Письма повсюду. Обратите внимание как на хорошее, так и на плохое использование типографики.
Typewolf - отличный ресурс для отслеживания популярных шрифтов. В нем есть множество списков для изучения, популярный сайт дня и лукбуки с впечатляющими сочетаниями шрифтов. Полезно увидеть реальные примеры использования типографики, а такие веб-сайты, как Typewolf, - отличное место для ознакомления с их практическим применением. Знакомство с различными шрифтами поможет вам выбрать правильный шрифт для вашего первого дизайна сайта.
Позвольте изобразительному искусству влиять на вас
Так много движений и художников по—прежнему формируют работу креативщиков сегодня - особенно веб-дизайнеров. Прогуляйтесь по музею истории искусств, чтобы открыть для себя множество монументальных художественных достижений и подчерпнуть вдохновения для ваших digital объектов!