На каком сайте/приложении можно по-быстрому набросать дизайн сайта?

Question

[Алексей Дзюба]

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

Answer 1

[Ricchie]

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

Answer 2

[Илья Дзенски]

Добрый день!

Adobe Photoshop в качестве приложения для разработки интерфейсов давно морально устарел.
Сейчас на ниве веб-дизайна идёт нешуточная война конкуренции. Вы можете попробовать для себя Figma (для любых ОС), Adobe XD (программа для создания прототипов для Mac и Win).

Если смотреть в сторону Mac, то там выбор гораздо больше. Для создания прототипов я использую JustInMind (его можно заменить Axure для любой ОС), Sketch + Invision/Marvel.

Можете написать мне в любые контакты, помогу определиться с выбором,

Answer 3

[sim3x]

Пишите сразу на бутстрапе в хтмл

Comments

[Алексей Дзюба]

Не владею пока бутстрапом. Или лучше прям щас уже овладеть?

[sim3x]

Алексей Дзюба:
посмотрите примеры дизайнов на нем
посмотрите документацию
за пару дней изучите базис и потом можно делать свой дизайн

[Алексей Дзюба]

sim3x:
А как лучше: на сетке бутстрапа или на флексах?

[sim3x]

Алексей Дзюба:
зависит от ваших предполагаемых пользователей
Что поддерживают их браузеры

[Алексей Дзюба]

sim3x:
Сайт - небольшой лэндинг с описанием услуг фирмы по доставке овощей и фруктов и контактами, вот и все :)
Что посоветуете? Флекс лучше поддерживается в плане кроссбразуерности, чем бутстрап?

[Sanes]

Тогда уж лучше на Uikit 2 делать. Там уже полно компонентов. Макет нормальный получится.

[sim3x]

Алексей Дзюба:
флекс - технология
bootstrap v3 - фреймворк для верстки, не использует флекс
bootstrap v4 - использует флекс

Использовать или нет флекс caniuse.com/#feat=flexbox

Answer 4

[ThunderCat]

Возможно вам подойдет zeplin

Comments

[Алексей Дзюба]

Очень хорошая вещь! Спасибо за наводочку!)

Answer 5

[Wazzap_007]

Можно попробовать ninjamock

Answer 6

[lvbmessage]

paint

Answer 7

[paddavan]

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