РОЗРОБКА ДИЗАЙН ВЕБ-САЙТУ МЕДИЧНОЇ ЛАБОРАТОРІЇ «BRIGHT BIO» ІЗ ВИЗНАЧЕННЯМ СУЧАСНОЇ ВІЗУАЛЬНОЇ ІДЕНТИФІКАЦІЇ ЗАКЛАДІВ ОХОРОНИ ЗДОРОВ’Я

Літвінов Семен Сергійович

Магістр

ДЗм-1-20-1.4д

022 Дизайн

Кафедра соціальної педагогіки та соціальної роботи

У магістерській роботі, було визначено особливості сучасної візуальної ідентифікації закладів охорони здоров’я. Визначено стилістичні складові галузевої традиції медичної сфери. Звертається увага, на розгалуження закладів охорони здоров’я, за характером послуг. На основі досліджень, було розроблено айдентику медичної лабораторії «Брайт-біо». Проведено аналіз наукових досліджень, зарубіжних і вітчизняних авторів, по темі веб-дизайну та його складових. Описано розробку практичної складової магістерської роботи. Розкрито особливості функціоналу медичної лабораторії «Брайт-біо», на основі яких, виявлено задачі веб-сайту. Визначені особливості айдентики закладу та її вплив, на графічне оформлення. Встановлені стилеутворюючі сайту, на основі рекомендацій наукових досліджень, особливостей фірмової стилістики та характеру послуг медичної лабораторії. Охарактеризовано принцип адаптації і його вплив, на загальну композицію сайту. Розроблено структуру, на основі якої, визначено функціонал та графічний інтерфейс веб-сайту. Розділено структуру сайту, за шаблонами оформленням, на групи і описано розробку кожної.

ВСТУП
РОЗДІЛ І
1.1 Вебдизайн аналіз досліджень і публікацій
1.2 Визначення візуальної ідентифікації закладів охорони здоров’я
РОЗДІЛ ІІ
2.1 Заклад та айдентика
2.2 Функціонал сайту
ВИСНОВКИ
ДЖЕРЕЛА
ДОДАТКИ:

