Вот такой получился макет, логотип не мой



Внимание! Макет продается, за подробностями в личку!

+ в довесок отдам вот такую штуку http://st.free-lance.ru/users/Se/SerF/contacts/f_4eca2e0f2af59.png

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

naikom

симпатично. чистенько. кнопочки подкачали.

socialist

Модульная сетка? Не, не слышал.

wkudel

socialist, grid pattern - не пользуюсь, спасибо =)

socialist

wkudel, так оно и видно, все вкривь и вкось

dreik

ахаха

Модульная сетка? Не, не слышал.
+100)

wkudel

dreik, socialist, OMG! Любители делать сайты по полосочкам... Тут есть сетка, есть логика расположения элементов Есть смысл в том, что в шапке 4 колонки, в основном блоке 3, в поиске 4, а в новостях 3 равные по ширине Если кто-то хочет углубиться в этот вопрос - могу поведать тайну, почему же именно так

socialist

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

sedou

могу поведать тайну, почему же именно так
Да, интересно послушать.

wkudel

1. Шапка сайта Для начала здесь есть вертикальный ритм, который был задан изначально, если провести горизонтали - всё увидите Во-вторых, здесь есть 3 структурных блока а) логотип б) меню в) телефон; Так как меню - это не блок авторизации или поиска, или выбора языка и относится оно все-таки к логотипу, а пункты меню рассказывают о компании, то равномерное деление здесь ни к чему, следовательно меню мы предвигаем к лого В-третьих, телефон выровнен по правому краю по 2 причинам: а) клиенту привычно взглядом искать контакты в правом верхнем меню (Поэтому и пункт "Контакты" чаще располагается самым последним) б) У нас чёткая структура с выграненными боковыми вертикалями, даже почти без скругленных углов, следовательно телефон должен задавать правую вертикаль, что он и делает 2. Баннер Баннер ровнялся по шапке, так как его задача - пояснять клиенту, куда он попал (Логотип с этим не справляется, язык подписи менять запретили, и даже она бы не помогла) 3. Поиск предложений Так как это очень важный пункт - его нужно было выделить; лепить цветное пятно, на которое бы выпало всё внимание не хотелось; пришел к выводу сделать собственную компановку в этом месте и согласитесь - внимание это притягивает+ было бы грубо в фильтре расставлять элементы не симметрично 4. Основная часть Вот тут косяк правда есть, не увидел - была реальная возможность связать нижнюю часть с шапкой, которой я к сожалению не воспользовался, за счет этого уверен у вас пропало бы чувство "вкривь - вкось" Изначально здесь были 3 равных столбца, но потом сделал вывод, что предложения (Справа) нужно отделить от лучших и клиентов (Это абсолютно разные вещи и если справа агентство само выбирает залежавшиеся варианты, то слева клиенты платят за размещение на главной странице) 5. Блок новостей а) Изначально в ТЗ было указано, что спец. предложений может быть 3-5; если прикинуть на глаз и сдвинуть блоки вниз - вы сами увидите, что произойдет, так же разворачиваются и пункты в правом столбце, поэтому я просто не мог размещать новости в вертикальном варианте б) Если мы размещаем новости горизонтально, то неуместно разделение их по сетке основного блока, решил так же уйти от основных колонок и задать им свой ритм 6. Футер Очевидно это 2ой вариант, который правился и да, тут копирайт съехал с направляющей - тоже не видел

wkudel

И я на самом деле плохо понимаю пользователей TD, которые выводят вот такую работу в голосование за лучшие "http://techdesigner.ru/images_post/c47f6fbe8b51817af8a263f16864c17c.png" - по расположению информации, не спорю - говно гавном, а этой; вроде долго продумываемой работе поставили всего 2 оценки за 5 часов :(

speedy

И я на самом деле плохо понимаю пользователей TD, которые выводят вот такую работу в голосование за лучшие "http://techdesigner.ru/images_post/c47f6fbe8b51817af8a263f16864c17c.png" - по расположению информации, не спорю - говно гавном, а этой; вроде долго продумываемой работе поставили всего 2 оценки за 5 часов :(
не оценки главное. Сетку тоже не просто так придумали.

wkudel

speedy, сетка - нечто большее, чем просто колонки =) Иначе не было бы столько шума

radiusssss

wkudel, имхо, вот это вот "http://techdesigner.ru/images_post/c47f6fbe8b51817af8a263f16864c17c.png в разы лучше вашей работы

wkudel

radiusssss, это тоже моя работа)

radiusssss

ну вот можете же оказывается :D

wkudel

radiusssss, я просто не понимаю, почему мне кажется, что в разы круче эта)

Pixat

Все что выше слайдера - не понравилось... Ни лого, ни меню, ни телефоны, ну и да.. кнопочки темноваты. В остальном сайт хороший, светло, просторно, удобовоспринимаемо, понравились цвета. 2ALL С сеткой проблема тогда - когда её нет в помине или автор не умеет ею пользоваться. Но если автор умышленно и продуманно нарушает правила, то это не всегда в минус. Ребят я очень сомневаюсь что 97% пользователей зашедших на этот сайт будут негодовать потому что не по сетке :D Или что, восприятие информации для них ухудшилось?

wkudel

Pixat, респект)

otvetchikoff

wkudel, я не понимаю почему вы так упираетесь и приводите чужие работы дабы на их фоне выглядеть лучше. Дизайн на троечку, сетку можно было сделать поинтереснее, главное меню выглядит убого потому что оно: серое, неподчёркнутое, болдовое. У вас 4 разных цвета и оформления активных ссылок, блоки "В продаже" и "Сдаётся" будут выглядеть кашей, т.к. только на макете они хорошо выглядят потому что выгодно заполнены сверху (некоторые раскрыты), создавая вполне уравновешенную конструкцию, а снизу вообще выровнены относительно друг друга, на деле же названия улиц + объектов могут стать от 1й строки до 4х. В лучших предложениях довольно странный формат картинки, врядли туда можно уместить что-то реально отражающее интерьер офиса. Также не понравились кнопки в фильтре - грязноваты.

Roller

Диз хороший! Чего все шумят с этой сеткой...

otvetchikoff

И вообще, автор, можете лучше, посмотрел ваши предыдущие работы, есть реально гораздо лучше и интереснее

Pixat

otvetchikoff, сначала внимательно читаем, потом думаем, потом еще раз перечитываем, потом пишем :z) Диз который приводил в качестве оппозиции) топикстартером, ему же и принадлежит

otvetchikoff

otvetchikoff, сначала внимательно читаем, потом думаем, потом еще раз перечитываем, потом пишем :z) Диз который приводил в качестве оппозиции) топикстартером, ему же и принадлежит
Упс :ag:. Ну дана была прямая ссылка на изображение, так что извиняюсь за комментарий по поводу работы.

wkudel

otvetchikoff, Да ничего страшного; я в комментариях уже писал, что он мой + копирайт есть Остальные замечания дельные, но думаю, что из-за разницы столбцов ничего трагичного не произойдет) Roller, Спасибо) Просто многие знают, что есть колонки и считают, что всё остальное - бред

dreik

Кстати, обе ваших работы, и эта и та что в каментах смотрятся пересветлыми, блеклыми. Проверьте моник, наверное

Toxicus

Понравилось, сам не любитель готовых сеток. В этой структуре и так все понятно. p.s. Можно узнать как абстрактные такие штуки цветные рисуете, которые на фоне?

wkudel

Toxicus, вектор собственный, что-то дорабатывается из готовых клипартов + постобработка в шопе dreik, проверял, пришел к выводу, что это что-то с головой)

Sunify

В целом хорошо, но вот лучшие предложения, например, возможно стоило выше продажи и аренды поставить. Ну и так, сносок оставил:)

M2
M2

Скажите а в чем смысл писать как делают машины? Я имею ввиду такие строки как: «Земляной вал улица..», «Охотный ряд улица...», понятно, что если какие-нибудь не очень добросовестные исполнители будут делать сайт, то из базы вытащат как попало, и напишут как вы написали. Но если они будут делать по нормальному макету, где написано «Улица Земляной вал...», или просто «Земляной вал...», то есть надежда, что они задумаются о архитектуре базы данных и свет увидит нормальный человеческий сайт.

wkudel

M2, эммм, это просто рыба в заголовках

NQest

Что за шрифты?

wkudel

NQest, Arial