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

Видео-разбор работ вы можете получить пройдя тренинг по прокачке навыков для начинающих веб-дизайнеров

Итак, Лена, привет!

Приступаем к разбору твоих работ.

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

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

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

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

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

Следующее. Вот эти вот подзаголовки можно сделать чуточку побольше, там на 4 пикселя, порядка, что бы привлекалось чуть-чуть больше внимания. По тексту. Вот здесь вот расстояние между строчками чуть-чуть увеличить плюс разбивать на абзацы, то есть, порядка 3-5 строчек, жмешь там пару раз Enter, и что бы пустая строчка была. Так воспринимать информацию будет гораздо проще и легче. Ну, и здесь по обводке те же самые рекомендации. Вот это вот «подробнее», если это ссылочка, необходимо ее подчеркнуть, можно сделать, так же кнопку, но на кнопке подчеркивать не нужно. В футере, вот этот вот текст, я бы рекомендовал сделать несколько меньше по размеру и чуть-чуть менее заметным. В принципе, по этой работе все. Основные замечания будут по следующим работам. Так, давай я их тоже сейчас скачаю и разберем. Сразу все на компьютер.

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

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

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

Итак, дальше. Что у нас по контенту? Здесь вот, у данной картинки я рекомендую убрать тень – это прошлый век и смотрится очень дешево. Тоже самое касается и вот этих подменюшек с различными услугами компании. Следующий момент. Необходимо выровнять расстояние между картинкой и текстом, что бы оно было одинаковым, как справа, так и снизу. То есть, здесь у нас расстояния разные, смотрится некрасиво, не гармонично. И расстояние между строчками у данного текста чуть-чуть уменьшится. Сейчас оно слишком большое. По поводу тени здесь я уже сказал. Так, я бы, наверное, выделил бы еще зеленым все подзаголовки, потому что, ну как бы, это небольшие ссылочки, которые ведут на отдельные странички, которые должны привлекать, в принципе, внимание. Шрифт бы я рекомендовал сделать чуть-чуть поменьше, расстояние между строчками гораздо меньше, что бы не было, картинка занимала примерно 70-80%, а текст порядка 20-30%. Сейчас соотношение 60/40 примерно – слишком много для текста и мало для картинки. Либо, как вариант можно продлить картинку, сделать ее побольше по высоте. Почему? Потому что по картинкам гораздо проще ориентироваться. Посмотрев на картинку, можно сразу понять в чем услуги, вместо того, что бы читать текст, потому что в одном-двух словах выразить какую-то услугу выразить довольно-таки сложно и человек может не понять. По картинке, как бы немного проще.

Так, по поводу ближайших событий. Необходимо чуть-чуть поменьше по шрифту, по размерам, ссылочку нужно убрать, если, конечно, она не уйдет на какую-то отдельную страничку, но, в принципе, так никто никогда не делает. Я, как бы, давно таких сайтов не встречал и вообще рекомендую разрабатывать сайты только так, как люди привыкли уже видеть: какие-то различные элементы, блоки, с контентом, кнопки менюшки и так далее. То есть, придумывать что-то новое не нужно. Лучше вот эту ссылочку, что бы люди все статьи могли прочитать, в идеале сделать снизу отдельную кнопку, то есть, читать все статьи – так будет лучше. Но, тем не менее, на данном сайте, на сколько я понимаю, преследуется цель продать какую-то консультацию, либо услугу, соответственно, данный блок не является каким-то важным и необходимо не так много привлекать к нему внимание. То есть, соответственно, текст поменьше, менее заметный, ссылочку убрать, картинки, в принципе, я бы точно так же убрал, что бы не привлекали слишком много внимания. Просто оставить подзаголовок, текст и, допустим, ссылочку подробнее, в принципе, дату  — не так важно. Опять же, это просто по юзабилити, по удобству сайта. Расстояние вот здесь вот между блоками необходимо чуть-чуть увеличить, что бы как бы визуально они отделялись. Вот эти вот все события лучше поместить, непосредственно, в сам блок и сделать как кнопку – будет лучше, либо выровнять по центу, вот эту ссылочку сделать. Ну, те же самые рекомендации касаются данного блока. По структуре он примерно одинаковый, только тут заголовков нет и точно также все статьи, как кнопку  либо как ссылочку по центру.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ну что ж, на этом все. Если будут вопросы – пиши, задавай, с удовольствием отвечу.

Пока – пока!

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



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

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