Макет psd – PSD макеты для вёрстки сайтов

30.05.2019 alexxlab

Содержание

20 стильных и современных шаблонов в PSD формате

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

Так же Вам будет интересно:

Современный шаблон в PSD — Gridzilla

Скачать

Минималистический шаблон для блога в PSD формате

Скачать

PSD шаблон в Flat стиле — Variety

Скачать

Креативный и современный шаблон для сайта — Intent

Скачать

Шаблон для интернет магазина — Bloom

Скачать

PSD шаблон на тематику спорта

Скачать

Красивый и бесплатный шаблон в PSD

Скачать

Адаптивный PSD шаблон — Pinball

Скачать

Бесплатный шаблон на тему путешествий

Скачать

Крутой погодный шаблон в PSD — Météo

Скачать

Классный, стильный и современный шаблон — Seven Oaks

Скачать

Ecommerce шаблон — LookShop

Скачать

Современный шаблон в PSD — SKOKOV

Скачать

Одностраничный PSD шаблон — Orion

Скачать

Ещё один одностраничный шаблон — Macankumbang

Скачать

Классный шаблон в плоском стиле — The Lab

Скачать

Крутой портфолио шаблон в PSD

Скачать

Очень красивый и современный шаблон — Modus Versus

Скачать

PSD шаблон бесплатно — Extraordinary

Скачать

Книжный шаблон

Скачать

beloweb.ru

Создание PSD макета для сайта: правила разработки

Разработка сайта это командная, многоэтапная работа. Один из первых, и наиболее важный, этап этой работы — это дизайн. После того как дизайн утвержден с заказчиком, нужно приступать к верстке psd макета. Поскольку работа дизайнера на этом практически закончена, и он на радостях передает свое творение верстальщику, в виде psd макетов, и смело идет отдыхать. Очень часто он не выполняет обязательные шаги по оптимизации макета для верстки. Это заставляет верстальщика делать двойную работу, затрачивая большее количество времени. Избежать подобных ситуаций не так уж сложно — достаточно соблюдать несколько простых правил:

1. Дизайн сайта — это не полиграфия

Предоставляй макет в традиционном формате (.psd) в противном случае сайт будет отличаться от макета.
Использую цветовое пространство rgb. Именно оно используется по умолчанию в веб. CMYK используется в полиграфии и для web никак не подходит.
Единицами измерения должны быть пиксели, а не сантиметры, миллиметры и другие величины.

2. Наведи порядок в слоях

Группируй слои по папкам (смысловым блокам) с осмысленными названиями, а не “Группа 3 copy”. Тоже самое касается всех слоев. (Шапка, контент, подвал и т.п.) Придерживайся иерархии сверху в низ и слева на право.
Удаляй все не нужные слои. Верстальщик может это сверстать.

3. Четкие размеры и отступы

Используй родные направляющие photoshop или готовые модульные сетки чтобы точно определить расположение элемента на странице.
Осознано выбирай пропорции и размеры объектов и делай их кратными, например, 1000px, а не 998px.
Размер шрифта должен быть целыми числами без дробей.
Никогда принудительно не растягивайте шрифт.

4. Проблемные моменты для верстальщика

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

5. Обязательные элементы макета

Показывай состояния всех интерактивных элементов: нормальное, активное, не активное, при наведении, при клике и т.д.
Показывай все оформления текста: заголовки, списки, таблицы, контент и т. д.

6. Исходные материалы макета

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

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

Понравилось? Репост!

studiof1.ru

Шаблоны, макеты, UI исходники и всё только самое лучшее в PSD

Привет, друзья! Сегодня я представляю Вам очередную подборку с самыми полезными, красивыми и классными штуками для дизайнера. Тут Вы сможет просто и бесплатно скачать множество макетов, иконок. а так же UI элементов с помощью которых Вы сделаете самый стильный сайт, который только можно сделать 🙂

Спасибо огромное http://www.cssauthor.com и рекомендую: