Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Дизайн сайта на Ваш суд (https://javascript.ru/forum/project/28480-dizajjn-sajjta-na-vash-sud.html)

Szen 21.05.2012 18:31

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

Сайт является кулинарной книгой. Жена заполнением занимается. Идея диза и реализация моя.

http://cookie.szenprogs.ru

Спасибо за внимание!

Раед 21.05.2012 19:13

Не люблю видеть горизонтальную полосу прокрутки...
Уберите.

Szen 21.05.2012 19:17

Раед, хотелось бы понять, где эта горизонтальная прокрутка. Смотрел в Опере, Огнелисе, Хроме и ИЕ. Прокрутки не заметил. Какое у Вас разрешение?

Раед 21.05.2012 19:37

У меня Firefox. Разрешение 1024*768

vadim5june 21.05.2012 19:52

У меня в хроме 1024*768
горизониальная прокрутка есть-самую малость

cmd 21.05.2012 20:54

Парадоксально:
Дизайн на 3
Юзабилити на 4
А сайт мне нравится.

Если бы ещё ajax для основного контента, то юзабилити было бы на 5.

З.Ы. Все вышесказанное ИМХО

Tim 21.05.2012 21:20

Дизайн не профессиональный, но довольно приятный. Рекламой не загажено. Скинул ссылку сестре. =)

Szen 21.05.2012 21:24

Раед, vadim5june, откуда взялась горизонтальная прокрутка я уже понял. Менял размеры иконок в меню, вот на десяток пикселей сайт расширился. В ближайшее время поправлю.

nasqad, Вас понял, исправимся. :)

cmd, ajax - хорошая идея. Ожидалось сделать, если диз приживется.

Shaci 21.05.2012 22:19

иконки соцсетей и поиск по сайту куда нить засунуть и центр покрасивше сделать,
фон и выдвигающиеся менюшки - хорошие

Shaci 21.05.2012 23:16

вообще поиск по соц сетям можно и там оставить, но центр страшно выглядит

Szen 21.05.2012 23:51

Shaci, по поводу иконок уже подсказали, что хорошо бы их в одном стиле сделать. Буду учить фотошоп...
А что именно с центром не так. Рюшечек добавить чтоли?

Shaci 22.05.2012 00:07

Цитата:

Сообщение от Szen (Сообщение 175877)
Shaci, по поводу иконок уже подсказали, что хорошо бы их в одном стиле сделать. Буду учить фотошоп...
А что именно с центром не так. Рюшечек добавить чтоли?

да как объяснить, просто некрасиво, как любительский сайт пойдет, но по идее можно улучшить.

Вот например я сейчас knockout.js изучаю, вот их сайт - http://knockoutjs.com/documentation/...s-binding.html

красиво ? - на мой взгляд да

Две полоски сверху не нравятся, иконки поиска и рекомендовать в гугл
Бежевый фон, шрифты, (хотя здесь уже можно поспорить, фон может и норм будет).
Я не дизайнер может и не прав.

Gozar 22.05.2012 10:45

Цитата:

Сообщение от Shaci
красиво ? - на мой взгляд да

Фон позаимствован из KDE или bioshok :)

В остальном у них хорошо подобраны цвета. Колорист делал.

andrey888 23.05.2012 13:29

Мне сайт понравился .. Единственное что бы заменил я:
div id="subcont" - там где "комментарии" и "рекомендуем" поменял бы цвет с такого вяло зеленого на (например) бордовый или красный , возможно цвет виктории с заднего фона(только насыщеннее) .. Красный цвет вызывает аппетит ))
Возможно поигрался бы еще с бекграундом .. а именно его транспарентностью .. Возможно более блеклый задний фон будет меньше отвлекать от центрального контента ..
Ну это все нужно конечно смотреть и проверять - просто выкидываю идеи на вскидку...

GuardCat 23.05.2012 16:38

Мне понравилось. Просто, не агрессивно, приятно.

Но одно но: тормозит анимация. То немного, а то вкладки еле выползают. Chrome 19, комп рабочий 1,91 Ггц, 2 гига оперативной памяти.

Szen 23.05.2012 21:30

andrey888, за идеи спасибо! Честно говоря, по поводу интенсивности бека тоже подумывал. А вот смена шрифта заголовков на более яркий - в голову просто не приходило. Нужно реализовать. ))

GuardCat, спасибо за отзыв! Анимация на базе CSS3. Похоже на компах с оперативой 2 гига и ниже CSS3-анимация притормаживает. Проверил на нетбуке примерно такой же как и у Вас конфигурации. К сожалению, не могу программным путем определять размер оперативки клиента и отключать анимацию.

l-liava-l 23.05.2012 21:40

Сайт не плохой мне нравиться, но особой необычности не увидел,разве что меню прикольное. разрешение 1366x768 полосы прокрутки горизонтальной нет. в opera,chrome,safari,firefox,ie все хорошо.
Больше всего понравилась верстка, очень аккуратная, странно только чеж на html4 а не на 5 или xhtml?

l-liava-l 23.05.2012 21:44

Цитата:

GuardCat, спасибо за отзыв! Анимация на базе CSS3. Похоже на компах с оперативой 2 гига и ниже CSS3-анимация притормаживает. Проверил на нетбуке примерно такой же как и у Вас конфигурации. К сожалению, не могу программным путем определять размер оперативки клиента и отключать анимацию.
Не в оперативке дело, у меня
6 гб и не зависимо от этого притормаживает при выезде менюшки.
Цитата:

Chrome 19, комп рабочий 1,91 Ггц, 2 гига оперативной памяти.
у меня Chrome 18 тоже притормаживает, в мозиле и опере нормально

beard 23.05.2012 23:12

Меню слева жесть, справа полужесть.

Слева чтобы найти нужный пункт я ложен пройтись по всем ссылкам которые выезжают (долговато) и только тогда появляется название. Т.е. вместо того чтобы прочитать все быстро пункты и кликнуть куда надо я получаю какое то выезжание которое не экономит мое время:-/

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

Правое меню я оценил полужесть. Смотрите как классно выглядят "каши" и "закуски" и все остальные короткие названия. И посмотрите как выглядят полуторчащие задницы непонятно чего, пока не откроешь иногда даже не догодаешся.

Если бы правое перенести влево а слева направо ты бы получил справа жесть, написал почему. А слева(бывшее правое меню) были четко начала пунктов а задницы немного скрылись. Догадаться что там вырастает в разы. + если нет то все же можно навести и узнать. Но такие наводок уже будет намного меньше.

Szen 23.05.2012 23:20

Цитата:

Сообщение от l-liava-l (Сообщение 176285)
чеж на html4 а не на 5 или xhtml?

Ответ банальный - хостинг UCOZ. Стандарт xhtml или html5 на нем тупо не сделать.

Раед 23.05.2012 23:41

Цитата:

Сообщение от Szen
Анимация на базе CSS3. Похоже на компах с оперативой 2 гига и ниже CSS3-анимация притормаживает.

Firefox 12; 1,5 Гб оперативки; работает прекрасно, не тормозит

Szen 24.05.2012 00:17

Цитата:

Сообщение от Раед (Сообщение 176307)
Firefox 12; 1,5 Гб оперативки; работает прекрасно, не тормозит

Тогда вообще не понятно, почему тормозит....

andrey888 24.05.2012 12:37

Цитата:

Сообщение от Szen (Сообщение 176284)
andrey888, за идеи спасибо! Честно говоря, по поводу интенсивности бека тоже подумывал. А вот смена шрифта заголовков на более яркий - в голову просто не приходило. Нужно реализовать. ))

НЕ не не .. я имел ввиду сам див блекло зеленого цвета. Id дива дал..
не шрифты а именно сам этот зеленоватый квадрат.. ))

melky 24.05.2012 12:39

Szen, насчёт цветовой схемы. она ужасна. готовые схемы можно найти здесь.

а так - хорошо :) но из-за цветов глаз не радуется, и отвлекается.

ruslan_mart 31.01.2014 16:36

Цитата:

Сообщение от Szen
Ответ банальный - хостинг UCOZ. Стандарт xhtml или html5 на нем тупо не сделать.

Не правда же...

Tim 31.01.2014 16:40

Ruslan_xDD,
некропостер? :)

melky 31.01.2014 19:04

Цитата:

Сообщение от Ruslan_xDD (Сообщение 295096)
Не правда же...

правда.

как ни крути, внутри движка прёт HTML 4.1 и ничего не поделать с этим

хотя он валиден с точки зрения пятой версии, но всё-равно неприятно

ruslan_mart 01.02.2014 05:25

Вложений: 1
Вот тут же вроде как можно менять:

Volonter 01.02.2014 08:02

Вообще не сочетаемые цвета и ужасный логотип. Это первое. Второе - иконки с битыми пикселями бросаются в глаза ( в средней колонке). Мое мнение - в 90-х годах сайт был бы мегасуперпупер. В наше время для конкурентной ( а она конкурентная) кулинарной тематики такой дизайн не годится. И третье - вот откуда у людей желание сразу напихать сайт рекламой??? Да, Адсенс позволяет молодым сайтам размещать блоки, в отличии от РСЯ, где минималка от 300 уников. Зачем пихать рекламу, скажите??? Чтобы сразу было видно, что он сделан для рекламы? ( а это видно). Мое мнение, только не обижайтесь - случайно попав на такой сайт я молниеносно его закрою.

melky 01.02.2014 10:35

Цитата:

Сообщение от Ruslan_xDD (Сообщение 295160)
Вот тут же вроде как можно менять:

а код меню и других вещей?


Часовой пояс GMT +3, время: 15:11.