С чего начать и как сделать сайт, если ты граф дизайнер?
Всем привет!
История может показаться странной, но был бы рад любой посильной помощи. По образованию граф дизайнер, на последнем курсе худ. инста. На диплом «вручили» тему - сайт института. К моему удивлению программиста, который бы мне разжевал что да как, не дали. ТЗ весьма расплывчатое, главное, чтобы круто смотрелось на мониторе и было пригодно к воплощению. Даже зная фотошоп и иллюстратор, элементарно не знаю с чего начать, как подготовить основу сайта, какие размеры и от чего плясать.
Прошу о советах, инфе, всем что может помочь в работе.
Представь какой бы ты хотел увидеть сайт, поработай с задачами которые такой сайт должен решать. А дальше... структура, подача материала, удобное меню, удобный поиск, красивое оформление - вот и всё что нужно. По размерам - учитывай что размеры могут быть вообще любые, от планшета и телефона до мега-большого проектора:)
С чего начать - возьми какой-нибудь гайд (например, Material Design) и следуй ему. Раз знаешь Иллюстратор - накачай шаблонов для этого гайда (гугл их сам кстати распространяет на официальном сайте материалки), чтобы облегчить отрисовку (всегда легче рисовать по образу и подобию чего-то готового, что можно расковырять в программе). Для начала, попробуй просто красиво перерисовать сайт - интерфейс не трогай, логику не меняй, просто сделай красиво.
Рекомендую скачать html шаблон и пробовать работать с ним. Не рекомендую начинать с CMS, просто по тому, что запутаетесь. Насчет конструкторов, то блин, если честно мне проще было в bootstrap разобраться чем с этими е*учими интерфейсами. Ограничения во всем + ужасный код + долгая загрузка страницы + много всего....короче в итоге все равно придете к тому (если конструктор какой нить супер-пупер не придумают), что лучше работать по старинке. А так среди конструкторов adobe muse самый-самый пока.
Сначала изучаем: Html (это вообще не язык программирования), далее CSS, Php/js а дальше разберетесь)
Google Web Designer - для создания баннеров (html5 анимации). Для создания сайта он не подойдет.
Судя по описанному - единственный выбор для Вас - программы не требующие знаний кода.
Adobe Muse или Webflow.
Интерфейс фотошопа - и на выходе получаете валидные адаптивные страницы с эффектами и анимацией.
Если я правильно понял -- верстать не нужно, только дизайн нарисовать?
Тогда, чтобы не вникать в размеры блоков, шрифтов и тп -- находишь готовые шаблоны (например), берешь то, что понравилось и меняешь контент под себя.
Самый простой путь, когда нужно быстро и для галочки.
А многие так и деньги зарабатывают:)
Учите верстку, в любом случае дизайнер без знания элементарных основ поведения элементов обречен быть закидан кружками с кофе.
htmlacademy более чем достаточно, если у вас там не сильно тяжелый дизайн )
Если нужна помощь - обращайтесь. В вк ник этот же.
Самый простой вариант - возьмите шаблон на какой-нибудь поулярной CMS. Wordpress подойдет для сайта-визитки. Изучите верстку (htmlbook) и вперед, правьте шаблон под свой дизайн.
