kvant

Вы хотите совета, их есть у меня Посмотрим на обложку книги глазами покупателя. Допустим, покупатель тупой, что он увидит? 1. Авторы. Абсолютно ничего не говорят покупателю эти фамилии 2. Инлайновый Контекст Форматирования. Абсолютно ничего не говорящая фраза 3. из цикла "Тайны CSS 2.1". Сразу возникает вопрос что за цикл? CSS 2.1 фраза знакомая, так как если покупатель даже этого не знает, то он явно ошибся дверью 4. css-live.ru. Абсолютно ни о чем не говорящий адрес 5. Москва, 2012 г. Здесь все понятно Теперь допустим, что пользователь гуру. 1. Авторы. Абсолютно ничего не говорят покупателю эти фамилии 2. Инлайновый Контекст Форматирования. Известная покупателю фраза 3. из цикла "Тайны CSS 2.1". Сразу возникает вопрос что за цикл? CSS 2.1 выглядит как дополнение к п.2 4. css-live.ru. Абсолютно ни о чем не говорящий адрес. По-моему, пока css-live.ru известен только узкому кругу. Могу ошибаться. 5. Москва, 2012 г. Здесь все понятно Теперь вопрос на который должен ответить автор: для кого эта книга? Если для первого покупателя, то чтобы его заинтересовать нужно вынести то, что ему понятно на первый план и заинтересовать названием, чтобы покупатель захотел книгу открыть, а непонятное отнести на второй план. Если для второго, то нужна изюминка, что-то новое и интересное, ведь заинтересовать гуру не так просто. Во всех предоставленных макетах нет ни того, ни другого. Сначала нужно определиться чем будем привлекать покупателя, а что именно на обложке нарисовано - линейка или буковки - это второстепенно. В общем на каждом макете обязательно должны присутствовать авторы, название, Москва, 2012. Опционально Тайны CSS 2.1 и в последнюю очередь, необязательно, css-live.ru. Очень желательно чтобы все макеты были одинакового размера. В зависимости от того для кого книга предназначается нужно расставить акценты на соответствующих надписях. Если перечисленные условия будут соблюдены на всех макетах, тогда можно уже выбирать какой лучше, с чисто эстетической точки зрения, методом голосования. P.S. Что-то мне подсказывает (точно не могу сказать что именно), что данные макеты создаются не с целью заинтересовать потенциального покупателя содержимым книги, а с целью пропиарить вот это "Максим Усачёв, Илья Стрельцын" и вот это "css-live.ru". Если я прав, то тогда идете правильной дорогой. IMHO

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

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

Проголосовал за 3 и 6 как самые лучшие на мой взгляд. На остальных явные недочеты: ИКФ слишком крупно, это не общепринятая аббревиатура чтобы ее так выделять, отсутствие общепринятого для обложек книг набора: автор, название, издательство, слишком ярко выраженная надпись CSS-Live, по-моему, здесь это не самое главное. В целом все варианты так себе, нет изюминки, обложка должна быть запоминающейся.

Шутку знаю, но я не о шутке. Я хотел сказать не разу не соответствует характеру и направленности сообщества. Насколько я понял, ccs-live - это сообщество молодых и энергичных людей, интересующихся версткой. Представленный дизайн, на мой взгляд, этого не отражает. IMHO

А мне не понравилось: мрачно и нагромождено все в кучу. И не банановый не разу. Банановый - это фруктовый, энергичный цвет, а здесь больше какие-то земляные оттенки.

Когда открываешь сайт, кажется что ты попал в улий и тебя сейчас съедят пчелы. Жуть!!!

1. Сайт "зажат". Думаю это из-за насыщенного фона (сине-голубого) и маленьких отступов 2. Все в кучу, непонятно куда смотреть. Сразу бросается в глаза "Ремонт квартиры своими руками" и чего дальше? На меню акцента нет, то что оно выпадающее сразу не очевидно. В общем нет четкой структуры. Зато есть подписка на обновление в полэкрана. Зачем? 3. Цветовая гамма лично мне не очень нравится, но это спорно. Как говориться, на вкус и цвет...

1. Много букв 2. Шапка страшная 3. Слишком много рамочек 4. Меню и подвал выбиваются из общего стиля

Главная страница красивая, мне нравится. Я бы только увеличил шрифт в верхнем меню, так как на FullHD мониторе, на мой взгляд, мелковато. И в футере шрифт не смотрится, буквы сливаются. И еще может Показать заменить на что-нибудь более осмысленное, например, Об усадьбе. А вот страница Услуги не нравится совсем. По-моему, картинка на фоне здесь явно лишняя. Да и неудобно как-то. После выбора услуги появляется слайд-шоу, а как потом обратно вернуться? Может лучше выпадающее меню с услугами сделать, а страницу с услугами убрать?

Дизайн так себе Незакончено. Пост зажат, нужны отступы. Тени ни к чему. Times не в тему. Цвета негармоничные. Рамочки - лишний элемент в данном дизайне или я не понял их назначения из-за незавершенности.

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

Да что ж вас из крайности в крайность кидает-то? Надо писать с учётом возможностей браузеров. Что браузер умеет, то пусть и показывает. Не очень понял Вашу мысль. Вариантов всего два: либо использовать CSS3, а старые браузеры пусть отображают как умеют, либо использовать картинки, тогда все браузеры будут отображать корректно, но возможности большинства браузеров (CSS3) использоваться не будут. Вам известны еще варианты?

Для тех кто в танке я специально P.S. написал А если серьезно, то и правда наверное не стоит заморачиваться со старыми браузерами

Это понятно, что страница должна выглядеть корректно в любом браузере. Вопрос как этого добиться. Если без скругленных углов или теней иногда можно обойтись, то как быть, например, если они все таки нужны всегда. Хотелось бы сделать чтобы если CSS3 поддерживается, то использовать его, а если нет, то картинки. Ну уж очень не хочется картинки использовать, когда большинство браузеров поддерживают CSS3. В IE можно условными комментариями подключить свои стили, а как быть со старыми Chrome, FF, Opera и др., насколько я знаю они не поддерживают условных комментариев. P.S. Скругленные уголки и тени частный случай, поэтому хотелось бы услышать совет не как сделать именно в этом случае, а в более общем, например, хочу на CSS3 логотип нарисовать, как сделать чтобы в старых браузерах он картинкой отображался?

Хочу использовать CSS3 для создания простейших графических элементов, например, простенький логотип. Так как CSS3 поддерживают не все браузеры, то возникает проблема как сделать так, чтобы в старых браузерах сайт отображался корректно. Если для IE можно воспользоваться условными комментариями, то как быть со старыми версиями других браузеров? Можно конечно не обращать на них внимания, так как они редко используются, но все же интересно как принято поступать в таких случаях?

В целом смотрится хорошо, только текст какой-то, не знаю как лучше назвать, не совсем структурированный что ли: вроде все по пунктам и красиво, а в целом выглядит как сплошной текст, глазу не за что зацепиться. Прикольно было бы сделать чтобы лимон рос. Как это сделать технически не важно, например, нарисовать несколько картинок и менять с течением времени, главное вместо фразы "Лимон. Вырос из косточки, посаженной в 2009 году" написать что-нибудь связанное с ростом.

Двоякое впечатление от сайта. С одной стороны все хорошо, красиво, удобно, а с другой чего-то не хватает, что-то не то. Мне почему-то не нравятся серые бледные заголовки, не могу сказать почему.

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

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

А для чего на сайте разворачивающееся меню? Когда пользователь заходит на сайт, он сразу не поймет даже тематику сайта (разве что по иконке). На мой взгляд проще сделать одну страницу с описанием услуг и указанием цены около каждой услуги, а ниже форма оставить заявку. Если услуг будет много и форма не будет помещаться на экране, то можно рядом с ценой добавить кнопку Оставить заявку и по ее нажатию прокручивать страницу. Прайс-лист (то что у вас в пункте Цены), можно совсем убрать, а можно оставить как дополнение с возможностью печати и сохранения в файл. Фразу "Всё по 400 рублей! Самые низкие цены у нас. Найдёте дешевле - сделаем ещё дешевле! " можно вынести в самый верх и написать ярко, как конкурентное преимущество. По дизайну в целом неплохо, только точки у заголовков лучше убрать.

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

Возможно акцент должен быть сделан на продаже картин, но пользователю это не заметно. При открытии страницы видно заголовок, текст и каталог слева. Картин даже не видно, поэтому акцент точно не на них. Поэтому я и предположил, что акцент должен быть на кнопке Добавить. Если акцент должен быть на картинах, то их лучше переместить вверх, а текст вниз, так как его маловероятно будет кто-то читать. С каталогом все хорошо, только рядом с жирным текстом каталог менее заметен, а пользователю более интересен каталог чем текст. По каталогу пользователь сразу определяет "что здесь дают" практически одним взглядом, а текст читать ему обычно лень.

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

По-моему, Ваш дизайн никак нельзя назвать: А уже тем более Поэтому чтобы выполнить требования ТЗ есть только один вариант: сделать все заново. Тут наверное возникнет резонный вопрос: как сделать? Описывать все по пунктам долго и нудно, поэтому если заинтересованы в том, чтобы улучшить макет и приобрести опыт, задавайте конкретные вопросы, что Вам не понятно. Начать следует со структуры макета и подбора цветов, потому что сейчас макет выглядит как разбросанные по экрану кнопки в ядовито-кислотной палитре.