Гаджиев Гаджи. Веб-дизайн наглядные примеры

1.

ВЕБ-ДИЗАЙН
НАГЛЯДНЫЕ ПРИМЕРЫ
ВЕБ-ДИЗАЙНА СТРАНИЦ
И ИХ ОЦЕНКА

2.

Коммерческие
сайты
•Kephart
•Starbucks
•DNS
•Apple

3.

Kephart

4.

Оценка
• Плюсы:
• В дизайне сайта используются качественные фото людей и
здание создавая впечатление оживленности
• Простые и удобные ссылки
• Наличие обратной связи
• Ссылки на соц. сети
• Минусы:
• Сайт иногда может не работать
• Нет способа совершать заказ на самом сайте, приходится
контактировать с агентами

5.

Starbucks

6.

Оценка
• Плюсы:
• Удобное меню напитков где можно открыть полную
информацию об ингредиентах и количестве калорий
• Простой и понятный дизайн
• Заказ кофе очень просто и удобно
• Минусы:
• Главная страница не привлекательна и чтобы возместить
этот недостаток присутствует ссылка на мобильное
приложение

7.

DNS

8.

Оценка
• Плюсы:
• Информативность
• Удобное меню техники
• Возможность сравнивать товары между собой
• Возможность выбора города для уточнения наличия товара
в магазинах
• Удобный поиск (фильтры, ценовая категория и прочее)

9.

APPLE В
1997
ГОДУ

10.

Apple сегодня

11.

Оценка
• Разница между сайтами колоссальная. Посторонняя
реклама, большое количество мелкого текста, стародавний
дизайн (что и следовало ожидать от сайта 90-х годов)
• Плюсы:
• Информативность
• Наличие внутренней поисковой строки
• Минусы:
• Мелкий текст, который сложно читать
• Посторонняя реклама

12.

• Государственная дума
• Госуслуги
Государственные
Сайты
• Федеральная налоговая
служба

13.

Государственная Дума

14.

Оценка
• Плюсы:
• Ссылки на социальные сети
• Интерактивная карта где можно увидеть от каких регионов
и областей были выбраны те или другие депутаты
• На сайте можно быстро посмотреть какие законы будут
приниматься в этом месяце
• Минусы:
• Отстутствие версии для слабовидящих

15.

Госуслуги

16.

Оценка
• Плюсы:
• Дизайн выдержан в приятном синем цвете
• Информативно
• Удобное и быстрое предоставление услуг
• Есть ссылки на другие государственные информационные
ресурсы
• Удобный личный кабинет
• Минусы:
• Портал госуслуг не всегда работает стабильно

17.

Федеральная налоговая служба

18.

Оценка
• Плюсы:
• Удобство
• Быстрая оплата налогов
• Отслеживание налогов, обязательных к оплате
• Минусы:
• Сайт иногда подгружает
• Вход в личный кабинет может быть не всегда доступным

19.

Сайты Учебных
Заведений
• Политех
• СПБГУ
• Stanford university

20.

Политех

21.

Оценка
• Плюсы:
• Есть версия для слабовидящих
• Информативность
• Есть версии на других языках
• Минусы:
• Сложная процедура подачи документов на обучение

22.

СПБГУ

23.

Оценка
• Плюсы:
• Минималистический дизайн
• Используются качественные фотографии в дизайне
• Есть версии на английском и китайском языках
• Есть версия для слабовидящих
• Минусы:
• Сайт не информативен

24.

Stanford University

25.

Оценка
• Плюсы:
• Используются качественные фотографии в дизайне
• Есть ссылки на социальные сети
• Удобен в использовании
• Есть версии на других языках
• Минусы:
• Сложная подача документов для учебы

26.

• Gary Le Masson
• Tony D’Orio
• Nick Jones
Сайты Персон

27.

Gary Le Masson

28.

Оценка
• Сайт выполнен в стиле
поисковой строки
google, где вы может
узнать о нем также
как вы хотели ли чтонибудь загуглить

29.

Tony D’Orio

30.

Оценка
• Дизайн сайта на 90
процентов состоит из работ
фотографа тем самым
презентует его навык и дает
сразу же понять кто он
такой. Также присутствует
биография и контакты
фотографа

31.

Nick Jones

32.

Оценка
• Главная фича сайта в том
что слайды, ссылки да и весь
сайт разбит по золотому
сечению и если вы будет
прокручивать колесико мыши
то сможете узнать все
больше и больше о Нике и
его работах

33.

Сайты на выбор
•DTF
•Twitch
•Reddit

34.

DTF

35.

Оценка
• Сайт разделен на несколько категорий по интересам: игры,
игровая индустрия, фильмы и сериалы и многие другие.
Также здесь есть лента новостей как и в других
социальных сетях и вы можете всегда быть в курсе всех
событий происходящих в вашей предпочитаемой категории

36.

Twitch

37.

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

38.

Reddit

39.

Оценка
• Сайт представляет из себя форум где каждый может быть
писать посты по интересующей его тематике (в
соответствующих «сабреддитах»), отчего на этом сайте вы
можете найти практически все советы по тому или иному
вопросу. К минусам можно отнести минимальное количество
русскоговорящих сабреддитов и неразборчивые секции
комментариев

40.

А НА ЭТОМ У
МЕНЯ ВСЕ
СПАСИБО ЗА ВНИМАНИЕ