Макет сайта в Photoshop Урок 1 Начало разметки

Автор Denis Lisitsin
Макет сайта в Photoshop  Урок 1 Начало разметки

начнем создание макета нашего сайта для этого для начала.

Я вас познакомлю с таким удобным способом разметки как использование готовых макетов на. Откройте файл из папки создание макета сайта 962/12 этот файл был скачан из интернета. Вы можете найти множество различных готовых макетов смотрите.

Что из себя представляет.

Этот документ — это группа направляющих которые разбивают нашу рабочую область на 12 равных колонок очень удобно будет в процессе работы для макетирования страница для расположения грамотного элементов. Посмотрите Что представляет собой. Этот документ во-первых у нас есть белый фон с фоном он закреплен также сверху у нас закреплённый свой покрасочный колонками светло-красный. Они здесь также у нас с вами увидим направляющие голубые линии направляющие. Разумеется Вы можете сами настроить макет разметку макета с помощью самостоятельной установке направляющих масло научились — это делать. В первом уроке. Однако гораздо более удобно можно фото не. Вот таких готовых решений этот свой желательно оставлять закреплённым светло красными колонками. Чтобы избежать случайного их перемещение в процессе. Почему 964 на вот этой полезной области до всех 12 колонок 960 пикселей здесь мы будем располагать основные элементы дизайна нашего — это обеспечивает отсутствие горизонтальной прокрутки даже на небольших горизонтальную прокрутку. Как вы знаете использовать крайне нежелательно — это не актуально — это раздражает пользователей. Поэтому будем использовать вот такую ширину. Однако наш будущий макет больших размеров. Давайте поменяем режим разных холста давайте выберем пункт. Меню изображение размер холста выберем единицу измерения и давайте сделаем ширину 1000 920 высоту давайте пока делаем 5500. Вот посмотрите такой у нас будет макет. Однако полезная часть она будет. Вот Всё, что касается текста в каких-то иконах которые мы здесь будем размещать она будет размещаться. Вот в этой — это будет очень наглядно, но теперь. Посмотрите конечно высоты этих красных колонок нам не хватает поэтому. Давайте их растянуть по вертикали и по горизонтали по высоте документов для этого я сниму блокировку сословия направляющие с красными колонками убираю замочек ой разблокирован и теперь используют трансформирование вот этой красной области. Напоминаю, что вы можете использовать функцию редактирования. Трансформеры либо же можно использовать команду сочетание клавиш контрл. Т английская ну и соответственно растягиваюсь сайт контура этих фигур по высоте для того чтобы завершить трансформация могу щелкнуть двойным щелчком в эту область теперь я не забуду опять заблокировать этот слой как мы уже сказали для удобства последующей работы соответственно теперь. Мы готовы приступать к монтированию теперь нам будет очень удобно сейчас в этом Убедитесь.

0 комментариев
0

Читайте также