'

Дослідження застосування «золотого перетину» у web-дизайні

Понравилась презентация – покажи это...





Слайд 0

Дослідження застосування «золотого перетину» у web-дизайні Кизима Катерина Анатоліївна, учениця 11-Б класу Хмельницького ліцею №17


Слайд 1

Об’єкт дослідження – дослідження «золотого перетину» як математичного явища та його застосування. Предмет дослідження – дослідження можливості використання «золотого перетину» у проектуванні сайтів та веб-дизайні. Метою роботи є дослідження якісних переваг та ефективності застосування «золотого перетину» у веб-дизайні. Наукова новизна одержаних результатів. У результаті дослідження розв’язано задачу побудови веб-сайту із застосуванням принципів «золотого перетину» та доведено ефективність застосування «золотого перетину» у веб-дизайні. Дослідження застосування «золотого перетину» у веб-дизайні 2


Слайд 2

Явище «золотого перетину» 3


Слайд 3

Дослідження застосування «золотого перетину» у веб-дизайні Створення веб-сайту із використанням «золотого перетину» вимірюється ширина контенту і розділюється на 1.618. створюється базисна сітка сайту, що відповідає золотій пропорції. при ширині контенту в 1000 пікселів ширина однієї панелі складе: 1000 / 1.618 = 618 пікселів. Тоді ширина іншої: 1000 - 618 = 382 пікселі. 4


Слайд 4

Дослідження застосування «золотого перетину» у веб-дизайні Веб-сайти, що використовують «золотий перетин» 5


Слайд 5

Дослідження застосування «золотого перетину» у веб-дизайні Веб-сайти, що використовують «золотий перетин» 6


Слайд 6

Дослідження застосування «золотого перетину» у веб-дизайні Зорові центри на веб-сторінках робоча площа умовно поділяється на дві частини відповідно за золотою пропорцією по вертикалі та по горизонталі. на перетині умовних прямих знаходиться точка, яка називається «зоровим центром». 7


Слайд 7

Дослідження застосування «золотого перетину» у веб-дизайні Зорові центри на веб-сторінках ключові елементи веб-сторінок повинні перебувати в районі зорових центрів загальної композиції сайту, елемента також можуть лежати на умовних діагоналях, що проходять через вказані зорові центри. 8


Слайд 8

Дослідження застосування «золотого перетину» у веб-дизайні Зорові центри на веб-сторінках 9


Слайд 9

Дослідження застосування «золотого перетину» у веб-дизайні Правило третини у веб-дизайні для робочої зона в 960х750 пікселів поділ здійснюється: поділ ширини на 3 ( 320 пікселів); поділ висоти сторінки на 3 ((750+960)/2)/3?285 пікселів. побудова сітки з дев'яти прямокутників, розміром 320?285 пікселів 10


Слайд 10

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в дизайні емблеми ліцею 11


Слайд 11

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в дизайні емблеми ліцею 12


Слайд 12

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в дизайні емблеми ліцею 13


Слайд 13

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в дизайні емблеми ліцею 14


Слайд 14

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в процесі створення веб-сторінок сайту початкової школи ширина контенту 990 пікселів; ширина лівої зони 606 пікселів, а бокової - 374 пікселів; поле між зонами відведено 10 пікселів 15


Слайд 15

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в процесі створення веб-сторінок сайту початкової школи ширину екрану 990 пікселів; ширина контенту 606 пікселів, а бокова зона 374 пікселів; поле між зонами відведено 10 пікселів висоти зон складають 311 та 503 пікселів 16


Слайд 16

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в процесі створення веб-сторінок сайту початкової школи ширину екрану 990 пікселів; ширина контенту 606 пікселів, а бокова зона 374 пікселів; поле між зонами відведено 10 пікселів висоти зон складають 503 та 311 пікселів 17


Слайд 17

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в процесі створення веб-сторінок сайту початкової школи висоти заголовочної та інформаційна зон мають співвідношення 1.62, а саме 383 до 619 пікселів 18


Слайд 18

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в процесі створення веб-сторінок сайту початкової школи 19


Слайд 19

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в процесі створення веб-сторінок сайту початкової школи Застосування зорових центрів 20


Слайд 20

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Застосування «золотого перетину» в процесі створення веб-сторінок сайту початкової школи Застосування правила третин 21


Слайд 21

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Оцінка ефективності застосування «золотого перетину» у веб-дизайні сайту початкової школи Оцінка здійснена опитуванням дітей та їх батьків Критерії юзабіліті: інтуїтивність запам’ятовуваність помилки задоволеність 22


Слайд 22

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Результати дослідження юзабіліті веб-сайту Рівень інтуїтивності сайту 23


Слайд 23

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Результати дослідження юзабіліті веб-сайту Рівень запам’ятовуваності користувачами сайту 24


Слайд 24

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Результати дослідження юзабіліті веб-сайту Рівень помилок користувачів при користуванні сайтом 25


Слайд 25

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Результати дослідження юзабіліті веб-сайту Рівень задоволеності користувачів сайтом 26


Слайд 26

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Результати дослідження юзабіліті веб-сайту 27


Слайд 27

Розробка веб-сайту для початкової школи із застосуванням «золотого перетину» Результати дослідження юзабіліті веб-сайту 28


Слайд 28

Висновки В результаті дослідження було: досліджено можливості використання «золотого перетину» у дизайні сучасних веб-сайтів та наведено основні методи його застосування; для доведення ефективності застосування особливостей «золотого перетину» створено дизайн веб-сайт початкової школи Хмельницького ліцею №17, який ґрунтується на принципах «золотого перетину»; з метою оцінки ефективності та переваг застосування принципів «золотого перетину» у веб-дизайні було здійснено оцінку юзабіліті створеного сайту шляхом проведення тестування сайту школярами та їх батьками. Дана оцінка дозволяє визначити такі якісні характеристики, як зручність та легкість сприйняття користувачем елементів інтерфейсу. Результати проведеного тестування дали підставу говорити про високий рівень юзабіліті сайту, дизайн якого побудовано за принципами «золотого перерізу». Результати дослідження демонструють якісні переваги, ефективність та можливість досягнення застосування гармонійного і збалансованого дизайну сайту при залученні принципів «золотого перетину» у веб-дизайні. 29


Слайд 29

Дякую за увагу 30


×

HTML:





Ссылка: