Прояв креативності у веб-дизайні

Meomi поєднує в собі всі юзабіліті вимоги та є водночас цікавим і інтерактивним, насиченим різними, привертаючими увагу, елементами, котрі в свою чергу підкреслюють творчість власників сайту.

bowtieperiod.com (мал. 15-20)

Наступний сайт є сайтом студії дизайнера з Мехіко, котрий спеціалізується на веб-дизайні, розробці ігор, анімації та телефонних додатках. Дизайн сайту є також ілюстративним, виконаний в стилі скетча на білому папері. Кольоровими є декілька елементів, котрі є заголовками до сторінок. Не дивно, що сайт є інтерактивним. Користувач може скористуватись кнопками, які постійно знаходяться на екрані, котрі позначають космос, небо, землю, траву і воду. Всі ці позначення є нічим іншим як розділами сайту, відповідно портфоліо, контакти, головна сторінка-привітання, інформація про студію і корисні посилання, котрі радить нам даний веб-сайт. Сайт є односторінковим, тобто пересуваючись між розділами ми пересуваємося вгору і вниз по одній сторінці.

Також цікавим елементом дизайну сайту є персонаж, котрий ходить з нами по розділах сайту, і відповідно до розділу в якому ми знаходимося,він змінює засіб пересування, будь то кульки для літання по небу чи підводний човен для занурення під воду. Цей персонаж створює користувачу ілюзорне товариство, ніби водить його по світу Bowtie і показує все найцікавіше.

Навігація Bowtie відрізняється від стандартної навігації, котра нам зустрічається у більшості сайтів. Та водночас вона є досить зручною у користуванні. При переході на кожен із пунктів ми чітко орієнтуємось де ми знаходимося у рамках сайту і чому присвячений даний пункт, адже тут виступає гарне типографічне рішення опису даного пункту, який дає нам чітке уявлення про те, що ми тут можемо знайти.

Щодо інформаційної насиченості сайту, то тут є все, що потрібно для того, щоби дізнатися де ми знаходимося, що нам тут можуть запропонувати, як зв'язатися і нічого зайвого, все написано в дружній привітній формі, що приємно впливає на користувача і запам'ятовується.

Сайт є оригінально побудований, з цікавою навігацією і ілюстраціями, такі сайти одразу привертають увагу користувачів і запам'ятовуються, що є досить важливим. В цьому сайті його автор ніби створив свій власний маленький світ, відобразив своє внутрішнє бачення і запрошує всіх мандрівників мережі інтернет відвідати його, автор залюбки проведе нам екскурсію і розповість про те хто він, що робить, що йому подобається.

Мій сайт-портфоліо (мал. 109-111)

Наступним я хочу представити сайт розроблений мною, в якому я втілила своє власне бачення і креативні ідеї.

Даний сайт є сайтом-портфоліо, в якому представлені мої ілюстрації та дизайн-проекти. Дизайн сайту є ілюстративним, так як профіль моєї діяльності є ілюстрація і таке дизайн рішення є найбільш підходячим для такого сайту, найбільш чітко і тонко показує рід моєї діяльності, стиль моєї роботи та власне бачення, втілює особисті креативні рішення.

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

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

Коли ми переходимо на сторінку з інформацією та контактами, ми бачимо ще одного персонажа, виконаного в тій же стилістиці що і весь сайт, котрий розповідає нам про автора сайту та дає нам контакти, за допомогою яких можна зв'язатися, а також дає кнопки посилання на соціальні мережі.

Інформаційне наповнення сайту дає нам всю чітку й конкретну інформацію про даний сайт, автора сайту, рід його діяльності та способи зв'язку, тобто дає все те, для чого власне й створюються подібні сайти. Хоча головним все ж є галерея портфоліо, котра дає змогу в повній мірі ознайомитись з роботами автора і стилістикою в якій він працює.

З огляду на сучасні тенденції в моді веб-дизайну, сайт виконаний в ногу з часом, відповідає всім естетичним вимогам сучасних користувачів, адже ілюстративні рішення дизайну сайту та цікаві типографічні привітання користувача залишають по собі добрі враження, запам'ятовуються та залишають бажання повернутися сюди знову. Креативні рішення щодо кнопок-персонажів також не залишаються поза увагою користувачів. Приємні персонажі завжди користувалися популярністю і є досить дієвими при спробі залишитись в пам'яті юзерів.

У своєму власному творчому баченні я створила свій світ, в якому я поєднала повітря, воду і землю у вигляді персонажів, які є поєднанням тварин із різних середовищ життєдіяльності. Подібне рішення є спробою відтворення власного бачення матеріального й духовного світу без рамок і обмежень, взаємопроникнення одних реалій в інші, поєднання непоєднаємих речей, стирання кордонів і рух наперекір встановленим законам і аксіомам.

Таке рішення і бачення світу властиве сучасному ритму життя і сучасним молодим людям, котрі в даний час творять історію, змінюють світ і перевертають його сміливими і неочікуваними рішеннями і ідеями. Такі речі як веб-сайт є важливими в побудові сучасного комп'ютиризованого суспільства, в побудові його бачення і впливу на нього, адже мережа інтернет є тим виміром, котрий поєднує в собі всі сфери фізичного, морального, духовного життя людини, є тим зв'язком, котрий дає змогу доторкнутись до тієї інформації, котра була закритою в рамках фізичних обмежень людини.

