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

Единственный вопрос, который возникает, когда открываешь сайт: Что курит автор? А если серьезно, то почему Вы решили, что сайт должен быть именно таким? Какую цель преследовали и какой результат хотите получить? Поисковик такой сайт вряд ли найдет из-за отсутствия на нем информации, значит попасть на него можно только если Вы дадите на него ссылку. А что это даст, если информации на сайте особо нет? e-mail? А не проще ли сразу e-mail сообщать вместо ссылки на такой сайт?

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

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

Много букв и рекламы, даже смотреть не хочется. Перешел в свое время линкус из-за того, что задолбало искать софт вот на таких вот сайтах. Если хотите сделать действительно удобный каталог, то: 1. Сделайте шрифт покрупнее. 2. Увеличьте отступы (padding) в блоках 3. Сделайте удобный поиск, который бы сразу бросался в глаза и выдавал различные подсказки Если будет хороший поиск, то каталог будет иметь второстепенное значение

ugen.me 1.Войти или Зарегистрироваться как-то кривовато. Однозначно выравнить вправо. И сама фраза некрасиво выглядит, может ссылки подчеркнуть. Или еще как-то выделить, чтобы фраза единой не казалась. 2.Мне кажется лучше убрать ссылки с Узнай что такое, Узнай новое. Ссылок на картинке и ПИШИ, ЧИТАЙ и т.д. достаточно. Так как на сайте нет единого стиля ссылок, то ПИШИ, ЧИТАЙ лучше подчеркнуть. Я бы еще поработал над стилем этих ссылок, просто красные не очень. 3.В блоке Машины пользователей либо все картинки без белых промежутков, либо сделать белые рамки вокруг каждой фотки, иначе выглядит неряшливо. 4. В блоках Теория, Ремонт верхняя строка слишком близко к верхнему краю. Цифры на картинках плохо видны. Не знаю что это поэтому сложно посоветовать как лучще 5. В блоке Отзывы все поехало В целом это дизайн нравится намного больше. dt.pokaple.com 0. Логотип выглядит криво. Возможно из-за нарушения центрирования поиска 1. Черная рамка вокруг поиска как-то траурно. Кнопка поиск страшная и кривая 2. Черная полоса на широком мониторе выглядит как прилепленная сверху 3. Путаница со шрифтами 4. Цветные линии не в тему. В целом нет гармонии в цветовом решении 5. То ли мне кажется, то ли так и есть, но шрифт мельче чем в предыдущем дизайне В целом выглядит не очень, все в кучу. Не понимаю что здесь может нравится. Единственное в нем больше четкости, может Вам это нравится.

Очень похоже на "На нашей главной странице нарисован розовый слон с пчелиным жалом. Покупайте сайты у нас!"

1. Надпись My Beauty угловатая, некрасивая 2. 2 картинки в черных рамочках, одна нет. Очень бросается в глаза, зачем так сделано непонятно 3. Телефон без кода страны 4. Меню на фоне всего остального кажется неярким, не выделяется, мне кажется здесь как раз акцент нужен 5. Концепция какая-то странная: заголовок My Beauty, а потом Что такое целлютит... Это сайт о целлюлите? 6. Текст страшный: лишние переносы, список совсем не список, акцентов нет, шрифт не в тему 7. Желтое меню внизу не в тему, зачем желтый цвет внизу страницы ни с того ни с сего 8. Наш партнер и часы к черту однозначно Вывод: доработать

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

Не осилил найти портфолио на вашем сайте

Если книга не будет продаваться, тогда это совсем другая история. Это был риторический вопрос, который задает себе потенциальный покупатель. Это, я считаю, верный ход Я то же самое написал, только другими словами. Если книга предназначена для новичков эту надпись как раз нужно выделить, чтобы привлечь покупателя, так как он может не понять что такое Инлайновый Контекст Форматирования. Но для бесплатной электронной книги это не имеет значения, так как никто не будет рассматривать обложку, просто скачают и прочитают книгу целиком. Хотя опять же недостаточно информации, возможно книга будет выкладываться в каких-нибудь бесплатных электронных библиотеках, тогда дизайн обложки имеет значение. В общем в таком случае, по-моему, не стоит делать никаких голосований. Просто выбирается понравившийся вариант и выкладывается на обсуждения с целью получения критики по мелочам. Я понимаю зачем написано и не против такой надписи, но я бы не стал делать на ней акцент. Хотя если книга бесплатная, это меняет дело, здесь другие приоритеты и пиар сайта может выйти на первый план. Кстати, очень правильная мысль, поддерживаю. Действительно могут не оценить, если будет написано 2.1.