Jump to content

Пожалуйста, оцените дизайн интернет-аптеки! Буду очень признательна!


tigrenok
 Share

Recommended Posts

Здравствуйте!

Оцените, пожалуйста, дизайн интернет-аптеки http://www.elegantstyle.ru/portfolio7.html

Это мой первый опыт по созданию интернет-магазинов. Хотелось бы услышать Ваше мнение!

Заранее всем спасибо! :)

Link to comment
Share on other sites

  • Replies 60
  • Created
  • Last Reply

Top Posters In This Topic

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

Link to comment
Share on other sites

Добрый день!

Сразу радует крупный шрифт. Однако никак не оставляет ощущение неаккуратности работы... Ссылки слева стоит отодвинуть от края, у "напишите нам" слишком высоко находится конвертик, на странице "Просмотр заказа" отступ таблицы слева больше отступа справа, "ПОИСК ТОВАРА" и тп не надо писать прописными, "ИСКАТЬ"(лучше сделать кнопкой) сдвинута слишком далеко от поля ввода и тд.

Огромный минус - это отсутствие заголовков. Такое чувство что сайт делался в большой спешке.

Пытаясь скопировать ссылку "/shop/cart/view/" в другой браузер получил замечательный KeyError с кучей полезной информации о Вашем сервере. Надо сделать какую-нибудь заглушку.

Нет возможности изменить и даже установить количество покупаемых лекарств. Вс? только по одной штуке.

С ромашкой вышла промашка...

P. S. Ура! Бабочка сидит на месте и никуда не летает. :)

P. P. S. Вообще любая ошибка(включая 404) выда?т прихорошенькую страницу с кучей отладочной информации. Вот что написано в конце е?:

You're seeing this error because you have DEBUG = True in your Django settings file. Change that to False, and Django will display a standard 404 page.

. В интернет-магазине надо выключать debug...

Link to comment
Share on other sites

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

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

По поводу ромашки-здесь просто набор различных трав, не только одна ромашка. От ромашки я взяла только цветок...Поэтому вопрос о ее росте соответственно снимается :-)

то ромашка изображенная с листьями из таблеток - это, по крайней мере, неуместно, и по большей - кощунственно.

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

Не нужно понимать все так буквально ;-)

Спасибо Вам большое за комментарий!

Link to comment
Share on other sites

Добрый день!

Сразу радует крупный шрифт. Однако никак не оставляет ощущение неаккуратности работы... Ссылки слева стоит отодвинуть от края, у "напишите нам" слишком высоко находится конвертик, на странице "Просмотр заказа" отступ таблицы слева больше отступа справа, "ПОИСК ТОВАРА" и тп не надо писать прописными, "ИСКАТЬ"(лучше сделать кнопкой) сдвинута слишком далеко от поля ввода и тд.

Огромный минус - это отсутствие заголовков. Такое чувство что сайт делался в большой спешке.

Пытаясь скопировать ссылку "/shop/cart/view/" в другой браузер получил замечательный KeyError с кучей полезной информации о Вашем сервере. Надо сделать какую-нибудь заглушку.

Нет возможности изменить и даже установить количество покупаемых лекарств. Вс? только по одной штуке.

С ромашкой вышла промашка...

Здравствуйте! большое спасибо за полезные советы!

Очень жаль, что ромашка никому не понравилась... просто по-моему немного непонята осталась моя идея...

А почему ИСКАТЬ лучше делать кнопкой?

Спасибо за комментарий!

Link to comment
Share on other sites

попробуйте загрузить страницу без картинок - это перебор,

тем более при 1280*1024

В чем имено перебор? По-моему все читаемо и никуда ничего не плывет...

Желтые на синих? Вроде фон белый..где Вы там нашли синий?

Спасибо за комментарий :-)

Link to comment
Share on other sites

попробуйте загрузить страницу без картинок - это перебор,

тем более при 1280*1024

В чем имено перебор?

в том что alt-текст ужасно растягивает левую часть.

ну сами грузаните под оперой или фф страничку без графики и поймете

