kvant

Есть некая страница <div class="box" id="box1"> 1 </div> <div class="box" id="box2"> 2 </div> <div class="box" id="box3"> 3 </div> <div class="box" id="box4"> 4 </div> .... <div class="box" id="boxN"> N </div> По ссылкам к каждому id происходит переход по якорю, например <a href="#box4">. При этом страница прокручивается так, что выбранный элемент оказывается в самом верху страницы. Как сделать так, чтобы элемент становился не в самый верх, а с некоторым отступом от верха. Пробовал менять padding/margin у body, но браузеру на это начхать, поэтому решил спросить в разделе Javascript, может скриптами как-то можно сделать. В идеале хотелось бы чтобы выбранный элемент был по середине страницы, но если так не получится, то хотя бы с некоторым отступом от верха.

Я конечно извиняюсь, но это полная хрень. Во-первых, на вашем макете абсолютно нет акцентов, то есть не выделяется самое главное, на что пользователь должен обратить внимание в первую очередь, второстепенное, что тоже может заинтересовать пользователя, но не так важно и иные дизайнерские элементы, создащие стиль и передающие общий настрой страницы. А во-вторых, совершенно не создается впечатления, что это сайт мебельного салона. Попробуйте абстрагироваться от цветов и текстур и нарисовать в начале просто бело-серый макет, то есть фон пусть будет серым, например, #ccc, а текст и другие элементы белыми (если хотите в итоге получить светлый фон и темный текст, то наоборот). Макет получится невзрачным, но все элементы на нем будут, как бы, равнозначны и пострайтесь расположить их так, как бы вам хотелось. Лучше воспользоваться макетной сеткой. Затем, когда все элементы будут на своих местах, добавьте цвета, расставляя акценты и только после этого добавьте элементы дизайна, которые создадут стиль, по которому пользователь должен сразу определить тематику сайта, текстуры, изображения и т.п. Иногда проще идти от контента, а уже потом добавлять элементы дизайна.

Если Вы этим хотите сказать: "Это все дизайнеры, я тут ни причем", то отмаз принимается, а если имеете в виду какой-то глубокий замысел дизайнера, то я не очень понимаю чего они этим хотели добиться. Я ничего против JS не имею, просто, я считаю, стиля надо придерживаться. Если делаете одностраничный сайт, то пусть он будет до конца одностраничным. Если делаете сайт с динамической подгрузкой данных через JS, то зачем тогда использовать элементы одностраничного дизайна. IMHO

1. Когда открываешь сайт на широком мониторе, создается впечатление, что его перекосило вправо из-за явно неравных отступов справа и слева. Я конечно понимаю, что это из-за того, что левая колонка выравнена вправо, но выглядит криво 2. Сочетание цветов - голубого и фиолетового как-то не очень. IMHO 3. По-моему, слишком много пустого пространства сверху, на нетбуке - это будет больше полэкрана 4. JS здесь явно лишний, обычно на подобных сайтах при переходе по ссылке просто страница прокручивается до нужного места, а меню располагается в верхней части. А здесь получается нарушение общего стиля - если хотите менять содержимое страницы скриптами, зачем тогда такую структуру сайта выбрали.

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

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

Если Вы имеете в виду программную часть, то на первый взгляд вроде ничего, работает. Более детально посмотреть не смогу, времени нет. Если Вы имеете в виду юзабилити, то здесь моя оценка - всё плохо. Например, заходим на страницу Ипотека. Надпись "Кредитный продукт «ВОЕННАЯ ИПОТЕКА - АИЖК»" на моем мониторе не видна из-за низкой яркости. Выше Банк жилищного финансирования, справа блок голубого цвета, слева список каких-то банков, ниже какая-то инфа. Что это? Куда смотреть? Куда нажимать? Вот примерные вопросы, которые задает пользователь, когда попадает на страницу. На мой взгляд не мешало бы все это упорядочить. На остальных страницах примерно тоже самое. Грамотный дизайн страницы должен указывать пользователю что ему дальше делать, а здесь он должен сам разбираться что к чему - делать ему больше нечего, он пришел за информацией, а не в интерфейсе разбираться.

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

Ужас! Зачем же такие кислотные цвета. Плашки как сверху прилепленные смотрятся, меню не видно совсем.

1. Times в верхнем меню не в тему. В верхнем и нижнем меню разделители / расположены по разному. Не аккуратненько. 2. SOME SORT... относительно A brief description... слишком крупный и жирный. Я конечно не знаю задумки, но, по-моему, такой акцент здесь ни к чему 3. VERONA PIZZA LOCATIONS как-то криво смотрится, может ее центрировать по вертикали относительно подвала. И очень крупная надпись, зачем так? 4. На белом фоне красный треугольник логотипа смотрится хорошо, а на красном внизу не очень. Может его немного увеличить чтобы красный треугольник не пересекался с красной полосой 5. Про разрешение уже сказали. В целом неплохо, если конечно насыщенный красный - это задумка дизайнера.

Оценивать пока особо нечего. Для начала нужно убрать пестрый фон и многочисленные тени "аля WordArt", и попытаться привести все к единому стилю, а потом уже можно будет оценивать.

В целом неплохо. Мне кажется, для еще большего гламура лучше добавить скругленные уголки у блоков Возможно это только у меня, но ссылки в каталоге имеют цвет стандартных посещенных ссылок (возможно просто похож). Выглядит не очень. Методом тыка в firebug можно добиться, что ссылки станут голубого цвета. Как должно быть изначально не знаю, но по-моему, так лучше выглядит. Каталог затерялся между заголовками Интернет-магазин и Популярные товары. Мне кажется его стоит как-нибудь выделить. Вообще каталог как-то выбивается из общего стиля, возможно из-за стандартных точек у элементов списка. А появление каталога внизу каждой страницы меня почему-то смущает. Как будто каталог - это необязательная дополнительная информация. Над оформлением текстов не мешало бы поработать, особенно бросается в глаза на странице О нас, читать не особо хочется.

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

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

1. Зелено-голубая гамма слишком резкая и совсем не ассоциируется со строительством и ремонтом 2. Нет акцента на самом главном. Когда открываешь сайт, совершенно непонятно о чем он 3. Сразу в глаза бросается рекламный баннер. Это так задумано? 4. Список тендеров невзрачный, а это, как я понимаю, самое главное 5. Концепция нашего сайта почему внизу и почему такая длинная, не думаю, что в таком виде ее кто-то будет читать В общем двойка по юзабилити. IMHO