Задать вопрос
@justsome

Оцените, пожалуйста первый макет?

Добрый день всем!
Прошу вас посмотреть и оценить мой первый созданный макет в Photoshop.
Делал все по сетке bootstrap и в том числе адаптивную версию.

psd

Приветствую самую жесткую критику!
Спасибо.
  • Вопрос задан
  • 560 просмотров
Подписаться 1 Оценить 3 комментария
Пригласить эксперта
Ответы на вопрос 4
lukoie
@lukoie
Критика номер раз: заливайте в гугл облако - там псд можно приближать.

Десктоп, описание по-блочно:
1 - телеф и имейл меняйте местами с менюшкой, чтобы как люди привыкли было
- у узнать больше стоит стрелочка - так обычно у ниспадающих списков а не кнопок
- это диз для верстальщика или клиента? тексты реальные? если что, жеательно сразу ставить возле заголовков тег. например:
< H1 > КЕРАМИЧЕСКИЕ БЛОКИ КЕТРА
< H3 > Высокий стандарт строительства
- иконка телефона и имейла не одинаковой величины
- подчеркивание под менюшкой поднимите чуть выше

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

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

4 - "закажите звонок и мы перезвоим" - с фоном сливается
- чё за бордер внизу секции?

5 - "организация доставки под ключ" - у Вас уже такой стиль для кнопок! как пользователю различать что жать а что просто заголовок?
- "сотрудни чаем"? "партенами"? Вы чё, с телефона писали тексты? спеллчек и пруфрид всего текста!
- между заголовками и спанами текста делайте отступы, визуально разделяя блоки текста

6 - "расчитать стоимость доставки" - это ж заголовок? почему он выглядит как обычный текст? и что за смешение стиля символов? его больше нигде на сайте нет такого.
- оставить ЗАВЯКУ? серьезно?

7 - снова "кнопка" "Организация доставки под ключ", но что за марджин-топ у него такой? на два блока выше поглядите марджин. надо чтобы было унифицированно по всему сайту.
- Заголовок вообще не соотносится с содержимым. при чем тут доставка, если в секции - карточки товаров?
- у карточек товара обводка. выше, где были кирпичи, обводок не было. и стиль ховера был другой.
- ценники ну вообще не привлекают внимание
- может иллюзия, лень проверять - у правого и у левого блоков обводка одного и того же цвета? а цвет текста заголовка?
- * Акция деЙствительна" - с йот пишется. и звездочка не очевидно к чему именно относится - сделайте чтобы визуально этобыло сразу понятно.
- это флет? ну так откуда там тогда ТЕНЬ взялася?

8 - просто уччтите на будущее, что если делаете сайт, ЦА которой будет в т.ч. и в Украине, то яндекс.карты в Украине не откроются. Даже больше - сайт будет открываться дикое кол-во времени, пытаясь достучаться до заблокированных серверов.
- ок, карту то Вы вставили, но ГДЕ на карте находится офис - не указали

9 - это и так всем понятно что меню - не обижайте посетителей, чтобы не посчитали что Вы их за идиотов держите(хотя в большинстве случаев это и так)
- зачем НН - оранжевым? если это НАСТОЛЬКО важно - на странице НИГДЕ больше не говорится что это НН.
- Русский Кирпи? Вот именно "кирпи"? Креативный нейминг : ))
- кнопку "вверьхъ" надо правей поставьте направляющую, и посмотрите чтоона будет перекрывать контент, а должна быть вне "роу", который в секшине.

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

ладно, глянул псдшку
- не так чтобы аж ваще жесть, но желательно лучше подойти к вопросу называния слоев и групп, и групировке обьектов.
пользуйте направляющие! имейи и телефон на разном уровне(хотя верстальщику пофигу, но все же, пиксельперфект).
- в блоке контент - машина завалялась, котороая должна быть в деливери
- лишние слои убрать
- кириллицу не использовать
- название файла более точней указывать что это "индекс", чтобы отличать от других возможных дизайнов страниц. в названии не десктоп писать, а 1920
Ответ написан
@Froggyweb
Заи...ся скролить твои кирпичи. Дешевле шаблон купить. Сам критики хотел.... Чем твой дизайн лучше 1000 на темплейэтмонстер с интеграцией вордпресс или опенкарт?
Ответ написан
nickolyashka
@nickolyashka
Для начала неплохо. Обрати внимание на шрифты и все что их касается. Если у тебя сетка в шаблоне, не делай все блоки шириной с сетку, делай хоть что-то fluid. Вдохновляйся современными сайтами, а так на начало 2010 вполне бы подошло.
Ответ написан
@kingdomofcrooked
Дизайнер
Под пивас пойдет. Забористый должен быть пивас чтобы такое понравилось.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы