В чем рисовать дизайн под Bootstrap?

Question

[Тимур Туз]

Салют! Давно уже разрабатываю под твиттер бутстрап и прототипировал сразу в нем.
Сейчас для создания более симпатишных дизайнов хочу всетаки с рисования дизайна начинать а уже потом реализовывать на этом фремворке. Попробовал несколько решений, но все чтото не то.
Photoshop слишком медленно получается из за того что приходится каждый элемент прорисовывать и позиционировать.
Pingendo - больше для прототипов. дизайнерские вещи там сложно делаются.
Adobe muse - это новое для меня. Я или не разобрался как следует в нем, или он ни туда ни сюда.

Поделитесь опытом, кто где дизайнит? Мне ближе всего фотошоп, возможно есть какие то техники/шаблоны/плагины чтобы жизнь упростить (про генератор колонок уже знаю).

Answer 1

[Тимур Туз]

Вообще после того как опубликовал этот вопрос решил прям сильно замарочиться и сделать сайт по всем канонам дизайна в фотошопе. Сейчас после того как написали про иллюстратор - посмотрел сколько элементов у меня векторных там и сколько растра... пожалуй да.. вектора больше и наверно правильнее будет иллюстратор. Но почему тогда стандарт шаблонов везде фотошоп?

Answer 2

[Никита Кравченко]

adobe experience design - пользуюсь, очень удобно

Comments

[Тимур Туз]

любопытная штука. но к сожалению пока только: Now available for Mac OS X

[Никита Кравченко]

Тимур Туз: давно пора переходить на мак. Очень удобно и есть столько мелочей которые помогут в веб деве

[Владислав Безенсон]

ED - это не для дизайна, а для того, чтобы сделать набросок дизайна. Есть для него всякие UI фрэймворки, конечно, но штука для мокапов. Чтобы передать потом разработчику - Photoshop или Sketch (для Mac)

[Тимур Туз]

Никита Кравченко: я оброс экосистемой виндовой. из за мелочей к переходу не готов))

Answer 3

[Mikalai Bulava]

Любой графический редактор подойдет, где вам удобнее. Sketch, photoshop, illustrator, некоторые даже в corel умудряются делать.

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

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

P.S. Хочу выразить свое ярое недовольство подстраивание дизайна под всякие фреймворки. Все должно быть наоборот.

Comments

[Тимур Туз]

по поводу недовольства все зависит от целей. можно делать конвертерные авто а можно делать штучные и дорогие болиды. От первых требуется низкая цена производства при приемлемом качестве, от вторых - качество превыше всего. Я могу рисовать дизайн и оживлять его месяц написав все с нуля, но получится конский ценник который естественно мало кто в состоянии оплатить. Поэтому тут нет конфликта с фреймворком или без него. На оба решения всегда есть спрос)

[Mikalai Bulava]

Тимур Туз: ведь не поспоришь. Все так. Но, как дизайнеру, меня очень печалит стремление к стандартизации и ограничению какими-то рамками. Ведь в конце концов довольным должен остаться пользователь, а не программист)

[Mikalai Bulava]

pygame: именно для того чтобы такого не делать мы и изучаем базовые принципы верстки и читаем всяких Куперов и их подобных. Видимо, вам не везло. Сочувствую.

[Тимур Туз]

crimp: в уфе год не могу найти тех кто хотя бы мог в фотошопе верстать сайты с учетом технических ограничений резиновой верстки. А вы тут про Куперов рассказываете))

[Lorri]

Тимур Туз: потому и не можете, что в фотошопе не верстают))))))))))))

[Тимур Туз]

Lorri: наркоман штоле))) https://themeforest.net/category/psd-templates

[Lorri]

Тимур Туз: кто наркоман? Тот, кто думает, что в фш можно верстать, т.е. писать код?

Answer 4

[Максим Тимофеев]

Photoshop + к нему:
https://habrahabr.ru/post/154687/
www.cssauthor.com/bootstrap-grid-system-psd-templates
да и собственно:
https://yandex.ru/search/?text=photoshop%20bootstr...

Comments

[Тимур Туз]

написал жешь: (про генератор колонок уже знаю).

[Максим Тимофеев]

Тимур Туз: А чего Вы ждете? Волшебный плагин, который за Вас всю работу сделает?

[Тимур Туз]

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

[Максим Тимофеев]

Тимур Туз: А я на что Вам ссылки кинул?

Answer 5

[Виктор Таран]

фотошоп к нему рисуешь сетку

Answer 6

[Максим Березин]

Можно сделать в любом графическом редакторе, но самым грамотным будет в Иллюстраторе
Ну а если mac, то можно в "Adobe XD" попробовать.

Comments

[Тимур Туз]

А почему в иллюстраторе?