Designing Long Page Scrolling Sites in Photoshop Год выпуска: 2015 Производитель: Digital Tutors Сайт производителя: www.digitaltutors.com/tutorial/2064-Designing-Long-Page-Scrolling-Sites-in-Photoshop Автор: Gary Simon Продолжительность: 2h Тип раздаваемого материала: Видеоурок Язык: Английский Описание: В этом уроке вы узнаете, как проектировать и строить долго прокрутки страницы сайтов. Эти типы страниц являются большими для продажи товаров и услуг , поскольку они представляют посетителям много информации в ясной и краткой форме . Мы сначала сосредоточиться на проектировании полный макет в Photoshop , а затем мы будем использовать базу Foundation , чтобы сделать егореальностью. К концу этого обучения Photoshop , вы будете хорошо разбираться в процессе создания веб-страниц с длинными формы, и понять некоторые из ключевых вещей, чтобы рассмотреть при проектировании долго прокрутки страницы сайта.
Содержание
1 Introduction and project overview 01:16 2 Designing the navigation and background 08:07 3 Creating a headline and call-to-action 12:06 4 Generating content sections 07:46 5 Constructing various icons 08:38 6 Making a video background 07:31 7 Designing a support section 12:17 8 Including a testimonials section 07:43 9 Exporting the graphics 11:02 10 Writing HTML for the first two sections 10:11 11 Finishing the HTML 09:25 12 Writing the CSS for the first three sections 12:01 13 Finishing the CSS and animating the SVG 07:08 14 Making our page responsive 05:05
In this Photoshop tutorial, you'll learn how to design and build long page scrolling sites. These types of pages are great for selling products and services, as they present visitors with a lot of information in a clear and concise manner. We'll first focus on designing the full mockup in Photoshop, and then we'll use the Foundation framework to make it a reality. By the end of this Photoshop training, you’ll be well-versed in the process of creating long-form web pages, and understand some of the key things to consider when designing a long page scrolling site.
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum You cannot attach files in this forum You can download files in this forum
![[Quote]](./templates/default/images/lang/en/icon_quote.gif "Reply with quote"){kind=icon}
![[Profile]](./templates/default/images/lang/en/icon_profile.gif "View user's profile"){kind=icon}
![[PM]](./templates/default/images/lang/en/icon_pm.gif "Send private message"){kind=icon}
