Главный Каталог Статей РФ
85989 авторов, размещено 47108 статей, сейчас на сайте пользователей: 160 Статистика
Аватар QuickSite-name

Правильное оформление макета сайта

Категория:  Реклама  | Автор:  QuickSite-name | Опубликовано: 15.02.2010
Называйте слои соответственно их содержанию

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

Объединяйте те слои, которые не будут использоваться по отдельности и группируйте те, которые в совокупности представляют собой единый элемент.

Приведу пример. Логотип компании, для которой создаётся сайт, выполнен из 5 слоёв. При вёрстке все эти слои объединятся, т.к. логотип представляет собой неразделимый элемент оформления. Было бы разумным, если бы на вёрстку отправлялся макет, не содержащий слоёв, которые предстоит объединить. Также было бы здорово, если бы дизайнер заранее группировал слои, формирующие изображения шапки, основной части страницы и дополнительных блоков. Это тоже упрощает работу верстальщика.

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

Наличие невидимых слоёв сбивает верстальщика с толку. Должен ли быть элемент, изображённый на таком слое на странице, или нет? Хорошо ещё, если к PSD файлу прилагается его JPG копия. А если нет? Тогда приходиться обращаться к дизайнеру или менеджеру проекта за помощью, что опять же влечёт за собой бесполезную трату времени.

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

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

Старайтесь по возможности заменять эффекты слоя их растровыми аналогами.

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

Избежать наличия эффектов в слое можно двумя способами. Первый заключается в выполнении процедуры Create Layers (располагающейся в контекстном меню эффектов слоя). После выполнения вышеописанной процедуры в изображении появляются новые слои, каждый из которых отвечает за один эффект. Простым объединением слоёв мы добьёмся результата, к которому стремились. Идея второго способа – сохранить отдельный слой, как JPG изображение и вставить его в PSD файл. Но по моему скромному мнению – это путь дилетантов.


Мне кажется, найдутся люди, которые могут дополнить этот список. Я буду только рад.

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


Комментарии
К этой статье пока нет комментариев. Станьте первым! У нас гости не могут комментировать статьи. Пожалуйста авторизуйтесь или зарегистрируйтесь, чтобы прокомментировать.
Интересные статьи по теме
Аватар tablechka
Информационные стенды в школах Стенды в школах выполняют две основные функции – обучающую и информационную.Начнем с первой – обучающей. Обучающие стенды вовлекают учеников в процесс обучения. Они располагаются в классах и несут об...
Категория: Реклама | Автор: tablechka | Добавлено: 02.03.2011
Аватар boverde@mail.ru
Слоган - маяк для компании Призван сформировать солидный позитивный имидж фирмы в сознании широкого круга людей - СЛОГАН...
Категория: Реклама | Автор: boverde@mail.ru | Добавлено: 26.04.2010
Аватар riword
Разработка проекта выставочного стенда Заказывая выставочный стенд, не пожалейте времени на тщательный предпроектный анализ. Провести точный анализ не так легко, но важно уже на предварительном этапеэффективно сформулировать техническое за...
Категория: Реклама | Автор: riword | Добавлено: 06.01.2009
Аватар Ольга  Александровна
Значение полиграфической открытки в жизни современного человека Вот уже не одно столетие для выражения своих чувств и проявления симпатии люди используют открытки. Именно открытки помогают поздравить человека, проявить уважение по отношению к нему, объясниться в...
Категория: Реклама | Автор: Ольга Александровна | Добавлено: 15.10.2009
Аватар Alex03
Информационный стенд - отличный способ донесения полезной информации Унификация, единообразие, презентабельный внешний вид и фирменный стиль рекламных и информационных средств, и рациональность способов по доведению сведений и информации до населения, таких как информа...
Категория: Реклама | Автор: Alex03 | Добавлено: 08.05.2011
Лучшие авторы
Аватар Vitolura
Занимаюсь сетевым маркетингом с 2001 года. Интерне...

Читать

Аватар demnn
Люблю рыбалку.

Читать

Аватар slawa100
Мастер строитель, мой блог о стройке и ремонте bui...

Читать

Аватар densok
Установка натяжных потолков, окон, остекления, обш...

Читать

Аватар paliychuk
Український письменник і публіцист. Пишу для дорос...

Читать

Свежие комментарии
Нормальная тема.

Читать

Талантливый человек талантлив во всём! Будь как Паша! А ещё ты можешь ...

Читать

Можно выбрать.

Читать

Ой, шутник.

Читать

https://priornews.ru/zastrojshhik-iz-hmao-sravnil-ufas-s-prestupnoj-gr...

Читать

Напишите нам