Разное

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

30.05.2019

Содержание

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 и рекомендую:

Minions UI в формате PSD

Скачать

Коммерческие и светлые UI элементы в PSD

Скачать

Morph — бесплатные и современные UI элементы

Скачать

Элементы пользовательского интерфейса в формате PSD

Скачать

UI исходники в PSD — Rusty

Скачать

UI элементы в стиле Material Design

Скачать

UI элементы для сайта моды в PSD формате

Скачать

Shades Of Gray — бесплатный PSD шаблон для сайта

Скачать

Коммерческий PSD шаблон под названием Shophia

Скачать

Крутой одностраничный шаблон в формате PSD

Скачать

Бесплатный современный шаблон для агентства

Скачать

Лёгкий шаблон в голубых тонах — YukCus

Скачать

Простой и одностраничный шаблон в PSD

Скачать

Cafe — бесплатный PSD шаблон

Скачать

Gradicyan — одностраничный PSD шаблон бесплатно

Скачать

Одностраничный веб шаблон

Скачать

Бесплатный и очень стильный шаблон в PSD

Скачать

PSD макеты Nokia Lumia

Скачать

Крутой макет в PSD Nexus 5

Скачать

Бесплатный PSD макет Imac с Миньонами

Скачать

Макет ноутбука бесплатно

Скачать

Макет бесплатного Macbook Pro в формате PSD

Скачать

Макет нового MacBook Air

Скачать

Макет IPod Touch

Скачать

Бесплатные макет Samsung Galaxy в PSD

Скачать

Макет IMac 5K

Скачать

Макет IMac 27 в офисе

Скачать

Бесплатный PSD макет Macbook Pro

Скачать

Бесплатный макет IPhone 6 в PSD формате

Скачать

Бесплатный макет в PSD Apple Watch

Скачать

Несколько бесплатных макетов IPhone

Скачать

Макет IPhone 6 в руке

Скачать

Бесплатный макет Apple IMac в PSD формате

Скачать

Макет Apple Watch

Скачать

Макет Apple Watch с тонкими линиями

Скачать

Макет Moto 360 в формате AI

Скачать

Форма входа в PSD

Скачать

Новый плеер YouTube в PSD

Скачать

Виджет определённой локации

Скачать

UI исходники музыкального плеера в формате PSD

Скачать

Форма расчёта для интернет магазина

Скачать

Виджет календаря с погодой в PSD

Скачать

UI элементы календаря с классным дизайном

Скачать

Бесплатные фоны в стиле Material Design

Скачать

Жидкие паттерны

Скачать

Треугольные паттерны

Скачать

Векторные иконки на тему фитнеса

Скачать

Иконки еды в формате AI

Скачать

PSD иконки в стиле Material

Скачать

Разноцветные иконки с тенью

Скачать

Birply — классные и бесплатные иконки для сайта

Скачать

beloweb.ru

Добавить комментарий

Ваш адрес email не будет опубликован.