Вёрстка

интересует, как Вы режете графику в фотожабе, каким образом может быть ускоряете процесс?
хочется увеличить качество и скорость своего продукта.
поехали.

Последний раз редактировалось: Asiris (12/07/20 в 12:13), всего редактировалось 1 раз

я не сторонник доверять дело 3-му лицу, когда точно не уверен в сроках его выполнения....
поэтому необходимо всё пока брать в свои руки.

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

Evilin писал:

интересует, как Вы режете графику в фотожабе, каким образом может быть ускоряете процесс? хочется увеличить качество и скорость своего продукта. поехали.

если быстро - то однозначно слайсами
если "отточить навыки" - по направляющим коцать каждый фрагмент

Evilin писал:

я не сторонник доверять дело 3-му лицу, когда точно не уверен в сроках его выполнения.... поэтому необходимо всё пока брать в свои руки.

а нужно пользоваться услугами надёжных людей...
вот ссылка: Снова верстаю все. Без таблиц.

человек все делает во время и качественно


а если верстаешь сам, то все нужно делать ручками и как можно меньше графики... больше стилей...

rexes писал:

если быстро - то однозначно слайсами если "отточить навыки" - по направляющим коцать каждый фрагмент

По направляющим резать это еще додуматься надо.

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

Кроме того расставленные и сохраненные с именами слайсы облегчат любые модификации дизайна - начиная от переделки шапки и заканчиваия серийным производством новых картинок-кнопочек под изменения в навигации.

И уж никак ручное размозоливание диза инструментом "выделение" с последующим копипастом не ускорит процесса.

Хотя иногда талантлвые творцы такое чудят с порезкой слайсами, что приходится скринить их творчество и переделывать порезку, борясь заодно с артефактами сжатия

постучи - сверстаем =)

Leka писал:

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

согласен. пока ничего быстрее и лучше не придумано.
всем спасибо.

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

А я из ФШ в fireworks перекидываю, а там оч удобный инструмент для резки и сохрана всего в любой формат с хорошей оптимизацией. Да и так как входит все в состав CS то проблем с перекидом из фотошопа в файрворкс не возникает. Так же без проблем перекидываются шрифты, лейеры, фильтры....

Mistic писал:

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

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

Evilin писал:

я не сторонник доверять дело 3-му лицу, когда точно не уверен в сроках его выполнения.... поэтому необходимо всё пока брать в свои руки.

зря, выгоднее дизайнеру просто дизайнить чем еще и верстать

Mistic писал:

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

Учите инструмент, товарищь!
Для меня в свое время тоже было открытием полноценное использование слайсов

если графики много (авс, платники, навороченные галеры), можно резать через Image Ready, там сохраняется сразу с готовым хтмл файлом, который надо немного переделать потом

это извращение, поскольку там хтмл корявый получается и чтобы он был нормальным нужно постараться.
Все-таки имхо лучший способ - порезать на слайсы и потом быстренько сверстать. А каждый слайс, как уже писали выше, сохраняешь как тебе нужно.

tasteart писал:

это извращение, поскольку там хтмл корявый получается и чтобы он был нормальным нужно постараться. Все-таки имхо лучший способ - порезать на слайсы и потом быстренько сверстать. А каждый слайс, как уже писали выше, сохраняешь как тебе нужно.

так я ж написал, его переделать потом надо )
плюс в том что не надо прописывать размеры для картинок

и все-таки можно пример, что в этом коде особо корявого, для исправления чего нужно постараться?

tasteart писал:

это извращение, поскольку там хтмл корявый получается и чтобы он был нормальным нужно постараться. Все-таки имхо лучший способ - порезать на слайсы и потом быстренько сверстать. А каждый слайс, как уже писали выше, сохраняешь как тебе нужно.

+1
полученный автоматом html я удаляю не задумываясь.. там просто-напросто не с чем работать.

ну вот например код авски, полученный с помощью Image Ready
что, по вашему, тут коряво? )

Код:

<table id="Table_01" width="970" height="491" border="0" cellpadding="0" cellspacing="0">    <tr>       <td>          <img src="images/index_01.jpg" width="289" height="150" alt=""></td>       <td>          <img src="images/index_02.jpg" width="196" height="150" alt=""></td>       <td>          <img src="images/index_03.jpg" width="215" height="150" alt=""></td>       <td>          <img src="images/index_04.jpg" width="270" height="150" alt=""></td>    </tr>    <tr>       <td>          <img src="images/index_05.jpg" width="289" height="116" alt=""></td>       <td>          <img src="images/index_06.jpg" width="196" height="116" alt=""></td>       <td>          <img src="images/index_07.jpg" width="215" height="116" alt=""></td>       <td>          <img src="images/index_08.jpg" width="270" height="116" alt=""></td>    </tr>    <tr>       <td>          <img src="images/index_09.jpg" width="289" height="168" alt=""></td>       <td>          <img src="images/index_10.jpg" width="196" height="168" alt=""></td>       <td>          <img src="images/index_11.jpg" width="215" height="168" alt=""></td>       <td>          <img src="images/index_12.jpg" width="270" height="168" alt=""></td>    </tr>    <tr>       <td>          <img src="images/index_13.jpg" width="289" height="57" alt=""></td>       <td colspan="2">          <img src="images/index_14.gif" width="411" height="57" alt=""></td>       <td>          <img src="images/index_15.jpg" width="270" height="57" alt=""></td>    </tr> </table>

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

это делаеца так, хуй кладеца на верстак..........

режу слайсами, сохраняю, верстаю в дриме, правлю\чищу код. хрен кто меня убедит, что получается хуже чем дивами

дивами всеже имхо быстрее и красивее, учитывая что можно использовать некую заготовку стилей и верстки а затем вбивать нужное, но это надо знать и хорошо ориентироваться в CSS

нахуй ваши дивы..
тэйблы форава.

ага, но за дивами будущее
все упирается в то что CSS сложнее освоить чем таблицы

Don Chupa писал:

ага, но за дивами будущее все упирается в то что CSS сложнее освоить чем таблицы

эмм. кроме как модой, чем объяснишь, что за ними будущее?