Разбор по косточкам 5 дизайнов начинающего веб-дизайнера Марины Каралкиной

Не получается рисовать сайты? Тогда мы идем к вам! :)

Итак, приветствую вас  Марина, и мы приступаем к разбору ваших пяти работ по курсу карьеры веб-дизайнера.

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

Первое, что вам необходимо здесь заменить и сделать — это текстура фона.

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

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

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

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

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

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

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

Что по поводу текста. Хочу сказать, вы используете какой-то шрифт Times New Roman насколько я вижу, он с засечками такой шрифт лучше использовать, допустим, для заголовков, но не для меню и не для текста, потому что если читать такой текст, то он воспринимается довольно-таки тяжело, потому что слишком много вот этих вот засечек на конце каждой буковки. Для текста лучше использовать обычные сглаженные шрифты на подобии Verdana, Calibri, такие вот. То есть, посмотрите в интернете по поводу шрифтов с засечками они и без, и вот для заголовков используйте с засечками, они привлекают хорошо внимание, но для текста, чтобы легко читался просто обычные шрифты. Тоже самое касается менюшки, то есть, как вообще определить,  стоит не стоит использовать шрифт с засечками, то есть если заголовок состоит там из одной строчки, порядком там 3-7 слов, то можно использовать, если больше, то, как бы не рекомендую, как бы усложняет чтение. То есть, вот в таких вот моментах тоже, где подзаголовки небольшие в менюшках тоже можно использовать, то есть где 1-2 слова.

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

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

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

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

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

Следующий момент, вот эти вот подзаголовки: «Тема форума», «Секции» необходимо чуть выделить,  чтобы было видно, что это подзаголовки у самого текста. Для чтения убрать жирность, потому что сам по себе жирный текст лучше использовать только для заголовков и подзаголовков, а для текста не нужно его использовать. Так, и вот здесь, соответственно, ну, можно попробовать выровнять по левому краю, мне кажется, будет смотреться чуточку лучше, либо как-то оптимизировать текст, потому что не совсем читается.

Так, дальше. Ну, кнопочку желательнее сделать закругленными углами, гораздо проще психологически воспринимается людьми, потому что острые углы они как бы, с точки зрения психологии, настраивают на конфликт и так далее, ну как бы есть такие моменты, поэтому лучше делать немножечко с закруглением, даже парочку пикселей уже может визуально будет не так заметно, но, тем не менее, на подсознательном уровне будет смотреться чуточку лучше и восприниматься проще людьми. Соответственно, точно так же здесь, убрать пустое пространство совершенно не нужное используется. Кнопочки социальных сетей лучше перенести непосредственно в футер. Это не такая важная информация, и я рекомендую их обесцветить, потому что с точки зрения конверсии любого сайта, здесь подаётся какая-то услуга, а если человек перейдет в социальную сеть может забыть об этом сайте, соответственно, потеряется продажа, поэтому лучше сделать бесцветными, при наведении. Соответственно, делать их цветными. Что касается вот этого вот текста, соответственно, по высоте также выровнять, чтобы сверху и снизу было одинаковое расстояние и весь текст в футере сделать вот таким вот средним по оттенку между белым и оранжевым, то есть какой-то оттенок в середине выберите, чтобы текст и читался, и при этом не привлекал к себе слишком много внимания. Я бы рекомендовал сюда немного такой вот графики, потому что смотрится несколько пусто, графика. Вот когда люди вот так вот скролят очень быстро сайты, то в основном, когда они заходят на сайт они не читают информацию, потому что у них там 10-15 вкладок и они быстро за 10-15 секунд хотят понять стоит — не стоит оставаться на сайте, соответственно, если только будет сплошной текст, никаких картинок ничего, то на сайте долго не задержатся, поэтому необходимо чуточку больше графики.

По цветовой гамме я бы сюда рекомендовал добавить ещё какой-то один оттенок,  для того, чтобы выделять какие-то, допустим, ну, вот здесь вот голубой есть и можно, допустим, где-то выделять ещё какие-то моменты, то есть, обводку и так далее, хотя голубой с оранжевым не сочетается и я рекомендую выбрать несколько другое сочетание цветов, допустим, можете сделать просто в цвет флага России: «белый, голубой и красный» и будет смотреться гораздо лучше, тем более, что здесь именно тематика такая, что не в России, а в Европе, будет как раз соответствовать, скажем, настроению и когда люди будут заходить, то увидят эти сочетания цветов и примерно будут уже понимать что такое тематический государственный — негосударственный там сайт, скажем так, вот будет лучше понимать направление на данной компании. Хорошо, с этим сайтом мы разобрались, переходим к следующему.

Сейчас я его подгоню под размер нашего видео. Итак, не большая сайт-визитка, получается дизайн проекта и я думаю опять же первое впечатление по вот этому первому экрану не совсем понятно о чём конкретно сайт: о дизайне, о архитектуре, о чертежах и так далее. Необходимо именно в тексте это уточнить и текст необходимо расположить именно на какой-то пустой области. Кстати говоря, где вот располагать название различных текстов и так далее? Ищите вот пустую область, допустим, если этот текст убрать, то визуально видно,  что вот здесь вот максимум свободного пространства. Что лучше всего сделать, немножечко картинку уменьшить по размеру и вот эту вот сверху текст сюда побольше добавить, и тогда будет смотреться оптимально. Либо можно немножечко вот эту вот «обратный звонок и контакт» налево подвинуть, чтобы везде приблизительно от центральной картинки было от других объектов одинаковое расстояние вот это вот пустое. Ну, та же самая рекомендация по поводу вот этой плашки, если мы увеличим до полноценного размера, она никакой информации не несёт и здесь её нет, то есть, можно как бы меню перенести наверх, будет даже лучше, потому что если, допустим, у человека будет какой-то маленький монитор, либо планшет, и мы соответственно, допустим, уменьшим немножко вот так вот экран, то он когда зайдёт на сайт, не поймёт о чём сайт, не найдёт менюшки, чтобы быстренько посмотреть и просто сразу закроет сайт — это плохо. Менюшку должно быть сразу видно на любом мониторе. Лучше её располагать в самом вот так вот, то есть, соответственно, меню рекомендую перенести наверх, а вот эту вот плашечку убрать.

По поводу обратного звонка те же самые рекомендации. По поводу закругления у кнопки. Ну, если тень хотите оставить, то я рекомендую делать не направо и вниз, а только вниз и она больше такая получится 3D, но вот такой вид у вас сейчас есть это немножко прошлый век, так делали примерно там 3-5 лет назад. Сейчас делают именно вот тень, не тень,  а вот эту вот 3D-ть, непосредственно, ровно вниз.

Так, вот этот вот «ДизайнПроект» название лучше обводку не делать, это тоже прошлый век, гораздо лучше если вы просто зальёте её каким-то цветом, ну просто обычный синий текст на белом фоне будет гораздо лучше восприниматься, потому что так смотрится очень по-дилетантски и не внушает доверия. А по поводу менюшки чуть-чуть сместите вниз на вас чуть-чуть, вот текст чуть-чуть наверх поднять.

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

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

По поводу футера. Уберите эту картинку, она совершенна не нужная здесь, то есть, футер создан для того, чтобы нести какую-то дополнительную информацию для правообладателей, для рекламных агентств, чтобы тут была какая-то политика конфиденциальности, дублировать меню для удобства пользоваться и так далее. Картинка не несёт никакого смысла, а если вы хотите показать тематику сайта, то её необходимо, как раз-таки в шапке показывать, когда человек заходит, потому что, когда он уже изучил сайт он итак уже знает куда попал, что ему здесь предлагают, всё это не нужная информация,  просто сделайте обычную заливку футера, и соответственно, вот это вот пустое пространство сократите, чтобы не было его, не тратилось вот это вот драгоценное место. Везде, на всём сайте, примерно, одинаковое пустое пространство между текстами и блоками должно быть, а если у вас здесь, допустим, десять пикселей, то и здесь тоже такое же должно быть. То есть, не должно быть такое, что здесь десять, а здесь 50, ну как бы в редких случаях, у вас же на всём сайте, везде вот эти параметры отличаются, то есть, не должно быть такого, когда они будут и знаковые, то соответственно человеку будет просто легче воспринимать всю информацию. Ну, как бы это придет с опытом, чуть позже вы научитесь так делать.

По поводу цветовой гаммы. Я бы рекомендовал сделать несколько полей яркого, то есть, вот эту вот картинку тоже можно проредактировать сделать ярче, с помощью там, допустим, уровней в Photoshop,  то есть, вообще не рекомендую практически никогда там не использовать какие-то такие темные оттенки,  если вы не умеете на них грамотно расположить какую-то яркую графику.  Когда стоит использовать темные, темно-синие, чёрные цвета на фоне,  и ещё когда если у вас по верх этого фона будут какие-то яркие картинки,  которые будут выразительно смотреться, при этом фон замечаться вообще не будет, но использовать как элементы меню, различных блоков я бы рекомендовал что-то более лёгкое, либо более яркое для того, что бы у человека просто напросто, когда он смотрит на такие вот тусклые и серые цвета, не возникало каких-то негативных ощущений. Если это дизайн-проект, то, в принципе, он должен вызывать как бы положительные эмоции, но по цветовой гамме сайта, положительных эмоций он не вызывает. Хотя, если, допустим, это бизнес-проект, то, в принципе, вполне возможно.

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

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

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

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

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

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

