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

Создаем прайс-таблицу в Photoshop 

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

Перевод

____________________________________________________________________

Диапазон цен в  Adobe Illustrator 

Подобную  шкалу цен вы сможете создать в Adobe Illustrator всего за 19 шагов . Очень просто и понятно.

____________________________________________________________________

Аудиоплеер в Photoshop 

Аудио проигрыватели создавать не сложно. но если вы это делаете первый раз, это может вызвать некие трудности.

____________________________________________________________________

Слайдер  в Photoshop 

Урок поможет вам разработать простой стильный слайдер.

Перевод 

____________________________________________________________________

Усилитель с помощью Photoshop

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

____________________________________________________________________

Контактная форма в Adobe Photoshop  

____________________________________________________________________

Audio Player Bar в Adobe Illustrator 

В этот раз плеер мы будем создавать, использую иллюстратор.

____________________________________________________________________

Создаем мобильный музыкальный плеер 

____________________________________________________________________

Урок по создание дизайна для iOS  приложения (видеоурок)

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

____________________________________________________________________

Целевая страница в Adobe Photoshop 

Дизайн целевой страницы для мобильного приложения.

____________________________________________________________________

Инфографика с помощью Photoshop CS6  

____________________________________________________________________

Макет в стиле ретро в Photoshop 

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

____________________________________________________________________

Создаем Twitter App  интерфейс в фотошопе 

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

____________________________________________________________________

Дизайн целевой страницы

Перевод

____________________________________________________________________

Макет бизнес-сайта в Photoshop CS6 

____________________________________________________________________

Были использованы материалы подборки Ada Ivanova

Смотрите также:

Подборка Photoshop-уроков по веб-дизайну