1. Бердинських С. О. Виразно-змістовні якості формалізованих елементів і форм проектної графіки. Харків: ХДАДМ, 2017. № 2. 4–11 с.;
2. Бокарева Ю. С., Романовская В. Е. Інфографіка як сучасний засіб комунікації. Харків: ХДАДМ, 2014. № 4-5. 13–16 с.;
3. Бокарєва Ю. С., Дейнеко Ж. В., Черемський Р. А. Основні види інфографіки в науковій комунікації. Харків: ХДАДМ, 2016. № 3. 4–9 с.;
4. Галіна Лола. Концептуальність у сучасній дизайнерській практиці. Вестник СПБГИК №1 (46), 2021;
5. Ганоцька О. В. Діалектична єдність понять «форма» та «зміст» у графічному дизайні. Х.: ХДАДМ, 2011. №6. 19 – 22 с.;
6. Голобородько В. М., Опалєв М. Л. Формування дизайн-ергономічних вимог до користувацького інтерфейсу веб-дизайну. Харків: ХДАДМ, 2011. № 3. 16–19 с.;
7. Глобинський К., Хаген Р. Додай повітря! Основи візуального дизайну для графіки, веб та мультімедіа. – СПБ.: Пітер, 2013. – 272 с.;
8. Джесс Гаретт. Веб-дизайн:книга Джесса Гаретта. Елементи досвіду взаємодії. – СПБ.: Символ-Плюс, 2008. – 192 с.;
9. Еміль Рудер. Типографіка. - М.: «Книга», 1982. - 290 с.;
10. Ітан Маркот. Чуйний веб-дизайн. – М.: Манн, Іванов і Фербер, 2012. – 176 с.;
11. Іттен І. Искусство цвета. – М.: Изд. Д. Аронов, 2001.;
12. Йозеф Мюллер-Брокман. Модульні системи в графічному дизайні. Посібник для графіків, друкарів і оформлювачів виставок. - М.: Студія Артемія Лебедєва, 2014. - 184 с.;
13. Курмангулов А.А., Корчагін Є.Є., Решетнікова Ю.С, Головіна Н.І., Бринза Н.С. Колірні рішення навігаційних систем як критерій ефективності візуалізації сучасної медичної організації (огляд). Кубанський науковий медичний вісник. 2020; 27(5): 128-143;
14. Лія Безносова. Морфологія логотипів в системі ідентифікаційної знакової графіки. Львівська національної академії мистецтв, Вісник, Вип. 30, 2016, с. 215-224;
15. Михайленко В. Є. Основи композиції. К.: Каравела, 2004. – 304 с.;
16. Надія Збітнєва. Мінімалізм як сучасний тренд графічного дизайну України» Харків: ХДАДМ, 2021. № 13. 43–50 с.;
17. Ольга Вакуленко. Вільний простір у веб-дизайні. ВІСНИК Львівської національної академії мистецтв. Вип. 32, 2017. 209–224 с.;
18. Ольга Вакуленко. Закономірності формування сучасного тренду веб-дизайну – «плаский» дизайн». ВІСНИК Львівської національної академії мистецтв. Вип. 30, 2016. 215–226 с.;
19. Павло Родькін. Типографика в современной айдентике. Москва, Как проект, 2013, с. 12 -15;
20. Павло Родькін. Визуальная айдентика глобальные функции и вызовы. Москва, Как проект, Grey matter 2014, с. 8-11;
21. Павло Родькін. Краткая история современной айдентики от «старой школы» до «плоского» дизайна. Москва, Как проект, Grey matter 2014, с. 12-16;
22. Павло Родькін . Структурное формообразование в современной айдентике – усложнение и упрощение. Москва, Как проект, Grey matter 2014, с. 16;
23. Панєвіна Н.М. Колір як один із основних засобів виразності на веб-сайті. Харків: ХДАДМ, 2014. № 4-5. 17–20 с.;
24. Патрік Макнейл. Веб-дизайн. Книга ідей веб-розробників. – СПБ.: Пітер, 2014. – 288 с.;
25. Світлана Іноземцева. Дослідження принципів вебдизайну, як візуальної складової сучасної інтернет-культури. Харків: ХДАДМ, 2021. № 13. 13–19 с.;
26. Світлана Махліна. Комунікативні риси семіотики дизайну. Вестник СПБГИК №2 (35), 2018, 14–19 с.;
27. Сергій Сєров. Графика современного знака. Москва, «Линия График», 2005, с. 6-27;
28. Тетяна Божко. Композиційні передумови графічного втілення візуальних звернень. ВІСНИК Львівської національної академії мистецтв, 2018. 173-186 (35) с.;
29. Цвєткова А.Б., Євстаф'єв В.А. Брендинг у практиці медичних установ. М.: «Гребєнніков», 2014, №4, с. 250-256.;
30. Цвєткова А.Б., Полянська І.Л. Роль іміджевої комунікації в формуванні образу медичної установи. Практичний маркетинг. Спеціальний випуск №11, 2012. с. 40-47;
31. Чихольд Я. Нова друкарня. Керівництво для сучасного дизайнера. - М.: Видавництво Артемія Лебедєва, 2011. - 244 с.
32. Юнісов Р. Х. Роль брендинга медицинского учреждения в условиях цифровизации здравоохранения. - М.: ФГБОУ ВО РЭУ им. Г.В. Плеханова. Журнал Маркетинг МВА. Маркетинговое управление предприятием, 2019, выпуск 4, 490–500 с.;
33. Alexander J. Catanese. Оrganic web design. Еxploring nature as metaphor in responsive web design. Сollege of communication and information of Kent state university, 2017;
34. Al Ries, Jack Trout. Positioning: The Battle for Your Mind. USA, 2001;
35. Alina Wheeler, Designing Brand Identity: An Essential Guide for the Whole Branding. USA.: WILEY, 2017;
36. B. Pinna and A. Reeves, “From Perception to Art: How vision creates meanings,” Spatial vision, vol. 22, 2009, pp. 225-272;
37. Barness, J., & Papaelias, A. Critical Making at the Edges. USA. Visible Language, 2015;
38. Bertin J. Semiology of graphics / J. Bertin. – University of Wisconsin Press, 1983. – 94 p.;
39. Blackwell, A. (2006). Te Reification of Metaphor as a Design Tool. New-York, 2006;
40. Corral, L., Sillitti, A., Succi, G., Garibbo, A., & Ramella, P. Evolution of mobile software development from platform-specific to web-based multiplatform paradigm. Italy. Free University of Bozen-Bolzano, 2012;
41. Charland, A., & LeRoux, B. Mobile application development: web vs. native. Indonesia. Bina Nusantara University Queue, 2015;
42. David Airey, Logo Design Love: A Guide to Creating Iconic Brand Identities. USA.: Copy Riders, 2015;
43. Daniel J. Mosora. Towards a quantitative evaluation of layout using graphic design principles. Kent State University Honors College, 2012
44. Rebecca Anne Grier. Visual attention and web design. University of Cincinnati, 2004;
45. Da Shen. Comparative Evaluation of Repurposing and Optimized Approaches in Web Application Design. University of Cincinnati, 2013;
46. Elliot J.S., P. Boag, R. Andrew, A. Walter, B. Schwarz. Redesign the web. USA.: Smashing Media GmbH, 2012. – 340p.;
47. Eskilson, S. J. Graphic design: A new history (2nd ed.). New Haven, CT: Yale University Press, 2012;
48. Fraser, T., & Banks, A. Designer’s color manual: Te complete guide to color theory and application. San Francisco, CA: Chronicle Books, 2004;
49. Fry B. Organic Information Design (Master’s thesis). Massachusetts Institute of Technology, Cambridge, Massachusetts, 2000;
50. Gustafson, A. Adaptive web design: crafting rich experiences with progressive enhancement. USA. Easy Readers, 2011. – 144 p.;
51. Habermas, J. The theory of communicative action. Vol. 1. Reason and rationalization of society. Boston: Beacon press, 1984. – 562 p.;
52. Ian McCullough. Small Businesses and Their Perceived Value of Design. College of Communication and Information of Kent State University, 2014;
53. Jeffrey P. Bigham. Making the web easier to see with opportunistic accessibilityimprovement. New York, 2014;
54. Kretzschmar, A.Te Economic Effects of Design. National Agency for Enterprise and Housing, 2003;
55. К. Z. Gajos, et al., “Automatically generating personalized user interfaces with SUPPLE,” Artificial Intelligence, vol. 174, pp. 910-950, 2010;
56. Lupu Iulian Costin, Nicolae Gherman, Elena Mihaela1. Visual identity system of a dental laboratory. Romania. University of Medicine and Pharmacy "Grigore T. Popa". Romanian Journal of Oral Rehabilitation, 2012, vol 4.;
57. Meggs P.B. A History of Graphic Design / Philip B. Meggs. 3rd ed. — New York : John Wiley & Sons, Inc., 1998. — 592 p.;
58. Mulder, S. Te User is Always Right: A Practical Guide to Creating and Using. New York.: New Riders, 2007;
59. Niraj Kapadia. User Interface. University of Cincinnati, 2011;
60. Olins, W. Te corporate personality: An inquiry into the nature of corporate identity. New York, NY: Mayflower Books, 1978;
61. Osamu Hashimoto, Brad A. Myers. Graphical styles for building interfaces. New York, 1992;
62. Re M. Typographically speaking: The art of Matthew Carter. New York, NY: Princeton Architectural Press, 2003;
63. Reinders A. The Power of Design: Product Innovationin Sustainable Energy Technologies [Текст] / Angele H. Reinders, Jan Carel Diehl, Han Brezet. — Oxford, UK: Wiley, 2012. — 368 p.;
64. Ritchey, T. Wicked problems—social messes: Decision support modelling with morphological analysis. Berlin: Springer-VerlagЮ, 2011;
65. Saurabh S.R., Prateek S.S., Jegadeesh R. Exploring the role of color-coding in ensuring delivery of quality-assured healthcare services. Menoufi a Medical Journal. 2017;
66. Shin B.S., Mou X., Mou W., Wang H. Vision-based navigation of an unmanned surface vehicle with ob ject detection and tracking abilities. Machine Vision and Applications. 2018;
67. White, A.W. Elements of Graphic Design. USA.: Allworth Press, 2011. — 224 р.;
68. A Reference Guide For Typography In Mobile Web Design 2018 [Електронний ресурс]: https://www.smashingmagazine.com/2018/06/referen...
69. Frank Chimero. The Web's Grain. 2015 [Електронний ресурс]: https://frankchimero.com/blog/2015/the-webs-grain/
70. Help and Documentation: The 10th Usability Heuristic 2020 [Електронний ресурс]: https://www.nngroup.com/articles/help-and-documentation/
71. John Allsopp. A Dao of Web Design. 2000 [Електронний ресурс]: https://alistapart.com/article/dao/
72. The Guide to Responsive Typography Sizing and Scales 2021 [Електронний ресурс]: https://designshack.net/articles/typography/guid...
73. Typography for Glanceable Reading: Bigger Is Better 2017 [Електронний ресурс]: https://www.nngroup.com/articles/glanceable-fonts/