Дизайн сайта

Есть какие-нибудь программы, или онлайн, которые позволят страничку сайта задизайнить просто?

То есть конструктор там какой-нибудь, без интерактива, просто дизайн, текст там разноцветный повыставлять, картиночки свои запихать. Ну и желательно чтобы оно потом все в HTML перевелось, но можно и без этого.

я тебе вчера уже скидывал конструктор сайтов

pyles сказал(а):↑

я тебе вчера уже скидывал конструктор сайтов

Нажмите, чтобы раскрыть...

Мне не конструктор сайта нужен, как я понял. Смысл от этого, если мне будет нужен "свой" код. 

Сейчас я хочу просто какуюнить лажу для создания дизайна странички найти, потому что вообще не представляю, как оно у меня должно выглядеть. Можно офка взять готовый html шаблон и через него менять сразу, но мне кажется это не очень. Проще сначала дизайн намутить, а потом этот шаблон уже под намученный дизайн подгонять. В фотошопе сложно криво, хочеца какуюнить специализированную для этого прогу/онлайн, хз. 

 

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

Поняха сказал(а):↑

Есть какие-нибудь программы, или онлайн, которые позволят страничку сайта задизайнить просто?

То есть конструктор там какой-нибудь, без интерактива, просто дизайн, текст там разноцветный повыставлять, картиночки свои запихать. Ну и желательно чтобы оно потом все в HTML перевелось, но можно и без этого.

Нажмите, чтобы раскрыть...

Readymag идеальный выбор для тебя. Можно вот такое делать изи 

Поняха сказал(а):↑

Мне не конструктор сайта нужен, как я понял. Смысл от этого, если мне будет нужен "свой" код. 

Сейчас я хочу просто какуюнить лажу для создания дизайна странички найти, потому что вообще не представляю, как оно у меня должно выглядеть. Можно офка взять готовый html шаблон и через него менять сразу, но мне кажется это не очень. Проще сначала дизайн намутить, а потом этот шаблон уже под намученный дизайн подгонять. В фотошопе сложно криво, хочеца какуюнить специализированную для этого прогу/онлайн, хз. 

 

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

Нажмите, чтобы раскрыть...

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

я вопроса не пойму. 

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

Поняха сказал(а):↑

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

Нажмите, чтобы раскрыть...

Figma

P.S Ты сначала определись че-то надо, будешь ли ты хостить где-то сайт и т.д А то сначала конструктор, потом дизайн тул, потом свой код нужен.

Криптон сказал(а):↑

Figma

P.S Ты сначала определись че-то надо, будешь ли ты хостить где-то сайт и т.д

Нажмите, чтобы раскрыть...

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

pyles сказал(а):↑

я вопроса не пойму. 

Нажмите, чтобы раскрыть...

Хочу сделать дизайн онли html без интерактива, желательно чтобы это было визуально и переводилось в код само, вот

Поняха сказал(а):↑

но я для начала хочу просто дизайн главной сделать

Нажмите, чтобы раскрыть...

Дизайн сайтов и приложений сейчас все топ челы делают в фигме (фотошоп и скетч прошлый век). Дальше уже выбираешь - верстаешь сам, либо используешь конструкторы (Tilda, Readymag, Webflow), чтобы сайт «Работал». Сайты, сделанные в конструкторах, стоят на их серверах, поэтому ни за что платить не надо (но будут вотермарки и т.д). Если сам верстаешь, то нужно будет хостинг оплачивать.

 

Поняха сказал(а):↑

желательно чтобы это было визуально и переводилось в код само, вот

Нажмите, чтобы раскрыть...

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

Криптон сказал(а):↑

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

Нажмите, чтобы раскрыть...

Да, код нужен.

Типо вот я хочу расставить эти элементы, он переведёт мне всё это в код и я код этот возьму Ну разумеется без всяких упоминаний как я это сделал, типо сам писал

adobe dreamweaver

Поняха сказал(а):↑

Да, код нужен.

Типо вот я хочу расставить эти элементы, он переведёт мне всё это в код и я код этот возьму

Нажмите, чтобы раскрыть...

Тогда только Webflow (другие конструкторы не подойдут). Там можно экспортировать код, насколько я знаю. 

Мы в компании используем Figma.com

Код она тебе даст, но только CSS, да и тот иногда кривенький. То есть базы html+css лучше знать, чем не знать. Но с этими вещами легко работать банально по справочникам, любой вопрос который у тебя возникнет очень легко гуглится. Также стоит тебе почитать про сетки, бутстрап тот же банально облегчит тебе работу на этапе дизайна

 

P.S. Если остановишься на фигме то скачай её десктопную версию, не сиди в браузере, это неудобно

Вообще, по твоей проблеме, я бы поискал дизайны готовые к верстке, и их верстал. Банально гуглишь Landing Page template , выбираешь что понравится(или что попроще), качаешь Brackets и сидишь на чилле пописываешь кодярку

(Вот например по первой ссылке в гугле нестыдный лендос https://dribbble.com/shots/10709930-Freebie-Game-landing-page)

AntiDrug сказал(а):↑

бутстрап тот же банально облегчит тебе работу на этапе дизайна

Нажмите, чтобы раскрыть...

Советовать новичку бутстрап - стрелять ему в голову). Флексбокс примерно в тысячу раз легче бутстрапа (там две строчки в css нужно прописать, чтобы контент встал как надо)

Криптон сказал(а):↑

Советовать новичку бутстрап - стрелять ему в голову). Флексбокс примерно в тысячу раз легче бутстрапа (там две строчки в css нужно прописать, чтобы контент встал как надо)

Нажмите, чтобы раскрыть...

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

Криптон сказал(а):↑

Дизайн сайтов и приложений сейчас все топ челы делают в фигме (фотошоп и скетч прошлый век). Дальше уже выбираешь - верстаешь сам, либо используешь конструкторы (Tilda, Readymag, Webflow)

Нажмите, чтобы раскрыть...

Криптон сказал(а):↑

Тогда только Webflow (другие конструкторы не подойдут). Там можно экспортировать код, насколько я знаю. 

Нажмите, чтобы раскрыть...

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

Получается в этой фигме создаётся дизайн без кода, а потом через условный dreamweaver уже самому пытаться этот дизайн через код делать? Чёт такое ощущение что проще взять готовый шаблон странички, запихнуть код в dreamweaver и сразу там редачить под то что надо

Поняха сказал(а):↑

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

Получается в этой фигме создаётся дизайн без кода, а потом через условный dreamweaver уже самому пытаться этот дизайн через код делать? Чёт такое ощущение что проще взять готовый шаблон странички, запихнуть код в dreamweaver и сразу там редачить под то что надо

Нажмите, чтобы раскрыть...

Проще со статичной вёрсткой уже самому разобраться, фигма топ вариант, и по кссу подскажет

Поняха сказал(а):↑

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

Получается в этой фигме создаётся дизайн без кода, а потом через условный dreamweaver уже самому пытаться этот дизайн через код делать? Чёт такое ощущение что проще взять готовый шаблон странички, запихнуть код в dreamweaver и сразу там редачить под то что надо

Нажмите, чтобы раскрыть...

На двух стульях усидеться у тебя не получится с минимальным количеством потраченных сил. Тебе проще верстку освоить, уже через 3 дня можно лендосы верстать простенькие.

Криптон сказал(а):↑

На двух стульях усидеться у тебя не получится с минимальным количеством потраченных сил. Тебе проще верстку освоить, уже через 3 дня можно лендосы верстать простенькие.

Нажмите, чтобы раскрыть...

Ну вот я щас утром полтора часа потратил чтобы у готового шаблона отредачить только менюшку сверху сайта

Поняха сказал(а):↑

Ну вот я щас утром полтора часа потратил чтобы у готового шаблона отредачить только менюшку сверху сайта

Нажмите, чтобы раскрыть...

Если не ошибаюсь, Adobe Indesign чекни

Поняха сказал(а):↑

Есть какие-нибудь программы, или онлайн, которые позволят страничку сайта задизайнить просто?

То есть конструктор там какой-нибудь, без интерактива, просто дизайн, текст там разноцветный повыставлять, картиночки свои запихать. Ну и желательно чтобы оно потом все в HTML перевелось, но можно и без этого.

Нажмите, чтобы раскрыть...

adobe muse

дримвивер

SorVal сказал(а):↑

adobe muse

Нажмите, чтобы раскрыть...

Вот кстати да, вышел на него. Это считается как CMS? Просто препод сказал CMS не использовать

Но чёрт я не знаю, если можно сделать всё вот так просто через графический дизайн, зачем долбица с кодом...

Криптон сказал(а):↑

Советовать новичку бутстрап - стрелять ему в голову). Флексбокс примерно в тысячу раз легче бутстрапа (там две строчки в css нужно прописать, чтобы контент встал как надо)

Нажмите, чтобы раскрыть...

А почему нет? У бутстрапа есть свое ИДЕ, которое как раз таки может неплохо помочь ТСу

legendarry сказал(а):↑

А почему нет? У бутстрапа есть свое ИДЕ, которое как раз таки может неплохо помочь ТСу

Нажмите, чтобы раскрыть...

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

 

Поняха сказал(а):↑

Но чёрт я не знаю, если можно сделать всё вот так просто через графический дизайн, зачем долбица с кодом...

Нажмите, чтобы раскрыть...

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