С чего начать и как сделать сайт, если ты граф дизайнер?

Question

[Кирилл Печенкин]

Всем привет!
История может показаться странной, но был бы рад любой посильной помощи. По образованию граф дизайнер, на последнем курсе худ. инста. На диплом «вручили» тему - сайт института. К моему удивлению программиста, который бы мне разжевал что да как, не дали. ТЗ весьма расплывчатое, главное, чтобы круто смотрелось на мониторе и было пригодно к воплощению. Даже зная фотошоп и иллюстратор, элементарно не знаю с чего начать, как подготовить основу сайта, какие размеры и от чего плясать.
Прошу о советах, инфе, всем что может помочь в работе.

Comments

[Oleg Shevelev]

Представь какой бы ты хотел увидеть сайт, поработай с задачами которые такой сайт должен решать. А дальше... структура, подача материала, удобное меню, удобный поиск, красивое оформление - вот и всё что нужно. По размерам - учитывай что размеры могут быть вообще любые, от планшета и телефона до мега-большого проектора:)

Answer 1

[Нерон Лордов]

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

Ничего сложного, главное начать - и втянешься.

Answer 2

[Vicavic]

Рекомендую скачать html шаблон и пробовать работать с ним. Не рекомендую начинать с CMS, просто по тому, что запутаетесь. Насчет конструкторов, то блин, если честно мне проще было в bootstrap разобраться чем с этими е*учими интерфейсами. Ограничения во всем + ужасный код + долгая загрузка страницы + много всего....короче в итоге все равно придете к тому (если конструктор какой нить супер-пупер не придумают), что лучше работать по старинке. А так среди конструкторов adobe muse самый-самый пока.

Сначала изучаем: Html (это вообще не язык программирования), далее CSS, Php/js а дальше разберетесь)

Comments

[Нерон Лордов]

Поддерживаю, конструкторы это зло)

Answer 3

[Рост Осипов]

Google Web Designer - для создания баннеров (html5 анимации). Для создания сайта он не подойдет.
Судя по описанному - единственный выбор для Вас - программы не требующие знаний кода.

Adobe Muse или Webflow.
Интерфейс фотошопа - и на выходе получаете валидные адаптивные страницы с эффектами и анимацией.

Answer 4

[goandkill]

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

Answer 5

[Александр Гамов]

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

Если нужна помощь - обращайтесь. В вк ник этот же.

Answer 6

[Екатерина]

Самый простой вариант - возьмите шаблон на какой-нибудь поулярной CMS. Wordpress подойдет для сайта-визитки. Изучите верстку (htmlbook) и вперед, правьте шаблон под свой дизайн.