Следующие момент, вот этот вот текст, который у вас здесь вот идёт как бы речь от человека, необходимо чуть-чуть поднять. Я также во многих видео говорил, что не нужно делать текст на картинке, он не читается – это, во-первых, а, во-вторых, так как у вас фон тёмный, то необходимо сделать вот этот вот текст светлым, то есть белым. Вы видите вот этот белый текст гораздо проще, легче читается, нежели чёрный, потому что он начинает сливаться, то есть должен быть контраст между фоном и объектом который над ним, в основном это текст, соответственно, цвета должны быть контрастные. Вот этот левый блок я бы рекомендовал выделить как-то фоновой заливкой,  чтобы было видно, чтобы не сливался с текстом, плюс опять же выровнять по левому краю, то есть, левый блок и текст выделить заголовки, подзаголовки более жирным чуть побольше. Я бы сюда добавил наверно, несколько какие-то оттенки коричневого, то есть темный, светлый шоколад чтобы было более менее понятно о чём сайт, то есть чёрный не совсем то, если сделать какой-то коричневый, максимум приближённый к чёрному уже будет смотреться гораздо лучше, потому что, как бы в одной цветовой гамме будет всё располагаться и тёмно-коричневый вообще такой богатый цвет который дорого ценится, скажем так. Все предметы роскоши из дерева и так далее сделаны как раз-таки, точнее обладают таким цветом. Ну, по тексту те же самые рекомендации, в футере точно так же сделайте менее заметным текст, немножечко увеличьте  шрифт, если вот здесь вот очень много добавили всяких моментов, продублировали, хотя сайт на самом деле не большой и дублировать эту информацию вообще не нужно. Если сайт по высоте небольшой, если там мало контента, то информацию дублировать не нужно, просто поставьте контакты и приперайты, и этого будет вполне достаточно. Не нужно человеку повторно давать ту же самую информацию пусть как бы футер должен быть, но не нужно в него пихать как можно больше информации, от этого человеку, посетителю сайта, лучше не станет. Тоже самое касается социальных кнопочек, обесцветив, добавьте вот сюда вот между телефоном и, соответственно, названием данной студии.

В принципе, вот такие вот рекомендации, если, допустим, обобщить, то первая проблема которую я рекомендую решать — это типографика, над ней поработать, и вторая -фоны, цветовая гамма, то есть в основном над этим. Ну, так как вы несколько ограничивались непосредственно самой графикой, то по ней я мало могу что сказать, то есть как бы какой-то обработки и так далее я особо не видел, вообще, вы немножко её сторонились, по этому рекомендую графику ещё так же добавлять на сайт, по расстановке, по сетке, в принципе, всё нормально, а вот три момента, то есть типографика, работа над шрифтами, над текстом, текстурки и фон, колористка — вот над этими моментами основными поработайте и плюс немножечко графики добавьте, тогда ваши работы станут гораздо лучше. Опять же, если, допустим, сравнивать работы, то у вас одна сильно отличается по уровню, вот эта вот, то есть, старайтесь брать более какие-то работы более высокого уровня, соответственно, ваше портфолио будет гораздо лучше цениться и вы будете больше зарабатывать, вот такой вот простой совет. Возможно, потребуется чуть больше времени, чтобы перерисовать их, но при этом вы большего научитесь и больше потом заработаете. У меня было именно такое, я всегда выбирал самые сложные работы, которые мог нарисовать. Конечно, иногда будет не получаться, то есть у меня было такое, но не стоит отчаиваться, как минимум вы чему-то новому научитесь. У меня никогда не было такого, что я взял, допустим, сложную работу, не смог её сделать, и при этом ничему не научился, нет, как минимум парочку фишек, каких-то новых идей, новых приёмов я узнавал и соответственно, это сильно продвигает.

Ну что ж, на этом всё, выполняйте те рекомендации, которые я дал, желаю вам успехов и до встречи в следующих видео.

 

Пройдите курс "Профессия веб-дизайнер" за 10 дней бесплатно:



Понравилась статья?
Сделайте доброе дело — поделись ей со своими друзьями и коллегами, кликнув по всем кнопкам соц.сетей:

Нравится
comments powered by HyperComments