приходиться скролить страницу внизу. неюзабельно

и еще...

при сжатии окна верхушка и футер получают странные белые отступы справа страницы - недочет

Link to comment
Share on other sites

попробуйте загрузить страницу без картинок - это перебор,

тем более при 1280*1024

В чем имено перебор?

в том что alt-текст ужасно растягивает левую часть.

ну сами грузаните под оперой или фф страничку без графики и поймете

приходиться скролить страницу внизу. неюзабельно

и еще...

при сжатии окна верхушка и футер получают странные белые отступы справа страницы - недочет

ААаа..ну сейчас попробую..я просто под эксплорером смотрю...

Спасибо за советы!!!

Link to comment
Share on other sites

Очень жаль, что ромашка никому не понравилась... просто по-моему немного непонята осталась моя идея...

Вот если бы пустили вниз стебел?к ромашки или хотя-бы кусочек его, было-бы лучше... Наверно.

А почему ИСКАТЬ лучше делать кнопкой?

По моему кнопка будет лучше смотреться. Но не факт.

Link to comment
Share on other sites

Вот если бы пустили вниз стебел?к ромашки или хотя-бы кусочек его, было-бы лучше... Наверно.
А почему ИСКАТЬ лучше делать кнопкой?

По моему кнопка будет лучше смотреться. Но не факт.

Кстати хорошая идея на счет стебелька..надо попробовать :)

Спасибо большое!

Link to comment
Share on other sites

я просто под эксплорером смотрю...

это грубая ошибка верстать основываясь под IE

охватите хотя б стандартные браузеры: IE6, IE7, Opera 9.2 (9.5), FirteFox 2

это называется кроссбраузерность. что б во всех браузерах все выглядело аккуратно и практически одинаково :)

Link to comment
Share on other sites

имхо: желтые тона на синих смотрятся ужасно.

У всех конечно разные вкусы, но, к сожалению, я вынуждена с Вами не согласиться...Даже если Вы посмотрите на коллекции известных модельеров, многие из них (и в частности один ооочень известный в 90-х модельер, имя называть не буду по рекламным соображениям) центром своей коллекции ставили синий и желтый цвета...Вот у того модельера каждый второй костюм был выполнен именно в этих цветах, и он по-моему этим и прославился...

:)

Link to comment
Share on other sites

я просто под эксплорером смотрю...

это грубая ошибка верстать основываясь под IE

охватите хотя б стандартные браузеры: IE6, IE7, Opera 9.2 (9.5), FirteFox 2

это называется кроссбраузерность. что б во всех браузерах все выглядело аккуратно и практически одинаково :)

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

Спасибо огромное Вам за комментарии!

Link to comment
Share on other sites

У всех конечно разные вкусы, но, к сожалению, я вынуждена с Вами не согласиться...Даже если Вы посмотрите на коллекции известных модельеров, многие из них (и в частности один ооочень известный в 90-х модельер, имя называть не буду по рекламным соображениям) центром своей коллекции ставили синий и желтый цвета...Вот у того модельера каждый второй костюм был выполнен именно в этих цветах, и он по-моему этим и прославился...

:)

веб и реализм немного отличаются.

пользователь воспринимает цвета с монитора именно как цвета с монитора

а не как цвета с объектов или с материи

Link to comment
Share on other sites

веб и реализм немного отличаются.

пользователь воспринимает цвета с монитора именно как цвета с монитора

а не как цвета с объектов или с материи

Вы думаете есть такое сильное принципиаьное отличие?....я все же полагаю, что сочитаемость этих цветов в реальном мире не может так резко перескочить в абсолютную дизгармонию в вебе....:)

Link to comment
Share on other sites

Типографика это тоже часть дизайна в каком-то стиле.

"Интернет - аптеку" - надо писать интернет-аптеку.

"интернет" - а здесь все наоборот, пишем Интернет.

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

"по телефону, ICQ и e-mail." - вместо точки ставим точку с запятой.

Вместо дефиса надо ставить тире, это знак —

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

Еще не трогал дизайн, юзабилити и код. А там, там тако-о-о-ее!!!

Link to comment
Share on other sites

* где доктайп?

* кто вас так -

- научил?

* а так -

- ?

* Title нет - почему?

*

<img src="http://www.yandex.ru/cycounter? www.wselekarstva.ru" width="88" height="31" alt="+i+++|+|+|+A +?+++A+++A+++@+*+++++I" border="0">

1 - там пробел не нужен

2 - а если таки пробел нужен (ну мало ли, какая ситуация, то вместо пробела пишите %20)

* ?

* ПОИСК ТОВАРА - писать прописными буквами - есть яркий признак совка, что, в свою очередь, отвратительно.

* навигатор аля "выбрать раздел" - это раздувание кода, ибо при _таких_ объ?мах - инструмент неудобен.

* код можно неслабо сократить юзая слои.

Link to comment
Share on other sites

по дизайну, у вас какие то пилюли некрасивые, какие то пережатые по мойму рисунки, рисунок должен быть красивым а у вас както больно зернисто :). Даже таблетки. Плюс еще фон с ромашкой тоже какой то зернистый

Link to comment
Share on other sites

по дизайну, у вас какие то пилюли некрасивые, какие то пережатые по мойму рисунки, рисунок должен быть красивым а у вас както больно зернисто :). Даже таблетки. Плюс еще фон с ромашкой тоже какой то зернистый

Это потому что качество картинки слишком плохое...постараюсь переделать..вот до чего доводит погоня за минимальным размером...

Спасибо за комментарий!

Link to comment
Share on other sites

Ах да, уп-с - вы просите только дизайн оценить, но не удержался.

Да я просила только дизайн, потому что не я верстала этот проект :) И теперь очень жалею..сижу правлю ошибки...

Но все равно спасибо большое!

Link to comment
Share on other sites

Это потому что качество картинки слишком плохое...постараюсь переделать..вот до чего доводит погоня за минимальным размером...

Спасибо за комментарий!

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

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share


  • Обсуждения

    • Вот тут есть актуальный список бесплатных тестов с сертификацией https://www.classcentral.com/report/free-certificates/ Обратите внимание на HackerRank, там есть тест с сертификацией непосредственно по CSS
    • Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style> .nav {     display: flex;     list-style-type: none;     padding-left: 0;     font-size: 17px;     text-transform: uppercase; } .nav > li > a {     color: #fff;     text-decoration: none; } .nav > li {     padding-left: 29px;     margin-left: 30px; } .header {     display: flex;     background-color: #31485b;     justify-content: space-between;     align-items: center; }   .sidebar {     width: 410px;     display: block;     padding-right: 20px;     margin: auto;     margin-left: 250px; }   ul.nav li a:hover {     background-color: #687c8d;     padding: 17.2px 35px; }   input[type="text"], input[type="search"] {   background-color: #687c8d;   width: 60%;   padding: 8px;   margin: 0 50px }   input[type="search"] {     color: #31485b;     font-style: italic; }     </style> </head> <body>     <div class="header">                 <ul class="nav">                     <li class="s1"><a href="#">Главная</a></li>                     <li><a href="#">Блог</a></li>                     <li><a href="#">Сервисы</a></li>                     <li><a href="#">Онлайн-профессии</a></li>                     <li><a href="#">О сайте</a></li>                 </ul>                                 <div class="sidebar">                     <form method="post" action="#" id="search_form" >                       <input type="search" name="search_field" placeholder="Поиск" />                     </form>                   </div>     </div> </body> </html>  
    • ЭЭ, а почему оно должно удалять? Может стоило повесить событие на эту кнопку и указать, что при это должно происходить?
    • например -R не будет качать указанные файлы если вы знаете список нужных вам файлов, проще их указать или можно написать парсер
    • выкладывайте код в песочнице, так будет проще У вас media подключается до blocks/header, по этому правила из blocks/header перекрывают media сверху вниз в css пишите tag .class ... @media и не будет у вас подобных проблем  
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy