Comments 28
Нефтапабельные интерфейсы. Хм. Что-то в этом есть.
По сабжу — статья хорошая, но слишком много фраз вроде «я рекомендую, делай, как я». Очень напрашивается добавление в хаб «Я пиарюсь» =)
По сабжу — статья хорошая, но слишком много фраз вроде «я рекомендую, делай, как я». Очень напрашивается добавление в хаб «Я пиарюсь» =)
UFO just landed and posted this here
Есть такой редактор, Sketch называется…
Третий раз слышу про него за последние два дня, видимо действительно хорошая штука. Буду изучать, спасибо :)
Скетч — это тот инструмент, с которым о фотошопе и иллюстраторе для мобайл дизайна можно вообще забыть.
Неужели он настолько мощный? Ох, заинтересовали, скачаю в отпуске триал!) Меня только очень волнует может ли моим готовым макетом пользоваться программист или он тоже должен будет Скетч купить?
UFO just landed and posted this here
Поняла, спасибо!
А вы никогда не задумывались, что программист не должен уметь пользоваться графическим редактором? Мало того: в его работе потребность в графическом редакторе должна возникать как можно реже.
Я как программист, который умеет и код писать, и приложения рисовать, очень радуюсь, когда мне дизайнер даёт ресурсы уже нарезанные как надо, плюс руководство со скриншотами. Но таких правильных дизайнеров мало, к сожалению.
Скетч позволяет очень быстро и легко нарезать всё что нужно. Его slices, в отличии от slices в фотошопе, по сути есть объекты, как и слои. Это сильно упрощает нарезку и экспорт.
Так что программист не должен покупать Скетч.
Я как программист, который умеет и код писать, и приложения рисовать, очень радуюсь, когда мне дизайнер даёт ресурсы уже нарезанные как надо, плюс руководство со скриншотами. Но таких правильных дизайнеров мало, к сожалению.
Скетч позволяет очень быстро и легко нарезать всё что нужно. Его slices, в отличии от slices в фотошопе, по сути есть объекты, как и слои. Это сильно упрощает нарезку и экспорт.
Так что программист не должен покупать Скетч.
Кстати с философией что программист не должен уметь пользоваться графредактором я впервые встретилась менее года назад, до этого предложения разметки резко отвергались со словами «Мы сами нарежем, спасибо, Фотошоп у нас есть», а 95% знакомых программистов когда увидели мой размеченный исходник отнеслись к нему как к диковинному чуду. Даже не знаю с чем это связано.
Вы открыли мне глаза, спасибо, как раз нужно было скетчи накидать :)
Стоит упомянуть, что доступен он только для MacOS.
UFO just landed and posted this here
про презентацию пока не будем. это, в общем-то, дело вкуса — в pdf подавать или картинки посылать. я предпочитаю давать, например, «чистые» джпеги + адаптацию на устройство.
в остальном я так и не понял зачем использовать иллюстратор. графика сейчас делается средствами векторных шейпов и layer styles в фотошопе, которые спокойно масштабируются. всё это нарезается и размечается потом png express (или аналогами). если нужно использовать какую-то растровую картинку, то её можно положить в отдельный файл, заранее позаботившись о размере\пропорциях, и слинковать с макетом.
я делаю макет для iphone 5 (200%), png express сам масштабирует 100% и 300% (HD5.5), измерения все в dp\sp (=pt =px no retina, 2px retina, 3px retina HD). таким образом и показывать мне удобно, и все нужды удовлетворяются. в иллюстраторе, по-моему, даже нет инструментов для обмерки. совершенно не рационально убивать кучу времени на ручную обмерку.
я пользователь pc, у меня скетча нет, если что :-)
в остальном я так и не понял зачем использовать иллюстратор. графика сейчас делается средствами векторных шейпов и layer styles в фотошопе, которые спокойно масштабируются. всё это нарезается и размечается потом png express (или аналогами). если нужно использовать какую-то растровую картинку, то её можно положить в отдельный файл, заранее позаботившись о размере\пропорциях, и слинковать с макетом.
я делаю макет для iphone 5 (200%), png express сам масштабирует 100% и 300% (HD5.5), измерения все в dp\sp (=pt =px no retina, 2px retina, 3px retina HD). таким образом и показывать мне удобно, и все нужды удовлетворяются. в иллюстраторе, по-моему, даже нет инструментов для обмерки. совершенно не рационально убивать кучу времени на ручную обмерку.
я пользователь pc, у меня скетча нет, если что :-)
Пдф удобнее например тем что заказчик на телефоне не открыват кажду отлельную картинку, а потом масштабирует ее, а отправые пдф уже в лирину размера его устройства и листает его вверх-вниз и видит сразу все экраны. Особенно это актуально если высота экрана получилась больше 1136. Пнг смасштабируется по высоте и станет мелким, а пдф займет ширину 100% и будет представительно выглядеть. В общем-то мой совет основан на восторге последних заказчиков таким методом :)
А Иллюстратор удобнее тем что, например, сменить цвет в приложении в любое количество экранов я могу в один клик, причем как в иконках, так и в любой графике и текстах. А у вас сколько времени займет? Сами иконки можно рисовать в пару щелчков мышью, задавать кучи парамеров, еще множество возможностей и плюс копеечный вес. Я 7 лет рисовала интерфейсы в Фотошопе и мне тоже есть с чем сравнивать)
А пнг-экспресс я тоже пользуюсь) как раз сейчас макеты размечаем :)
А Иллюстратор удобнее тем что, например, сменить цвет в приложении в любое количество экранов я могу в один клик, причем как в иконках, так и в любой графике и текстах. А у вас сколько времени займет? Сами иконки можно рисовать в пару щелчков мышью, задавать кучи парамеров, еще множество возможностей и плюс копеечный вес. Я 7 лет рисовала интерфейсы в Фотошопе и мне тоже есть с чем сравнивать)
А пнг-экспресс я тоже пользуюсь) как раз сейчас макеты размечаем :)
По пэдээфу убедили. Однако не сильно трудозатратно открыть акробат и скомбинировать там картинки в пару кликов :-)
Смена цвета в приложении (я так понимаю, речь идёт о шрифтах или иконках, покрашенных в основной цвет) — это задача для меня специфическая. Обычно цвет утверждается заранее, так как логично идти по цепочке «Фирменный стиль → Дизайн интерфейса», а не «Дизайн интерфейса → Фирменный стиль». К чему я это говорю? К тому, что это не будет являться лично для меня аргументом в сторону иллюстратора :-) Не часто мне такое нужно делать.
А так вы, конечно, правы — в фотошопе быстро поменять цвет по всей приложухе не получится. Я думаю, адоб ближайшее время переведёт множество характеристик в переменные. Мне кажется, это лишь вопрос времени.
Вывод в статье — он не панацея, он не однозначен и не каждому он подойдёт. Он очень смел.
Смена цвета в приложении (я так понимаю, речь идёт о шрифтах или иконках, покрашенных в основной цвет) — это задача для меня специфическая. Обычно цвет утверждается заранее, так как логично идти по цепочке «Фирменный стиль → Дизайн интерфейса», а не «Дизайн интерфейса → Фирменный стиль». К чему я это говорю? К тому, что это не будет являться лично для меня аргументом в сторону иллюстратора :-) Не часто мне такое нужно делать.
А так вы, конечно, правы — в фотошопе быстро поменять цвет по всей приложухе не получится. Я думаю, адоб ближайшее время переведёт множество характеристик в переменные. Мне кажется, это лишь вопрос времени.
Вывод в статье — он не панацея, он не однозначен и не каждому он подойдёт. Он очень смел.
Дело совсем не в переменных — в иллюстраторе их не больше, чем в фотошопе, а дело в команде «выбрать подобные», которая позволяет, например выбрать все объекты с данной заливкой, обводной, и т. д, и одним махом поменять им что нужно.
Вообще иллюстратор с его иерархическими структурами объектов — это эталон графических редакторов имхо.
Вообще иллюстратор с его иерархическими структурами объектов — это эталон графических редакторов имхо.
Извините, пожалуйста, за ошибки, с телефона не углядела(
Спасибо за наводку на png express. А какие еще хорошие ( а может и бесплатные) аналоги существуют?
Ну это же не андроид, где одни и те же лэйауты принято натягивать на любой размер экрана, от 3,5" до 6".
Вёрстка на iPhone 4 и iPhone 6+ отличается не только масштабом элементов, у последнего экран более чем в два раза больше, там можно разместить в два раза больше контролов, грубо говоря.
Вёрстка на iPhone 4 и iPhone 6+ отличается не только масштабом элементов, у последнего экран более чем в два раза больше, там можно разместить в два раза больше контролов, грубо говоря.
Если дизайнеру сложно работать с разрешением в FullHD в век 4к мониторов, то гнать его на повышение квалификации или апгрейд железа!
А кто нибудь вообще может объяснить, зачем рисовать векторные интерфейсы в фотошопе, когда есть иллюстратор? Всю жизнь в нем рисую макеты.
По статье — я думал будет про проектирование и юзабилити применительно к разным габаритам экрана, а оказалось — бла бла бла, рисуйте в иллюстраторе :)
По статье — я думал будет про проектирование и юзабилити применительно к разным габаритам экрана, а оказалось — бла бла бла, рисуйте в иллюстраторе :)
Sign up to leave a comment.
Сколько дизайнов интерфейсов на самом деле нужно рисовать для iPhone 4, 5, 6 и 6+?