Книги по веб-дизайну на русском языке. Уроки веб-дизайна с нуля. Основы хорошего дизайна

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

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

ТОП-25 полезных сайтов для веб-дизайнеров

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

• webdesignerdepot.com – интересные новости в пространстве веб-дизайна.
• ruseller.com – здесь много шаблонов, уроков, особенно для новичков.
• flatuicolorpicker.com – удобный сервис, который поможет выбрать цвет интерфейса.
• smashingmagazine.com – на этом портале информация по дизайну и веб-разработке.
• instantshift.com – ресурс помогает выбрать дизайн для сайта.
• animator.ru – всё об анимациях и видео.
• paratype.ru – информация о шрифтах.
• veerle.duoh.com – профессионально созданный блог. Наполнен качественными профессиональными статьями. Автор предоставляет консультации по web-дизайну.
• thedieline.com – этот сайт предлагает массу информации по дизайну упаковки.

• psd.tutsplus.com – полезный портал, который предлагает пошаговые уроки для начинающих.
• dafont.com – тут вы найдёте более одиннадцати тысяч разнообразных шрифтов на любой, даже самый изысканный вкус.
• bluevertigo.com.ar – на этом ресурсе предоставлен список самых популярных фотобанков сети.
• thefwa.com — вдохновляющая подборка сайтов.
• flasher.ru — всем, кто любит работать с flash-технологиями, сюда, тут масса полезных советов, уроков, вакансий.
• webdesign.tutorials — самая большая библиотека для веб-дизайнера.
• psd tuts – тут собраны все лучшие уроки по работе и обучению в Photoshop.

• оnextrapixel — здесь вы всегда найдёте самые свежие уроки по Photoshop, Illustrator, а также много интересного по теме CSS, WordPress. Как бонус, — масса материалов для вдохновения и новых идей.
• behance – здесь вы увидите работы популярных и профессиональных веб-дизайнеров со всего мира.
• аdobe kuler – поможет вам подобрать цветовые схемы.
• brusheezy – на этом ресурсе можете выбрать любые кисти для фотошопа.
• logoinstant – отличный сайт для создания креативных логотипов.
• 365psd – лучшая коллекция фонов для сайтов на разные тематики.
• pixelkit.com – огромное количество бесплатных шаблонов.

Заключение

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

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

Всего вам доброго!

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

Web Designer’s Success Guide

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

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

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

Книга из разряда «musthave» для тех, кто делает первые шаги в изучении HTML5. Руководство, написанное Марком Пилгримом, рассказывает об истории и особенностях современной версии языка разметки. Автор раскрывает интересные факты и приводит примеры применения элемента canvas, flash и других технологий при программировании.

Ресурс HTML Dog подготовил для читателей информацию о технологии HTML5. Данное руководство предназначено для людей, которые не имеют даже базовых знаний о HTML или CSS. В онлайн-пособии рассказывается об использовании тегов, атрибутов, создании пунктов, заголовков, списков и других элементов с помощью HTML5. Закрепить полученные знания помогут практические примеры.

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

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

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

Популярное руководство по основам адаптивного дизайна. Автор Аарон Густафсон приводит в книге историю становления, особенности и практическое применение ориентированного на пользователя дизайна. В пособии рассказывается, как, используя CSS, HTML и JavaScript, снять технологические ограничения, мешающие пользовательскому доступу к информации.

Интересный сборник советов для дизайнеров, которые собрал Стивен Хэй. Автор книги предлагает по-иному взглянуть на процесс создания дизайн-проектов, сделать его более творческим и последовательным. Благодаря такому подходу можно делать более совершенные, осмысленные и удачно реализованные работы, опираясь на идеи и пожелания, высказанные заказчиком.

Книга по изучению азов веб-дизайна. В книге описаны особенности работы с HTML, CSS, JavaScript и другими техниками при создании веб-ресурсов. Руководство, написанное Дженнифер Роббинс, будет полезно как отдельным людям, желающим стать специалистами по дизайну, так и преподавателям специализированного учебного курса. После теоретического материала в каждой главе следует задание, рассчитанное на проверку знаний.

Исчерпывающая информация о дизайне, изложенная Джоном Дакеттом в доступной, интересной и нетривиальной форме. В рамках данного пособия представлены наилучшие техники веб-дизайна, приводятся теоретические данные и наглядные практические примеры использования HTML и CSS. Книга делает веб-дизайн доступным для всех желающих, объясняя технические термины понятным для любого читателя языком.

