Comments 56
а не подскажете, есть ли в фотошопе такая фишка — возможность в одном psd файле разметить несколько слоев и делать массовый save for web для них, чтобы каждый слой в свой файл сохранялся.
смысл всего это в том, чтобы работать со всей графикой сайта в одном файле и, например, массово менять цветовую гамму.
смысл всего это в том, чтобы работать со всей графикой сайта в одном файле и, например, массово менять цветовую гамму.
Save for web сохраняет только видимые в данный момент слои, по-другому — никак.
вам случайно не слайсы нужны?
возможно Actions вам помогут.
возможно вам поможет FireWorks CS4 — там появилась такая штука как States и Pages, дизайн всех страниц и их состояний можно держать в одном файле и с одной общей библиотекой. Очень удобно.
FireWorks CS4 вообще очень прикольно заточили для веб графики, советую посмотреть. Макеты без особых проблем импортируются из Photoshop. Сейчас я делаю как: макет основа в фотошопе, т.к. к файр еще никак не привыкну, а вот доводка до ума: страницы там, резка и т.д. — в файр — удобнее. ну и контролы там уже есть, как встроенная библиотека.
всем спасибо за ответы, попробую все
резать можно, но разбивку по слоям к сожалению вроде бы шоп еще не научился делать, можно это автоматизировать экшенами, тут поле деятельности безгранично.
Про контролы — вы потом пол часа заказчика убеждаете, что к сожалению на виндоус таких контролов у него не будет? Ну а в общем спасибо
Про контролы — вы потом пол часа заказчика убеждаете, что к сожалению на виндоус таких контролов у него не будет? Ну а в общем спасибо
Почему не будет?
Если у вас стоит Safari или Vista и IE7, то очень даже будет.
Вы предлагаете рисовать компоненты самому во всех случаях?
Если у вас стоит Safari или Vista и IE7, то очень даже будет.
Вы предлагаете рисовать компоненты самому во всех случаях?
а я вот столкнулся с такой проблемой, потому пришлось кнопки рисовать самому, и контролы тоже, так как заказчику загорелось кругленькие кнопочки мака видеть везде
В отдельных случаях можно и нарисовать.
Но, мое глубокое убеждение, что использовать стандартные компоненты, особенно в интерфейсах с большим их количеством — это правило хорошего тона.
Но, мое глубокое убеждение, что использовать стандартные компоненты, особенно в интерфейсах с большим их количеством — это правило хорошего тона.
для пользователей мака это стандартные контролы, не спорю, но в % соотношении увы перевес в сторону windows. И объяснят простым пользователям почему кнопка круглая и синяя на макете, и квадратная серая в сверстанном варианте очень сложно =) приходится в сафари показывать.
designerstoolbox.com/designresources/elements/
Тут, собственно, побольше.
Тут, собственно, побольше.
А почему бы не использовать для этой цели профессиональный инструмент проектирования?
Я например пользуюсь Axure
Я например пользуюсь Axure
есть такой сайт — www.designerstoolbox.com/designresources/
там есть подобные вещи для нескольких браузеров и нескольких ОС =) Там интереснее =)
там есть подобные вещи для нескольких браузеров и нескольких ОС =) Там интереснее =)
Я тоже ползуюсь axure, но совсем для других целей.
Одно дело спроектировать интерфейс, со всеми юзкейсами, и совсем другое — нарисовать макет в таком виде, в каком он уже будет верстаться.
Одно дело спроектировать интерфейс, со всеми юзкейсами, и совсем другое — нарисовать макет в таком виде, в каком он уже будет верстаться.
Спасибо тебе большое!
Не спорю, макет с такими контроламы выглядит красивее, но вы подумали о верстальщиках? Если заказчик утверждая макет скажет что хочу такое видеть не только в ИЕ7 или Сафари, а во всех браузерах?! Представляете сколько головняка добавится верстале? ИМХО контролы нужно рисовать стандартными, а то как они отрисовываются браузерами это уже их дело. Либо уж тогда рисуйте как будет отображатся во всех браузерах во избежания непоняток. ))
Это и есть стандартные контролы.
Для Safari и IE
Для Safari и IE
Да, но не для других браузеров ) Я говорю о том, что если вы нарисовали в макете например контролы Сафари, то есть вероятность того, что заказчик потребует соотвествия макету во всех браузерах, а технически это реализовать очень сложно. Просто нужно наверно тогда говорить человеку о том, что сдесть оно выглядит так, а там может выглядить по-другому. Поверте, это не просто мое занудство ) Мне приходилось с таким сталкиватся и пришлось повозится. Думаю верстальщики меня поймут ))
Я понимаю, о чем вы (:
Но, что вы предлагаете, не использовать в макетах стандартные компоненты, а рисовать их самому?
Ведь тогда уж точно верстальщику придется делать все контролы картинками.
Но, что вы предлагаете, не использовать в макетах стандартные компоненты, а рисовать их самому?
Ведь тогда уж точно верстальщику придется делать все контролы картинками.
Нет, но под стандартными компонентами, как это не парадоскально может звучать, предлагаю использовать контролы ИЕ6. Во-первых его доля рынка попрежнему наибольшая, во-вторых контролы оперы и сафари без всяческих тем и надстроек ему наиболее близки )
ну например дизайнер делает стиль полей ввода белые с синей обводкой, без теней, ну а верстальщику CSS в самый раз для того чтобы не отходить от того что нарисовано
я сразу понял о чем вы )) не надо бить ниже пояса, дизайн должен выглядить приблизительно во всех броузерах одинаково, а тот кто усмирит формы будет молодцом.
А с радио инпутами придется бороться с помощью картинок и подмены по клику с использованием java script, реализация идеи упирается в фантазию реализаторов
А с радио инпутами придется бороться с помощью картинок и подмены по клику с использованием java script, реализация идеи упирается в фантазию реализаторов
Ой спасибо, ой как в тему.
Раз 15 собирался сделать такой файлик, и все никак вот руки не доходили.
Только какой смысл делать деление форм, ну логически понятная вещь относительно Safari и IE7?
Раз 15 собирался сделать такой файлик, и все никак вот руки не доходили.
Только какой смысл делать деление форм, ну логически понятная вещь относительно Safari и IE7?
Кому что нужно. Я сафари пользую, в основном.
Тут принцип другой, формы не в разных браузерах, а Mac и Pc.
IE я конечно не ставил себе на мак, но работаю как правило в FF и у меня по определению элементы интерфейса выглядят как в сафари.
Помнится клиентам сделал интерфейсные элементы маковские, клиент не понял, подумалось ему что придется верстать с такими элементами. Чтобы избежать таких непоняток на будущее, делаю как в PC.
IE я конечно не ставил себе на мак, но работаю как правило в FF и у меня по определению элементы интерфейса выглядят как в сафари.
Помнится клиентам сделал интерфейсные элементы маковские, клиент не понял, подумалось ему что придется верстать с такими элементами. Чтобы избежать таких непоняток на будущее, делаю как в PC.
Хм… А зачем? Если заказчик не в курсе и ему не понятно, что есть разные браузеры, то с ним лучше не работать.
Вот у меня Опера, в ней вообще скины. Что ж мне под каждый скин ваять? А ещё под старую винду и новую, а ещё под КДЕ…
Не занимайтесь фигнёй, делайте хороший дизайн.
Единственное, что я использую — скроллер, который перекрашивается в ИЕ и Опере.
А ещё использую старый стиль оформления винды, как и многие нормальные люди, которым задолбали все эти цацки и нужна просто рабочая среда.
п.с. скроллеры яркого цвета, как элемент в браузере — вообще зло! Не верите? Сделайте оранжевый дизайн и поставьте эти синие леденцы туда…
Вот у меня Опера, в ней вообще скины. Что ж мне под каждый скин ваять? А ещё под старую винду и новую, а ещё под КДЕ…
Не занимайтесь фигнёй, делайте хороший дизайн.
Единственное, что я использую — скроллер, который перекрашивается в ИЕ и Опере.
А ещё использую старый стиль оформления винды, как и многие нормальные люди, которым задолбали все эти цацки и нужна просто рабочая среда.
п.с. скроллеры яркого цвета, как элемент в браузере — вообще зло! Не верите? Сделайте оранжевый дизайн и поставьте эти синие леденцы туда…
неужели удобно делать интерфейсы в растровом редакторе? А как вы масштабируете эти контролы?
Удобно. А где делаете вы?
Мне никто пока не доверяет делать)) По идее, наверно, есть какая-то программа для этого, но имхо — надо использовать векторный редактор, например флеш, он очень простой (а если очень припрет, там можно и анимацию простейшую прикрутить). А самое главное — можно быстро и легко сделать приятно выглядящий набросок, благо там и выравнивания всякие есть, и прочее.
А что вы сделаете, когда оказывается что например штук 8 полей надо сделать шире? Или переставить? Неужели все перерисовывать.
А что вы сделаете, когда оказывается что например штук 8 полей надо сделать шире? Или переставить? Неужели все перерисовывать.
Спасибо большое — кстати.
Думаю, что заинтересовавшимся этой статьёй людям будет интересен сайт Free Photoshop browser templates for webdesigners and screendesigners. Ссылка предоставлена пользователем AlmeZ.
Есть еще аналогичный пакет от Yahoo: Design Stencil Kit
Sign up to leave a comment.
Компоненты интерфейса Safari и IE7 в .psd