Jump to content

Диагноз сайта по фотографии


aTei
 Share

Recommended Posts

Давайте представим, всё что у нас есть для оценки сайта - его скриншот. Каков диагноз? Что стоит подлечить, а что взять на заметку?

4447638496_db100daaf7_o.png

Мои замечания:

1. В верхней навигации нужен больше сдвиг от "language"

2. Стиль писать с заглавной буквы добавил бы красоты

3. Эффект, когда элемент вылазит за блок - из "эмоционального дизайна", что хорошо, но стоило сделать на все три элемента а не только на колбочки (баночки?)

4. Контактная информация слабо выделена.

Оцените этого больного (кстати, он не мой) и выкладывайте скриншоты своих. Думаю получится весело :)

И, для затравочки, анекдот:

- Доктор! Доктор! Что это у меня?!

- Где?.. О-о-о, господи! Что это у вас?!

Link to comment
Share on other sites

Давайте представим, всё что у нас есть для оценки сайта - его скриншот. Каков диагноз? Что стоит подлечить, а что взять на заметку?

4447638496_db100daaf7_o.png

Мои замечания:

1. В верхней навигации нужен больше сдвиг от "language"

2. Стиль писать с заглавной буквы добавил бы красоты

3. Эффект, когда элемент вылазит за блок - из "эмоционального дизайна", что хорошо, но стоило сделать на все три элемента а не только на колбочки (баночки?)

4. Контактная информация слабо выделена.

Оцените этого больного (кстати, он не мой) и выкладывайте скриншоты своих. Думаю получится весело ;)

И, для затравочки, анекдот:

- Доктор! Доктор! Что это у меня?!

- Где?.. О-о-о, господи! Что это у вас?!

Диагноз по скриншоту ставить очень сложно.

Сразу возникает вопрос - сайт будет фиксированной ширины или резиновый?

Если фиксированный, то обсуждать нечего, сам понимаешь.

Если же резина, то можно добиться неплохих результатов, особенно если это фото не взято из фотобанка, а свое.

Link to comment
Share on other sites

  • 4 weeks later...
Диагноз по скриншоту ставить очень сложно.

Сразу возникает вопрос - сайт будет фиксированной ширины или резиновый?

Если фиксированный, то обсуждать нечего, сам понимаешь.

Если же резина, то можно добиться неплохих результатов, особенно если это фото не взято из фотобанка, а свое.

Я недавно посмотрел видео, что наоборот фиксированный лучше. А тут резиновый пишут. Информация совсем не укладывается.

Link to comment
Share on other sites

Как же это я такую тему пропустил? Ну если автору еще интересно то вот, что я думаю по поводу этой работы.

1. Это сайт компании "ЕваСоло".

2. Основной продукт компании - метла и совок.

3. Еще компания производит/продаёт вазу с конфетами "ДелиДжар", эталон килограмма "Ураган" и банку для производства ледяного чая "Банка для производства ледяного чая".

4. Сайт не призван продать товар - он просто показывает что делает компания "ЕваСоло".

Если я угадал по всем 4 пунктам, то сайт неимоверно крутой. В другом случае - увы.

Link to comment
Share on other sites

  • 4 weeks later...
Guest
This topic is now closed to further replies.
 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • 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