Книга рекомендаций по «отзывчивому» дизайну. Автор публикации намеренно называет дизайн не адаптивным, а гибким или отзывчивым. В книге объясняются правила применения адаптивных технологий при создании сайтов. Также перечислены основные ошибки, которые допускают дизайнеры в своей работе. Изучив их, можно существенно повысить успешность реализации любого проекта.

Книги на русском языке:

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

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

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

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

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

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

Проблема адаптивного дизайна актуальна как никогда, ведь мобильных устройств в сети становится все больше и больше, и данная ниша является лакомым куском для многих проектов. И в данных условиях веб-дизайнерам и разработчикам приходится учитывать разнообразие экранов мобильных устройств, и принимать во внимание все тонкости пользовательского взаимодействия. С помощью этой книги Вы научитесь применять на практике новые технологии и методики создания адаптивного дизайна с использованием HTML 5 и CSS3.

Теги: Добавить метки

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

Web Designer’s Success Guide

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

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

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

Книга из разряда «musthave» для тех, кто делает первые шаги в изучении HTML5. Руководство, написанное Марком Пилгримом, рассказывает об истории и особенностях современной версии языка разметки. Автор раскрывает интересные факты и приводит примеры применения элемента canvas, flash и других технологий при программировании.

Ресурс HTML Dog подготовил для читателей информацию о технологии HTML5. Данное руководство предназначено для людей, которые не имеют даже базовых знаний о HTML или CSS. В онлайн-пособии рассказывается об использовании тегов, атрибутов, создании пунктов, заголовков, списков и других элементов с помощью HTML5. Закрепить полученные знания помогут практические примеры.

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

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

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

Популярное руководство по основам адаптивного дизайна. Автор Аарон Густафсон приводит в книге историю становления, особенности и практическое применение ориентированного на пользователя дизайна. В пособии рассказывается, как, используя CSS, HTML и JavaScript, снять технологические ограничения, мешающие пользовательскому доступу к информации.

Интересный сборник советов для дизайнеров, которые собрал Стивен Хэй. Автор книги предлагает по-иному взглянуть на процесс создания дизайн-проектов, сделать его более творческим и последовательным. Благодаря такому подходу можно делать более совершенные, осмысленные и удачно реализованные работы, опираясь на идеи и пожелания, высказанные заказчиком.

Книга по изучению азов веб-дизайна. В книге описаны особенности работы с HTML, CSS, JavaScript и другими техниками при создании веб-ресурсов. Руководство, написанное Дженнифер Роббинс, будет полезно как отдельным людям, желающим стать специалистами по дизайну, так и преподавателям специализированного учебного курса. После теоретического материала в каждой главе следует задание, рассчитанное на проверку знаний.

Исчерпывающая информация о дизайне, изложенная Джоном Дакеттом в доступной, интересной и нетривиальной форме. В рамках данного пособия представлены наилучшие техники веб-дизайна, приводятся теоретические данные и наглядные практические примеры использования HTML и CSS. Книга делает веб-дизайн доступным для всех желающих, объясняя технические термины понятным для любого читателя языком.

Книга рекомендаций по «отзывчивому» дизайну. Автор публикации намеренно называет дизайн не адаптивным, а гибким или отзывчивым. В книге объясняются правила применения адаптивных технологий при создании сайтов. Также перечислены основные ошибки, которые допускают дизайнеры в своей работе. Изучив их, можно существенно повысить успешность реализации любого проекта.

Книги на русском языке:

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

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

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

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

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

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

Проблема адаптивного дизайна актуальна как никогда, ведь мобильных устройств в сети становится все больше и больше, и данная ниша является лакомым куском для многих проектов. И в данных условиях веб-дизайнерам и разработчикам приходится учитывать разнообразие экранов мобильных устройств, и принимать во внимание все тонкости пользовательского взаимодействия. С помощью этой книги Вы научитесь применять на практике новые технологии и методики создания адаптивного дизайна с использованием HTML5 и CSS3.

Теги:

• веб-дизайн
• книги по веб-дизайну

Краткое описание: Основное внимание в пособии уделено языку программирования HTML, технологии CSS, языку программирования javascript, графическому редактору Adobe Photoshop, технологии мультимедиа. Для обучения по специальности ПОВТАС.

Web-дизайн. Просто как дважды два

Краткое описание: Если вас заинтересовала эта книга, то это значит, что вы знакомы с миром Интернета и, в частности, с огромным пространством World Wide Web — Web-узлами, которых с каждым днем становится все больше. Вероятно, вы даже задумывались над тем, как создать свой собственный Web-узел или страницу, посвященную вашим детям. Если ваше руководство поставило перед вами задачу разработать узел компании или вы просто решили освоить искусство создания качественных, приятных на вид и, главное, полезных Web-ресурсов, эта книга поможет вам войти в мир Web-пространства и стать в нем не гостем, а хозяином.

Веб-дизайн: книга Якоба Нильсена

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

Техника Web-дизайна для студента

Краткое описание: В книге рассмотрен широкий круг вопросов, связанных с разработкой web-сайтов с использованием HTML и CSS, начиная от простых страниц до создания интерактивных и динамических сайтов. Даны основы компьютерной графики, описана работа с программами Photoshop, ImageReady, DreamWeaver. Для создания динамических страниц приведены необходимые сведения о программировании на javascript. Книга будет полезна студентам, преподавателям и всем желающим создавать самостоятельно интерактивные и динамические страницы.

Эффективный самоучитель по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX

Краткое описание: Это настоящая «книга рецептов» для тех, кто желает быстро и эффективно получить минимальных набор знаний и навыков, дабы немедленно приступить к разработке Web-сайтов профессионального качества. Удачно подобранные примеры и их решения в реальных ситуациях, простой и точный стиль изложения, большой объем работающего кода и иллюстраций — вот лишь несколько очевидных достоинств книги, выгодно отличающих ее от множества ей подобных.

HTML в Web-дизайне

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

От автора: приветствую Вас, дорогой читатель. Начиная свой путь веб-дизайнера, Вы наверняка в огромном количестве встречаете различные семинары, курсы, справочники, книги и уроки веб-дизайна. Однако не каждый может позволить себе обучение стоимостью несколько тысяч рублей. Тем более, что действительно полезные и качественные уроки web-дизайна проводятся только в крупных городах. Какой выход?

Чтобы овладеть профессией веб-дизайнера, успешно применять свои знания на практике и создавать качественный и полезный продукт, зачастую достаточно «проштудировать» различные веб-ресурсы или пройти специализированные видеокурсы, предназначенные для новичков.

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

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

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

Что такое веб-дизайн?

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

Если Вы от рождения не обладаете художественным вкусом, не стоит переживать. Главное - знать основы веб-дизайна, а вкус появится с опытом.

Цвет

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

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

Принципы цветового круга

Пары цветов, расположенных друг напротив друга, являются контрастными. Например, синий с желтым, пурпурный с зеленым, голубой с красным;

контрастные цвета являются взаимно исключающими. То есть, если вы увеличите уровень голубого цвета, это автоматически уменьшит уровень красного. И наоборот;

определенный цвет получается путем смешивания соседних цветов. Например, чтобы получить желтый, нужно смешать зеленый и красный;

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

Небольшой лайфхак: чтобы быстро подобрать контрастный цвет, можно инвертировать цвет любого растрового элемента с помощью команды Ctrl+I.

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

Форма.

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

Линия может выполнять две функции: соединение и разделение других объектов. Пример соединения:

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Пример разделения:

Прямоугольник. В нем важно подобрать пропорции. Наверняка вы слышали про «золотое сечение» - деление отрезка на части таким образом, чтобы отношение меньшей части к большей было таким же, как отношение большей ко всей длине отрезка. Ниже представлен пример, в котором точка C делит отрезок AB так, что AC:AB= CB:AC.

Так вот, принцип «золотого сечения» соблюдается не только на картинах Леонардо да Винчи, но и во всех областях науки и искусства, в том числе, и веб-дизайне. Считается, что «золотое сечение» порождает гармонию. Например, на фотографии важные объекты должны располагаться на расстоянии 3/8 и 5/8 от края, то есть, в важных зрительных центрах.

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

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

Типографика.

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

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

базовый - для основных материалов сайта. Используйте читабельные, простые шрифты с удобным межстрочным интервалом (примерно в 1,5 раза больше высоты символов);

акцидентный - для заголовков. Этот шрифт можно выделить не только размером, но и цветом;

дополнительный - для навигации, важной информации, логотипа меню, цитат и т. д.

На этом пока все. Следующий урок по веб-дизайну будет касаться основ работы с Photoshop.

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

Не поленитесь просмотреть портфолио различных талантливых дизайнеров или сайты известных компаний и обратить особое внимание на вышеперечисленные элементы. Это поможет Вам развить хороший вкус и, возможно, выработать свой собственный стиль.

Подписывайтесь на наши обновления и получайте уроки веб-дизайна первыми. До новых встреч!

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении