макет лендинга

Начал изучать веб дизайн . учусь сам с интернета. Сделал макет ,и не у кого спросить советов.не судите строго, а помогите его улучшить и что я не так делаю

Комментарии пользователей

ArteMoon

Исправить орфографические ошибки.

vagner

Иконки все разного стиля, галерея странная, проблема с масштабированием изображений и т.д.

Возьми с бехайнса какой-нибудь топовый дизайн и попробуй просто повторить. Набивай руку.

Kurilshik

попробуй лучше скопировать 5-6 крутых лендингов, это поможет набить руку

stylix

• Не сжимай картинку, на первом экране она у тебя сплющенная.

• Заголовок на первом экране больше, лучше сделать фоновую картинку под ним.
• На втором блоке текст слишком близко к след. блоку, побольше расстояние.
• Галерея не удачная, лучше фото побольше, не надо делать прокрутку. Это самый важны блок на LP, по нему будут оценивать.
• Убери стили (выпуклости), смотрятся дешево.
• В контактах иконки если делать, то мелкие пиктограммы или вовсе убрать их.
• Футер пустой... не понятно зачем тогда он нужен.

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

Victor

Спасибо за советы. Так и сделаю .скопирую пару лендингов с бихайнса. Буду исправлять ишибки .

Snick

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

2) иконки разные по стилю. то есть например толщина обводки разная, или если ты искользуешь иконки только контурные то не используй залитые иконки. Пример неправильно использования у тебя в футере, в контактах.

3) нет правильных отступов. например заголовок "Стили" стоит по средине между иконками блока "стили" и блоком "мы предлагаем только лучшее" .  или вот между "мы предлагаем только лучшее" и первым экраном меньше отступ чес внутри блока "мы предлагаем только лучшее".
так быть не должно. между блоками должно быть больше отступ чем внутри блока. чтоб человек интуитивно понимал что к чему относится. 

4) не обязательно подчеркивать весь кликабельный текст. можно использовать другие микровзамодействия для того чтоб показать что текст кликабельный. ну или на крайняк делать текст подчеркнутым только при наведении.

5) нет понимания где заголовки а где просто текст, и почему просто текст выглядит более важным чем заголовок.
+ определись как будут выглядеть заголовки, подчеркнуты они желтой линией или нет.

6) никогда не используй рыбные текста. используй максимально реальный контент который будет использоваться на сайте. иногда ты делаешь сайт с рыбой но когда сайт начинают использовать возникает множество проблем, например имя слишком длинное, или ты сделал красивое название товара "Кроссовки Reebok leather" в одну строку, но на деле будет названия товара на 3 строки, и тогда полетит весь твой дизайн к чертям. таких нюансов очень много, и максимально похожей контент помогает избежать многих из них. + это показывает клиенту что ты разбирался в его бизнесе а не просто сделал красивую картинку.

вот пару ресурсов которые тебе помогут понять основы

https://www.youtube.com/channel/UCD2oiYqLVHUocIDh9iiDFIg/videos

https://www.youtube.com/user/danilfimushkin/videos

https://www.youtube.com/channel/UC2FJq-Rr7v4SlKAoM7x0ZhA/videos

https://www.youtube.com/user/madmarry512

советы Артема , советую почитать все. все объясняют доступно и на пальцах.
можно перечитывать как настольную книгу
http://bureau.ru/bb/soviet/

+ можешь мне написать в вк https://vk.com/snickdesign
я скину тебе 5 часовой курс по веб дизайну, там все доступно и подробно объясняют, оттуда ты получишь много полезной инфы которую обычно мало кто озвучивает в видео уроках.

Victor

Спасибо.я тебе напишу