Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Оцените дизайн http://www.issa-agent.ru/
nx0.ru - бесплатный хостинг > Около хостинга nx0.ru > Оценка ваших сайтов
ProgEXEr
Здравствуйте!

Оцените, пожалуйста, дизайн сайта (не саму программу) www.issa-agent.ru.
Я пока начинающий верстальщик, стаж всего ~1 год, из них ~полгода в онлайне.
Буду рад любой критике.

Спасибо!
Горбушка
Цвета... Увы, это всё, что могу сказать из критики... Для начала нужны нормальные увета...
ProgEXEr
Я выбрал оттенки синего, потому что это мой любимый цвет biggrin.gif
А какие, примерно?
Горбушка
Это оттенки бирюзового... Немного оттенков голубого...

Бирюзовый вообще для сайта мало подходит, как сиреневый, яркокрасный и т.д. Цвета должны быть приближены к пастельным...

В помощь: http://borissemenoff.ru/cvetovaya-gamma-il...at-cveta-sajta/

Цвет не должен акцентировать на себе - твоя задача, чтобы после закрытия сайта, человек запомнил какую-то деталь дизайна (по которой он тебя вспомнит) и контент, но не рамки, цвета и прочее...
ProgEXEr
Так нормально?

http://www.issa-agent.ru/?index&style=test

Если будет нормально, с 17 июля сайт глобально изменит дизайн на этот новый...

P.S. Стиль сохраняется только если переходить по линкам в меню, в противном случае подставляйте в адресную строку "&style=test" (а если главная страница - "?index&style=test").
Горбушка
Уже лучше... Но статью, что я рекомендовал, прочитайте полностью...
Crab
1. Скучновато по дизайну. И цвета, действительно, грустны, и картинок нет, один текст. Поставлю 3 балла из 5
2. Со шрифтами тоже не всё ясно. Не соответствуют они друг другу. Тоже три балла.
3. Юзабилити... а не много ли пунктов меню для сайта с очень ограниченной темой? Я подзапутался, что на чем стояло. 4 с минусом.
4. Нафига и гостевая и форум одновременно? Рудимент народа ру? Прога = серьезная тема для обсуждения? Имхо, форум лишний, оставь гостевуху и хватит за глаза.

Итог: удовлетвортельно, но надо развивать дизайн, контент и систему меню оптимизировать.
ProgEXEr
Crab,

1.1. Цвета я скоро поменяю.
1.2. Картинок минимум, потому что на Камчатке нет безлимитного интернета, а трафик очень дорогой (от 1,2 руб./МБ). Через некоторое время после выхода версии 5.0 я вставлю больше картинок.
2. Шрифты одни и те же (кроме футера и меню сортировки):
Оригинальный CSS
Новый CSS
3. Хорошо, с этим согласен, потом перенесу несколько ссылок.
4. Согласен. Может быть, форум уберу.
Crab
Цитата(ProgEXEr @ 7.7.2011, 12:51) *
1.2. Картинок минимум, потому что на Камчатке нет безлимитного интернета, а трафик очень дорогой (от 1,2 руб./МБ). Через некоторое время после выхода версии 5.0 я вставлю больше картинок.

Ну, хоть парочку. Обжатые по самое не хочу много траффа не съедят, а привлекательности придадут, имхо.
ProgEXEr
Crab,
Хорошо, спасибо!
BaNru
Цитата(ProgEXEr @ 7.7.2011, 13:51) *
1.2. Картинок минимум, потому что на Камчатке нет безлимитного интернета, а трафик очень дорогой (от 1,2 руб./МБ). Через некоторое время после выхода версии 5.0 я вставлю больше картинок.
2. Шрифты одни и те же (кроме футера и меню сортировки):
3. Хорошо, с этим согласен, потом перенесу несколько ссылок.
4. Согласен. Может быть, форум уберу.

Опираясь на новый, т.к. он чуть-чуть лучше
1.2. Круто, зато используем градиенты картинками. Пора бы на CSS3 переходить.
2. Ужасное сочетании Times и Courier
3 и 4. Давно еще вычитал афоризм: "Не слушай черта друг, пусть он тебя слушает" (не в обиду Crab, это не про тебя, это обобщено. Ок?)
Не стоит убирать ссылки, они все вполне нужные. Стоит только оставить или форум или гостевую, как уже сказал Crab. Только по мне - лучше форум.

Код
<div id="content">
            <h1></h1>
            <ul id="menu">

Семантика и логика просто ППЦ.
Поставь нормальной картинкой и без H1
H1 - это заголовок, который почему то пустой.

Жалко трафика?
1) А на**я "скачать" сделано картинкой, да еще и ужасной картинкой?
2) <meta name="google-site-verification" сделай версификацию через файл.

Код
<!doctype html>

Верстаешь на HTML5 - так верстай на нём.
http://ru.wikipedia.org/wiki/HTML5
http://www.w3schools.com/html5/
http://www.w3schools.com/css3/
Я сам второй день верстаю и одновременно рисую дизайн блога на HTML - именно этими ссылками и пользовался. Больше и не надо.

Код
<div class="box" id="hd">

Заменяем на <HEADER> и так далее.
Код будет компактнее.

Также рекомендую потом, для уменьшения трафика убрать красиво оформленный код - отбивки, лишние пробелы и прочее. Как в HTML, так и в CSS.
Вот статья для размышления , которая меня самого заставила приступить к сжатию кода на сайтах, а не думать об этом.
(почитай сайтик, есть очень много полезного и интересного, например псевдоклассы в CSS)

Код
<!-- Страница сгенерирована за: 0.02681 (0.026811122894287) секунд -->
<!-- Page generated in: 0.02681 (0.026811122894287) seconds -->
<!-- Количество SQL-запросов будет в следующей версии сайта (3.0), которая выйдет 17 июля -->
<!-- The number of SQL-queries will be in the next version of the site (3.0), which will be released July 17 -->

Найди в функциях где пишется этот комментарий и удали.

Цитата
Для наилучшего отображения и быстрой....

Не стоит такое писать. Только если для осла.

Про код CSS пока молчу

Вердикт:
Дизайн 1 из 5. Все переделывать.
Код: 3+ из 5

ЗЫ Можно сделать красивый дизайн, в данном случае, и без графики вообще (лого не в счёт.)
Горбушка
Я, конечно, нуб полный, но имхо:
СЕО - прводит только к тому, что саттелиты в топе, а контент в жо... Прорефмуете сами...
Красивый код - желание вы*бнуться и не более.

Моё имхо: сайт должен содержать контент и работать... А как работать - это уже не важно.... Главное - работает.

Нет, конечно если Вам делать не**й, делайте код красивым - я не против...
BaNru
Если это адресовано мне, то...
...я ни где не говорил про красивый код, а лишь про семантический. Именно поэтому прозвучал совет
Цитата
Также рекомендую потом, для уменьшения трафика убрать красиво оформленный код - отбивки, лишние пробелы и прочее. Как в HTML, так и в CSS.


Семантика - это как в любом языке - орфография.
Можно писать с ошибками, как грамматическими, так и пунктуационными, и скорее всего вас поймут. Но зачем писать ДОНЕЛЬЗЯ безграмотно?

Пример.
Не буду говорить кто и где, но на вопрос: "Как с такими знаниями языка ты занимаешься бизнесом?" (сообщение, на которое задал вопрос, лень искать, а вот ответ храниться на почте до сих пор), получил ответ (выдержка из начала ответа)
Цитата
Извени конечно за правописание у меня всю жизнь что медветь что медведь а по математики олимпиады еще со школы писал вот так фирму и открыл так что грамотность для логического мышления не к чему а насчет....

Его текст понять можно, если постараться. Ему я не ответил, потому что лень было разбирать его Г язык и это не уважение к собеседнику.
Так же можно писать "ЗДЕЛАТЬ", "у НИГО БИЛ мерс", "ТИ" (ты) - и будет понятно. Но мне кажется не всем нравиться когда коверкают их имя и фамилию.

Так же и в коде - можно написать говно код, кому надо поймут, и поисковики тоже. Именно поэтому юкоз процветает.

ЗЫ Я и сам небезгрешен, но я стараюсь писать как можно чище, хотя часто подводит и невнимательность.
ЗЫЫ Так же и в коде, хотя бывает иногда специально нарушаю семантику. И был случай, когда я даже спорил с человеком и говорил, что есть для этого поводы и мне так хочется, но потом, в итоге, всё равно сделал по совету.
Горбушка
С семантическим кодом - согласен =)
ProgEXEr
Прошу прощения за достаточно долгое обновление...
Итак, высказывайте замечания про новый дизайн (графики пока нет, я сейчас временно не могу её создавать): http://www.issa-agent.ru/.

Кстати, CMS своя, самописная, когда полностью окончу разработку, выложу в открытый доступ...
BaNru
Нда, что то хреново ты содрал дизайн у гугла
ProgEXEr
Я не копировал HTML и CSS, сам код писал (на основе сайта Google).
Горбушка
Вот теперь мне нравится... Только 2 предупреждения про хром и нх0 убери или цвет поменяй...
ProgEXEr
Цитата(Горбушка @ 31.7.2011, 13:04) *
Вот теперь мне нравится... Только 2 предупреждения про хром и нх0 убери или цвет поменяй...

Сделал, слил с шапкой.
BaNru
Да, теперь лучше. До этого мне почему то еще показывало бирюзовый фон.
Горбушка
Не, сливать не надо... Надо более серым чтоль сделать... Что-то ещё не нравится обилее серого фона - как-нить бы разбавить... Но сначала отделить в шапке эти две объявы...
ProgEXEr
Разделил чёрной полосой... Нормально?
Сейчас ещё что-нибудь с серым фоном придумаю...
BaNru
При добавление записи в БД выдает вот такое
Цитата
0 => /админ/1 => /друг/2 => /разраб/
ProgEXEr
Цитата(Горбушка @ 31.7.2011, 15:17) *
Не, сливать не надо... Надо более серым чтоль сделать... Что-то ещё не нравится обилее серого фона - как-нить бы разбавить... Но сначала отделить в шапке эти две объявы...

Вынес рекламу под меню. Сделал чуть светлее фон box'ов.

Цитата(BaNru @ 31.7.2011, 15:29) *
При добавление записи в БД выдает вот такое
Цитата
0 => /админ/1 => /друг/2 => /разраб/


Исправил. Спасибо!

Если ещё есть предложения, критика и т.д. - пишите...
Горбушка
ProgEXEr, сайт совершенствуется на глазах =)

http://www.issa-agent.ru/?help - тут Мамай прошёлся?

http://www.issa-agent.ru/?screenshots Настройки => Общее - нет скрина...
ProgEXEr
Цитата(Горбушка @ 31.7.2011, 16:36) *
http://www.issa-agent.ru/?help - тут Мамай прошёлся?

Хорошо, сейчас исправлю (если Вы про фон скриншотов)...

Цитата(Горбушка @ 31.7.2011, 16:36) *
http://www.issa-agent.ru/?screenshots Настройки => Общее - нет скрина...

Там есть скрин, сам сейчас проверил. Страница объёмная, наверное у Вас не загрузилась полностью.
Горбушка
ProgEXEr, обновил, действительно скрин на месте... Глюки =)
ProgEXEr
Цитата(Горбушка @ 31.7.2011, 16:36) *
http://www.issa-agent.ru/?help - тут Мамай прошёлся?

Исправил + уменьшил объём скриншотов за счёт преобразования из JPG в PNG (почти в 2 раза).
Горбушка
На двух последних скринах я бы делал всё же с помощью фотошопа размытие цифр, а не чёрные полосы...

Нажмите для просмотра прикрепленного файла
ProgEXEr
Цитата(Горбушка @ 31.7.2011, 21:48) *
На двух последних скринах я бы делал всё же с помощью фотошопа размытие цифр, а не чёрные полосы...

Я сейчас временно не могу Photoshop использовать... Все эти скрины я делал сегодня с помощью Paint'а (часть просто обрезал тень, часть снова сделал).
Кстати, именно по этой причине и лого временно в текстовом формате.

UPDATED: Хотя, я бы мог и в GIMP'е сделать (но лого не могу), там же есть...
BaNru
Присоединяюсь. Особенно +1 за то что догадался вынести в левый сайдбар предупреждения и о хостинге. Думал предложить, но ждал когда сам догадаешься wink.gif

Теперь осталось избавиться от этой супермегапупер крутой кнопки "скачать"

Еще мне кажется стоит убрать. Непривычно.
Код
body {
    cursor: default;
}


Цитата
В связи с некоторыми техническими причинами лого временно в текстовом формате

Убрать в п***у и оставить в текстовом формате.

Цитата
ли сюда.

Это мелочь, но всё же. Куда сюда? Не лучше ли написать "или на форуме"?
Там же гостевую книгу тоже сделать ссылкой
ProgEXEr
Цитата(Горбушка @ 31.7.2011, 21:48) *
На двух последних скринах я бы делал всё же с помощью фотошопа размытие цифр, а не чёрные полосы...

Цитата(BaNru @ 31.7.2011, 21:58) *
Теперь осталось избавиться от этой супермегапупер крутой кнопки "скачать"

Цитата(BaNru @ 31.7.2011, 21:58) *
Еще мне кажется стоит убрать. Непривычно.
Код
body {
    cursor: default;
}

Цитата(BaNru @ 31.7.2011, 21:58) *
Цитата
В связи с некоторыми техническими причинами лого временно в текстовом формате

Убрать в п***у и оставить в текстовом формате.

Цитата(BaNru @ 31.7.2011, 21:58) *
Цитата
ли сюда.

Это мелочь, но всё же. Куда сюда? Не лучше ли написать "или на форуме"?
Там же гостевую книгу тоже сделать ссылкой

Всё это fixed. Спасибо!

Будут ещё пожелания, критика и т.д.?
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Русская версия IP.Board © 2001-2020 IPS, Inc.