StartPSD — в помощь дизайнерам сайтов, автоматизируем работу

    Сегодня решил поделиться с вами своими материалами по автоматизации работы в photoshop. А именно это тот стартовый шаблон с которого я начинаю делать любой дизайн сайта.
    Подправил, добавил, оформил в виде приятного продукта под названием — StartPSD.
    Можно скачивать, редактировать, пользоваться на здоровье!

    Встречайте.
    image

    image
    image
    image
    image

    Скачать StartPSD v1.0

    StartPSD — это комплект из двух файлов.
    Первый собственно сам макет с браузером, сеткой для удобства, второй – это приятное вертикальное полотно, для демонстрации дизайна клиенту, который также нужно слегка отредактировать под себя (вставить свой логотип, изменить контактные данные при желании). В первом файле я также использую свою заготовку копирайта для тёмного и светлого фона, всегда под рукой и не нужно каждый раз играться с размерами, вставлять из другого файла ваш логотип, это удобно.

    Вообщем кому понравится и поможет буду только рад, сам я работаю именно по такому принципу.

    Оставляйте Ваши комментарии о впечатлениях, возможных доработках, с интересом буду читать.
    Метки:
    Поделиться публикацией
    Комментарии 57
    • –5
      http://habrastorage.org для картинок
      http://www.dropbox.com/ для файла

      И станет лучше.
      • +3
        Внизу уже написали про Dropbox — он правда может через какое-то время стать недоступным.
        Поэтому, как вариант, лучше Яндекс.Диск
        • НЛО прилетело и опубликовало эту надпись здесь
          • 0
            Ради бога, можно и яндекс.диск. Когда я писал это сообщение, картинки не отображались, файл не качался. Сейчас уже прелести не оценить, т.к. отпустило сервер студии.
        • +1
          Да, спасибо, делаю уже… Не ожидал.
          • +4
            Это же хабр, сначала скачают все, а потом разбираться будут =)
          • 0
            Хм, звучит вкусно, только сайт уже под хабраэффектом по ходу)
            • 0
              Всё, теперь можно скачивать, а вот сайт пока да — мёртвый.
              • 0
                Спасибо! Кстати, под хабраэффектом и аккаунт на Дропбоксе может лечь) То есть его временно блокируют при слишком большом траффике.
                • 0
                  Есть идеи куда можно залить в таком случае?
                  • 0
                    У меня для таких случаев есть дополнительный аккаунт на Dropbox, а так, сейчас приличных файлообменников много, да тот же Народ…
            • +1
              Выше подсказали Яндекс.Диск. Полностью поддерживаю konfuze.
            • 0
              ge.tt/3YnPYjF/v/0?c
              min.us/m9CWSKqtO
              rghost.ru/37332244

              Кстати если сжать 7зипом, выйдет всего 10 метров…
              • 0
                Спасибо!
                • 0
                  Спасибо за зеркала, а то бедный dropbox отрубил ссылку.
                • +4
                  Можно вам несколько предложений по present-tpl?
                  — Во-первых, сделайте слой BG через pattern-layer: это уменьшит объем файла, позволит элементарно сменить фон (на любой из subtlepatterns.com, к примеру), позволит позаимствовать ваш чудный фон для других проектов.
                  — Во-вторых, налогооблагает то, что вы линии-разделители «line» сделали через растровый слой, а не через fill-layer или text layer. Это несет те же недостатки.
                  — Слой greenline: почему он черный fill-layer, а не gradient-layer? В том виде, в котором вы его использовали это не самый удобный для кастомизации вариант.
                  — Ну и сафари. Кому-то может и по нраву, но насколько вы делаете этот макет паблик, настолько должны быть возможности кастомизации под другие броузеры.
                  Так что к сожалению, пока что макет дальше от моей конечной цели, чем пустой документ того же разрешения.
                  • 0
                    Спасибо, Дмитрий, учту Ваши комментарии, скорее всего воспользуюсь ими и улучшу макет.
                    По поводу браузера увы, пока только буду поддерживать safari.
                  • –1
                    Прекращайте высылать заказчикам дизайны в jpg.
                    Показывать клиенту макет нужно сразу в браузере. Сделать простую верстку, положить в бекраунд макет. Это самый лучший вариант, так как он максимально приближен к готовому результату, разве что кнопки не нажимаются. А все свистоперделки потом чреваты вопросами о длинне скрола. Особенно госкомпании упираются.
                    • +3
                      Скажите, а как сделать простую резиновую верстку? Если класть фиксированные макеты в браузер, это отбросит вопросы у заказчика?
                      И поясните, о каких свистоперделках и скролле вы говорите?
                      • 0
                        Если заказчик требует резиновый дизайн на 1000px и 1280px, нужно показывать ему два макета. Потому что верстать то, что нарисовано и утверждено в разы быстрее.
                        Свистоперделки это то, что создает некую магию вокруг макета не имеющую к нему особого отношения, но призванную уломать клиента. Эта магия всегда по бокам да вокруг макета, она не дает клиенту просто увидеть макет при 100% не пользуясь кнопками увеличения и центрования. Другими словами это не удобно и создает лишние проблемы. Клиент должен увидеть то, как оно будет в браузере у него, с его панелью от мейл.ру или яндекса в браузере.
                        Автор показал свой метод работы с клиентами но это не значит что он плохой, может кому то так и нужно, все зависит от клиента. Но я считаю что лучше показа jpg в браузере нет ничего. Аналогичное пропагандируется на забугорных ресурсах.
                        • +1
                          Согласен, что Ваш метод также неплох. Но считаю, что работа должна быть и красиво презентована, в деталях кроется многое. Кроме того, в портфолио я выложу свою версию браузера и точно без панели mail.ru. А это облегчает данный процесс.

                          По поводу просмотра в браузере и проблем со скролом: Куда приятнее смотреть на цельное полотно с страницами, нужными комментариями к макетам, часто это бывает весьма нужно на удалённом расстоянии работы с клиентами. Мы выкладываем демо работы, где он центруются и просматривается при 100% масштабе как раз это облегчат работу с просмотром макета и ты уверен, что заказчик у себя в вьювере на компьютере не будет смотреть твой макет в масштабе 94%.
                    • +6
                      Хотел бы посмотреть в глаза тому, кто хочет, чтобы на Хабре не было авторских статей и чтобы люди не делились своими наработками!
                      Кто насрал автору в карму отзовитесь!!!
                      • 0
                        Анонимные кармадрочеры, больше некому.
                        • 0
                          Оригинально, оказывается таких больше одного…
                      • +2
                        Спасибо за поддержку!
                        • +2
                          На хабре уже давно существуют две (максимум три) группировки, которые действуют сообща занижая карму.
                        • 0
                          Каждые полгода кто-нибудь да сделает и выложит такую штуку. Тут делов на 20 минут. Неужели тот кто делает сайты сам не сможет такого сделать?
                          • +1
                            Халява, сэр.
                            • –6
                              согласен. у каждого есть свои наработки для этого.
                              а общем совершенно бесполезная статья.
                              • +4
                                Зачем же Вы так однозначно.
                              • 0
                                Часто до себя не доходят руки, скажем так. Кто-то делает, проходит время, становится не совсем актуально. Поэтому если хоть один решит использовать для себя такой способ и адаптирует его для себя, буду только рад.
                              • +2
                                Вообщем, простите.
                                • +2
                                  Никогда не понимал зачем дизайнеры пихают дизайн сайта в картинку браузера Safari?
                                  Это что придает дизайнеру крутость?
                                  Нет, правда почему?
                                  Тогда уже правильнее брать браузер который наиболее распространен, а не Safari.
                                  • 0
                                    Скорее всего так просто исторически сложилось.
                                    По сути пихают в «браузер», чтобы получить визуально полную картину.
                                    Сравните изображения просто дизайна, и дизайна «в браузере».
                                    • 0
                                      Исторически сложилось, это про Safari
                                    • 0
                                      Потому что мало сделать дизайн. Его надо ещё и красиво подать заказчику (или потенциальному заказчику который смотрит на портфолио). Его надо продать. А у сафари просто самая компактная и не навязчивая оболочка, которая подходит ко всему.
                                      • –1
                                        У меня опера занимает меньше места, но по статистике им пользуются больше пользователей.
                                        Например favicon не во всех браузерах будет смотреться гармонично т.к. цвет фона будет разный.
                                      • 0
                                        Для того, чтобы макет лучше смотрелся. Это как фото — лучше смотрится в красивой рамке.
                                        • 0
                                          Вы эту рамку каждому посетителю поставите?
                                          • 0
                                            «Макет в рамке» показывают заказчику, а он скорее примет вариант с Сафари, чем с IE.
                                        • 0
                                          Потому что дизайнеры в основном используют MacOs, там сафари по умолчанию. Плюс, когда скриншот делаешь окошка, он «няшно» делается с тенью. В общем, получается-то в результате красиво.
                                          Кстати, окошко FF также выглядеть будет на Маке, за исключением логотипа. Поэтому гневаться тут смысла нету.
                                          • 0
                                            Это я все понимаю. Да и не гневаюсь я вовсе. Я лишь говорю о том что как мне кажется дизайн нужно представлять в том окружении в котором будет сайт работать. Опять таки все это сугубо мое мнение.
                                          • 0
                                            Еще этот браузер визуально более нейтрален из-за серого цвета.
                                          • 0
                                            Почему именно Safari? С его то статистикой?
                                            Смысл показать макет в браузере ясен, но тогда и показывать нужно в том браузере в котором реальные посетители будут смотреть этот сайт.
                                            • 0
                                              У Вас жгучая ненависть к Сафари? :)
                                              • 0
                                                Нет, я больше люблю реальность!
                                            • +3
                                              Бред. С такими заготовками у дизайнера очень мало свободы. Сетка может быть очень разная, а тут даже базовую линию легко не поменяешь. Шаблон браузера? Для чего он вообще нужен? В интернете полно генераторов сеток.

                                              image
                                              • +3
                                                Все критикуют, критикуют. Спасибо ТС! Вы помогли как минимум одному хабражителю.
                                                • 0
                                                  Спасибо автору, лишним не будет точно :)
                                                  Я сам пользуюсь BrowserGrid Алексея Черенкевича, с готовым вариантом сеток.
                                                  • 0
                                                    Извините, но это одно и то же, за исключением «приятного вертикального полотна, для демонстрации дизайна клиенту». Цвета слоев, названия слоев, группировка слоев один в один повторяет работу Алексея Черенкевича. Хотя Алексей честно сказал: «Кстати, в моей заготовке использована другая заготовка — Джоеля Лауманса (www.piksels.com).» Автор, это уже даже не смешно.

                                                    56 мегабайт? У Черенкевича описанный комплект весит 450 килобайт.
                                                  • 0
                                                    Спасибо, приятно знать.
                                                  • 0
                                                    Такие вот шаблоны можно и самому сделать в зависимости от поставленной задачей. Но подобные проекты воспитывают в дизайнерах дисциплину делать макеты правильно.
                                                    • +1
                                                      Автору спасибо.
                                                      От себя хочу поделиться полезным плагином для Photoshop, который позволяет очень удобно и быстро создавать сетку из направляющих: GuideGuide
                                                      • 0
                                                        Могу ещё предложить немного своих мыслей: «Создание страницы-визитки: от дизайна до функционала» (есть прилагаемый архив)
                                                        • 0
                                                          Ну, если «стильная текстура», тогда качаю, конечно…

                                                          Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.