Втілення творчої індивідуальності і креативних ідей у власному сайті є способом заявити про себе на весь світ, зобразити свої власні міркування і бачення, показати сміливість дій і вирішень.

Представлені вище сайти змальовують нам повну картину сучасних творчих людей, їх творчу індивідуальність і рівень креативного мислення, вміння втілити сміливі задуми у рамках веб-сайту, йдучи в ногу з сучасними модними течіями та направленнями, а часто й творячи модні направлення та стилі, адже інтернет є тією сферою, котра сильно впливає на бачення молодих людей, які в свою чергу є рушійною силою змін та подій у всьому світі.

3.4 Висновки третього розділу

Висновки третього розділу підсумовують рівень творчої індивідуальності дизайнера у веб-проектуванні на прикладі реалізованих веб-сайтів.

Нами доведено необхідність аналізу веб-дизайну, адже аналіз дизайну сайту дозволяє оцінити якість дизайну, а також його вплив на поведінку користувачів. Також проаналізовано способи якісного аналізу дизайну веб-сайту та проаналізовано способи вирішення окремих елементів веб-дизайну сайтів.

Нами розглянуто певні напрями та стилі, а також проаналізовано обрані сайти із креативним вирішенням дизайну, визначино певні модні сучасні напрямки в веб-дизайні. Розглянуто деякі з тенденцій, які набули популярності в останні кілька місяців.

Структуризовано сучасні креативні вирішення дизайну веб-сайтів, визначені модні напрямки та тенденції в розвитку сучасних стилів веб-дизайну.

Було детально розглянуто та проаналізовано структуру обраних веб-сайтів та їх дизайн, на базі чого було визначено креативні рішення найбільш популярних серед веб-дизайнерів на протязі 2010 -- 2011 рр.

Визначено, що найбільш оригінальними й креативними є сайти самих дизайнерів чи дизайн-студій.

Доведено, що втілення творчої індивідуальності і креативних ідей у власному сайті є способом заявити про себе на весь світ, зобразити свої власні міркування і бачення, показати сміливість дій і вирішень.

Висновки

Підтверджено, що основним джерелом публікацій є мережа інтрернет, тому, що подібний виклад інформації є більш загальнодоступним, менш затратний з фінансового боку, не займає багато часу на публікацію. Визначено дві основні джерельні бази для вивчення веб-дизайну: друковані видання та інтернет-статті.

За результатами аналізу спеціальної літератури було підтверджено, що тема веб-дизайну є не достатньо дослідженою на території України та Росії, тому більша частина літератури присвяченої цієї теми належить американським та західноєвропейським дослідникам.

Порівнюючи літературу американських та західноєвропейських дослідників та авторів з України та Росії виявлено ряд проблем, головною з яких є різне розуміння та трактовка поняття веб-дизайну.

Нами узагальнено взаємозалежність та значущість інформаційної архітектури веб-сайту, його логічності та зручності для користувача та творчого підходу до візуального дизайну веб-сторінок.

Визначено, що зручність, та естетичні якості веб-сайту впливають на якісне сприйняття інформації інтернет користувачами.

Було проаналізовано існуючі системи класифікацій візуальних стилів у веб-дизайні. Підтверджено тезу, що стилі у веб-дизайні, як і будь-яке сучасне культурне явище, базуються на існуючих стилях у мистецтві та дизайні.

Оскільки веб-дизайн є одним з напрямків графічного дизайну, то він знаходиться під безумовним впливом модних напрямів та тенденцій з боку графічного дизайну і навпаки, своїм розвитком внливає на деякі тенденції графічного дизайну.

Було детально розглянуто та проаналізовано структуру найбільш креативних веб-сайтів та їх дизайн, на базі чого було визначено креативні рішення найбільш поширені серед веб-дизайнерів на протязі 2010 -- 2011 рр.

Структуризовано сучасні креативні вирішення дизайну веб-сайтів, визначені модні напрямки та тенденції в розвитку сучасних стилів веб-дизайну.

Нами було підсумовано рівень творчої індивідуальності дизайнера у веб-проектуванні на прикладі реалізованих веб-сайтів.

Визначено, що найбільш оригінальними й креативними є сайти самих дизайнерів чи дизайн-студій. Це зумовлено тим, що маючи повну свободу дій у втіленні своїх оригінальних і креативних ідей, дизайнер, не обмежений чужими настановами та уподобаннями, вільно втілює свою творчу індивідуальність не боячись сміливих рішень.

Доведено, що втілення творчої індивідуальності і креативних ідей у власному сайті є способом заявити про себе на весь світ, зобразити свої власні міркування і бачення, показати сміливість дій і вирішень.

Використані джерела

1. Бородаев Д.В. Веб-сайт как объект графического дизайна / Д. Бородаев. -- Х.: Септима ЛТД, 2006. -- 288 с.

2. Бородаев Д. Тенденции возникновения и развития стилей в Веб-дизайне / Д. Бородаев // Вісник Харківської Державної академії дизайну і мистецтв. -- Х.: ХДАДМ, 2005. -- № 1. -- частина 1. -- С. 79-85.

3. Бородаев Д. Особенности формирования "этнической" стилевой модели веб-дизайна в условиях глобализации / Д. Бородаев // Вісник Харківської Державної академії дизайну і мистецтв. -- Х.: ХДАДМ, 2005. -- № 9.

4. Бородаев Д. Место веб-сайта в системе корпоративной идентификации / Д. Бородаев // Вісник Харківської Державної академії дизайну і мистецтв. -- Х.: ХДАДМ, 2006. -- № 10.-- С. 13-19.

5. Бородаев Д. Стилистика веб 2.0 -- новая визуальная эстетика, сформированная на приемах традиционных офф-лайн изданий/ Д. Бородаев // Вісник Харківської Державної академії дизайну і мистецтв. -- Х.: ХДАДМ, 2010.

6. Вин Д. Искусство WEB-дизайна: Самоучитель /Д. Вин; Пер. с англ. -- СПб.: Питер, 2002. -- 224 с.

7. Вролебски Л. Природные цвета в дизайне интерфейсов

8. Гарретт Дж. Веб-дизайн. Элементы опыта взаимодействия / Джесс Гарретт; Пер. с англ. -- СПб.: БВХ-Петербург, 2008. -- 182 с.

9. Зельдман Дж. Web-дизайн по стандартам / Джеффри Зельдман; Пер. с англ. -- М. : НТ Пресс, 2005. -- 440 с.

10. Качанов А. Стиль против дизайна / А. Качанов, 2006.

11. Клонингер К. Свежие стили Web-дизайна. Как сделать из вашего сайта "конфетку"/ К. Клонингер; Пер. с англ. -- М.: ДМК Пресс, 2002. -- 224 с.

12. Круг С. Веб-дизайн или "не заставляйте меня думать" / С. Круг; Пер. с англ. -- СПб.: Символ-Плюс, 2001. -- 200 с.

13. Ляхов В. Очерки теории искусства книги / В. Ляхов. -- М.: Книга, 1971. -- 256 с.

14. Мандел Т. Разработка пользовательского интерфейса /Т. Мандел; Пер. с англ. -- М.: ДМК Пресс, 2001. -- 416 с.

15. Миллер Д. В начале было… информационное проектирование / Д. Миллер // Publish. -- М.: Открытые системы, 1999. -- № 2. -- С. 45-52.

16. Нильсен Я. Веб-дизайн: Книга Якоба Нильсена / Я. Нильсен; Пер. с англ. -- СПб: Символ-Плюс, 2001. -- 512 с.

17. Нильсен Я. Дизайн Web-страниц: Анализ удобства и простоты использования 50 узлов / Я. Нильсен, М. Тахир; Пер. с англ. -- М.: Издательский дом "Вильямс", 2002. -- 336 с.

18. Нильсен Я. Юзабилити: наука или идеология

19. Нильсен Я. 10 главных ошибок веб-дизайна, 2005.

20. Нильсен Я. Амазон больше не может быть примером для подражания

21. Олсопп Д. Дао Web-дизайна / Д. Олсопп, 2001.

22. Пауэл Т. Веб-дизайн: Наиболее полное руководство / Т. Пауэлл; Пер. с англ. -- СПб.: БВХ-Петербург, 2003. -- 1072 с.

23. Пенстон Дж. Юзабилити и дизайн / Дж. Пенстон, 2002.

24. Петюшкин А. HTML. Экспресс-курс / А. Петюшкин -- СПб.: БХВ-Петербург, 2003. -- 256 с.

25. Пол К.

26. Прайс Дж. Текст для Web: Доступность и привлекательность / Дж. Прайс, Л. Прайс; Пер. с англ. -- М.: Вильямс, 2003. -- 464 с.

27. Серов С. И. Типографика виртуальной коммуникации / С. Серов. -- М.: Линия График, 2004. -- 32 с.

28. Уикли Р. Освой самостоятельно CSS. 10 минут на урок / Р. Уикли; пер. с англ. -- М.: Вильямс, 2006. -- 256 с.

29. Уодтке К. Информационная архитектура: чертежи для сайта / К. Уодтке; Пер. с англ. -- М.: Кудиц-Образ, 2004. -- 320 с.

30. Файола Э. Шрифты для печати и Web-дизайна / Э. Файола -- СПб.: БХВ-Петербург, 2003. -- 288 с.

31. Elliot Jay Stocks Sexy web design/ Canada, 2009. -- 152 pages.

32. O'Reilly Tim. What Is Web 2.0. Design Patterns and Business Models for the Next Generation of Software / Tim O'Reilly, 2005.

33. Lazaris Louis A design is only as deep as it is usable / L. Lazaris / Canada, 2010.

34. Nathan Shedroff Design is the Problem: The Future of Design Must Be Sustainable / USA, 2009. -- 352 pages.

35. http://webmascon.com/

36. http://www.i2r.ru/

Додатки

Размещено на Allbest.ru