CINXE.COM
Graphic Design's Development and Influence: Creating Modern Visua
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Graphic Design's Development and Influence: Creating Modern Visua</title> <meta name="keywords" content="Graphic design"> <meta name="description" content="Graphic Design's Development and Influence: Creating Modern Visual Communication, Bruno Lee*.. "/> <meta name="citation_publisher" content="Longdom Publishing S.L"/> <meta name="citation_journal_title" content="International Journal of Advancements in Technology"> <meta name="citation_title" content="Graphic Design's Development and Influence: Creating Modern Visual Communication"> <meta name="citation_author" content="Bruno Lee"/> <meta name="citation_year" content="2024"> <meta name="citation_volume" content="15"> <meta name="citation_issue" content="3"> <meta name="citation_doi" content="10.35841/0976-4860.24.15.291"> <meta name="citation_issn" content="0976-4860"> <meta name="citation_publication_date" content="2024/06/03"/> <meta name="citation_firstpage" content="1"> <meta name="citation_lastpage" content="2"> <meta name="citation_abstract" content=""> <meta name="citation_fulltext_html_url" content="https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html"> <meta name="citation_pdf_url" content="https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication.pdf"> <meta name="format-detection" content="telephone=no" /> <meta name="google-site-verification" content="NomPTP94YozsgvD3NEFpNqUfY88e0TU0L64zNzZTpd0" /> <meta itemprop="name" content="longdom" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="ROBOTS" content="INDEX,FOLLOW" /> <meta name="googlebot" content="INDEX,FOLLOW" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <link rel="canonical" href="https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" /> <link rel="alternate" href="https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" hreflang="en-us" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html", "logo": "https://www.longdom.org/assets/img/longdom-logo.svg" } </script> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" /> <link href="/assets/css/longdom.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" /> <!-- Fontawesome CSS --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" /> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" /> <link href="/assets/css/ionicons.min.css" rel="stylesheet" /> <!--====================== Custom Scrollbar CSS ========================== --> <link rel="stylesheet" href="/assets/css/jquery.mCustomScrollbar.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css" /> <!--============ Globa CSS ================ --> <link rel="stylesheet" href="/assets/css/global.css" /> <!--============ Styles ================ --> <link rel="stylesheet" href="/assets/css/styles.css" /> <link rel="stylesheet" type="text/css" href="/assets/css/author.css" /> <link rel="icon" href="/assets/img/favicon.png" type="image/gif" /> <link rel="stylesheet" href="/assets/css/coolautosuggest.css" /> <!-- Global site tag (gtag.js) - Google Analytics <script async src="https://www.googletagmanager.com/gtag/js?id=UA-115877259-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-115877259-1'); </script>--> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LE7WH45F9C"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LE7WH45F9C'); </script> <meta property="og:title" content="Longdom Publishing SL | Open Access Journals" /> <meta property="og:site_name" content="Longdom" /> <meta property="og:url" content="https://www.longdom.org/" /> <meta property="og:description" content="Longdom Publishing SL is one of the leading international open access journals publishers, covering clinical, medical, and technology-oriented subjects" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://www.longdom.org/assets/img/longdom-logo.svg" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@org_longdom" /> <meta name="twitter:title" content="Longdom Publishing SL | Open Access Journals" /> <meta name="twitter:description" content="Longdom Publishing SL is one of the leading international open access journals publishers, covering clinical, medical, and technology-oriented subjects." /> <meta name="twitter:image" content="https://www.longdom.org/assets/img/longdom-logo.svg" /> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '297919997051754'); fbq('track', "PageView"); </script> <!-- End Facebook Pixel Code --> <script type="text/javascript"> function openimage( theURL, winName, features ) { window.open( theURL, winName, features ); } </script> </head> <body> <header> <!--=======top Navbar==========--> <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm deva541"> <div class="container"> <a class="navbar-brand" href="https://www.longdom.org/" title="Longdom Publishing S.L"> <img src="/assets/img/longdom-logo.svg" alt="" height="25"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-end" id="navbar"> <div class="navbar-nav"> <a class="nav-item nav-link" href="https://www.longdom.org/" title="Home">Home</a> <div class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Guidelines" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Journals</a> <div class="dropdown-menu" aria-labelledby="Journals"> <a class="dropdown-item" href="https://www.longdom.org/journals-by-title.html" title="A-Z Journals">A-Z Journals</a> <a class="dropdown-item" href="https://www.longdom.org/open-access-journals-list.html" title="Browse By Subject">Browse By Subject</a> </div> </div> <div class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Guidelines" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Guidelines & Policies </a> <div class="dropdown-menu" aria-labelledby="Guidelines"> <a class="dropdown-item" href="https://www.longdom.org/editorial-policies.html" title="Editorial Policies">Editorial Policies</a> <a class="dropdown-item" href="https://www.longdom.org/submit-manuscript.html" title="Online Submission">Online Submission</a> <a class="dropdown-item" href="https://www.longdom.org/instructions-to-authors.html" title="Instructions to Authors">Instructions to Authors</a> <a class="dropdown-item" href="https://www.longdom.org/policies.html" title="Policies">Policies</a> <a class="dropdown-item" href="https://www.longdom.org/publication-ethics.html" title="Publication ethics & malpractice statement">Publication ethics & malpractice statement</a> <a class="dropdown-item" href="https://www.longdom.org/reviewers.html" title="Reviewers">Reviewers</a> <a class="dropdown-item" href="https://www.longdom.org/terms-conditions.html" title="Terms and Conditions">Terms and Conditions</a> </div> </div> <a class="nav-item nav-link" href="https://www.longdom.org/advertising.html" title="Advertising">Advertising</a> <a class="nav-item nav-link" href="https://www.longdom.org/conferences.html" title="Conferences">Conferences</a> <a class="nav-item nav-link" href="https://www.longdom.org/contact-us.html" title="Contact us">Contact us</a> <div id="google_translate_element"></div> </div> <!-- <div class="form-group mb-0 ml-3"> <form id="tfnewsearch" role="search" action="https://www.longdom.org/search-results.php"> <div class="input-group"> <input type="text" name="keyword" id="keyword" required class="form-control rounded-0" pattern=".{4,40}" placeholder="Search.." aria-label="Recipient's username" aria-describedby="basic-addon2" title="4 to 40 characters" /> <div class="input-group-append"> <button class="btn btn-warning rounded-0" type="submit"><i class="fas fa-search"></i></button> </div> </div> </form> </div> --> </div> </div> </nav> </header> <!--===============Journal header part====================--> <section class="bg-info py-1"> <div class="container"> <div class="row align-items-center justify-content-between"> <!--===============logosection/journal name====================--> <div class="col-12 col-sm-auto"> <img src="https://www.longdom.org/admin/headers/international-journal-of-advancements-in-technology-logo.svg" alt="International Journal of Advancements in Technology" width="105" height="105" class="img-fluid mx-auto"> </div> <div class="col-12 col-sm-8"> <h1 class="text-left text-white border-light-blue-200-before font-size-7">International Journal of Advancements in Technology<br><small class="float-right font-size-5">Open Access</small></h1> </div> <!--===============logo section end====================--> <div class="col-12 col-sm-2 d-none d-sm-block"> <p class="lead">ISSN: 0976-4860</p> <!--========WhatsApp Number============--> <div id="feedback" class="card card-body p-1 font-size-2 shadow-sm z-index-1"> <div class="reach-us-animated"></div> <p class="card-text"><img src="/assets/img/whatsapp.svg" alt="" width="20" class="ml-2"> +44 1478 350008</p> </div> </div> </div> </div> </section> <!--===============Journal Navbar====================--> <nav id="sticky-navbar" class="navbar navbar-expand-lg navbar-dark bg-primary py-0"> <div class="container"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#jrnlNavbar" aria-controls="jrnlNavbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-center" id="jrnlNavbar"> <div class="navbar-nav"> <a class="nav-item nav-link " href="https://www.longdom.org/international-journal-of-advancements-in-technology.html" title="Journal Home">Journal Home</a> <div class="nav-item dropdown"> <a class="nav-link dropdown-toggle " href="#" id="EditorialPanel" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Editorial Panel <i class="fas fa-caret-down"></i></a> <div class="dropdown-menu" aria-labelledby="EditorialPanel"> <a class="dropdown-item" href="https://www.longdom.org/international-journal-of-advancements-in-technology/editor-in-chief.html" title="Editor-in-Chief">Editor-in-Chief</a> <a class="dropdown-item" href="https://www.longdom.org/international-journal-of-advancements-in-technology/editorial-board.html" title="Editorial Board">Editorial Board</a> </div> </div> <div class="nav-item dropdown"> <a class="nav-link dropdown-toggle " title="Instructions for Authors" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Instructions for Authors <i class="fas fa-caret-down"></i></a> <div class="dropdown-menu" aria-labelledby="EditorialPanel"> <a class="dropdown-item" href="https://www.longdom.org/international-journal-of-advancements-in-technology/instructionsforauthors.html" title="Instructions for Authors">Instructions for Authors</a> <!--<a class="dropdown-item" href="https://www.longdom.org/international-journal-of-advancements-in-technology/ethical-malpractices.html" title="Publication ethics & malpractice statement">Publication ethics & malpractice statement</a>--> <a class="dropdown-item" href="https://www.longdom.org/international-journal-of-advancements-in-technology/ethical-malpractices.html" title="Publication ethics & malpractice statement">Publication ethics & malpractice statement</a> </div> </div> <a class="nav-link " href="https://www.longdom.org/international-journal-of-advancements-in-technology/submit-manuscript.html" title="Submit Manuscript">Submit Manuscript</a> <a class="nav-link " href="https://www.longdom.org/international-journal-of-advancements-in-technology/aim-and-scope.html" title="Aims and Scope">Aims and Scope</a> <a class="nav-link " href="https://www.longdom.org/international-journal-of-advancements-in-technology/inpress.html" title="Articles in process">Articles in process</a> <!--<a class="nav-link " href="https://www.longdom.org/international-journal-of-advancements-in-technology/current-issue.html" title="Current Issue">Current Issue</a>--> <a class="nav-link " href="https://www.longdom.org/international-journal-of-advancements-in-technology/archive.html" title="Archive">Archive</a> <div class="nav-item dropdown"> <a class="nav-link dropdown-toggle " href="#" id="SpecialIssues" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Special Issues <i class="fas fa-caret-down"></i></a> <div class="dropdown-menu" aria-labelledby="SpecialIssues"> <a class="dropdown-item" href="https://www.longdom.org/international-journal-of-advancements-in-technology/guidelines.html" title="Guidelines">Guidelines</a> <a class="dropdown-item" href="https://www.longdom.org/international-journal-of-advancements-in-technology/upcoming-special-issues.html" title="Upcoming Special Issues">Upcoming Special Issues</a> </div> </div> <a class="nav-item nav-link " href="https://www.longdom.org/international-journal-of-advancements-in-technology/contact.html" title="Contact">Contact</a> </div> </div> </div> </nav> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <section class="py-4 content"> <div class="container"> <div class="row"> <aside class="col-12 col-sm-3 order-last order-sm-first"> <a href="https://www.longdom.org/international-journal-of-advancements-in-technology/awards-nomination.html" class="btn btn-info btn-block mb-3 border-0 border-left-4 border-info font-size-4"><i class="fa-light fa-award-simple"></i> Awards Nomination </a> <a href="https://www.longdom.org/international-journal-of-advancements-in-technology-online-visitors-readers-156.html" class="btn btn-warning btn-block mb-3 border-0 border-left-4 border-info font-size-4"><i class="fas fa-book-reader"></i> 25+ Million Readerbase</a> <!------qrcode---------> <div class="card shadow-sm sidebar mb-3"> <div class="list-group list-group-flush qr_code_image"> <img title="QR" src="https://chart.googleapis.com/chart?chs=185x185&cht=qr&chl=https%3A%2F%2Fwww.longdom.org%2Fopen-access%2Fgraphic-designs-development-and-influence-creating-modern-visual-communication-109098.html&chld=M|0&icqrf=00b1e4" alt="Longdom"/> <!-- social icons--> <nav class="nav nav-pills social-icons-footer sidebar_social_icons a-pl-0"> <a title="Share This Article" target="_blank" class="nav-link" rel="noopener" href="https://www.facebook.com/sharer.php?s=100&p[title]=Graphic Design's Development and Influence: Creating Modern Visual Communication&p[url]=https%3A%2F%2Fwww.longdom.org%2Fopen-access%2Fgraphic-designs-development-and-influence-creating-modern-visual-communication-109098.html"><img src="https://www.longdom.org/assets/socials/facebook.png" alt="Longdom" /></a> <a title="Share This Article" target="_blank" class="nav-link" rel="noopener" href="https://web.whatsapp.com/send?text=https%3A%2F%2Fwww.longdom.org%2Fopen-access%2Fgraphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" title="Share This Article" target="_blank" class="nav-link"><img src="https://www.longdom.org/assets/socials/whatsapp.png" alt="Longdom"/></a> <a title="Share This Article" target="_blank" class="nav-link" rel="noopener" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.longdom.org%2Fopen-access%2Fgraphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" title="Share This Article" target="_blank" class="nav-link"><img src="https://www.longdom.org/assets/socials/linkedin.png" alt="Longdom"/></a> <a title="Share This Article" target="_blank" class="nav-link" rel="noopener" href="https://twitter.com/share?text=Graphic Design's Development and Influence: Creating Modern Visual Communication&url=https%3A%2F%2Fwww.longdom.org%2Fopen-access%2Fgraphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" class="nav-link"><img src="https://www.longdom.org/assets/socials/twitter.png" alt="Longdom" /></a> </nav> <!-- end icons --> </div> </div> <!------qrcode end---------> <!--========== pmc/pubmed articles==================--> <!--========== pmc/pubmed articles==================--> <!--========== indexedin==================--> <h6><a target="_blank" href="https://scholar.google.com/citations?user=45a-0xUAAAAJ&hl=en" title="Click here">Google Scholar citation report</a></h6> <h6 style="font-weight:bold;">Citations : 1837</h6> <p><a target="_blank" href="https://scholar.google.com/citations?user=45a-0xUAAAAJ&hl=en" title="Click here">International Journal of Advancements in Technology received 1837 citations as per Google Scholar report</a></p> <div class="card shadow-sm sidebar mb-3"> <a href="https://www.longdom.org/international-journal-of-advancements-in-technology/citations.html" title="Click here"><img src="https://www.longdom.org/admin/citation-images/international-journal-of-advancements-in-technology-citation.PNG" alt="Citation" class="img-fluid p_rel" /></a> </div> <h6><a href="https://publons.com/journal/45204/international-journal-of-advancements-in-technolog/" target="_blank" title="Click here">International Journal of Advancements in Technology peer review process verified at publons</a></h6> <div class="card shadow-sm sidebar mb-3"> <a href="https://publons.com/journal/45204/international-journal-of-advancements-in-technolog/" target="_blank" title="Click here"><img src="https://www.longdom.org/admin/publon-images/international-journal-of-advancements-in-technology-publon.png" alt="Flyer image" class="p_rel w-100" height="250px"/></a> </div> <!-----supplimentary issues----> <!-----supplimentary issues end----> <div class="card shadow-sm sidebar mb-3"> <h6 class="card-header pr-0">Indexed In</h6> <div class="list-group list-group-flush overflow-view"> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> Electronic Journals Library </div> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> RefSeek </div> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> Hamdard University </div> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> EBSCO A-Z </div> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> OCLC- WorldCat </div> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> Scholarsteer </div> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> SWB online catalog </div> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> Publons </div> <div class="list-group-item p-0 pt-2 pl-2"> <i class="fa fa-chevron-right" style="font-size: 11px;color: #0056b3;"></i> Google Scholar </div> </div> <p class="m-0 clearfix"><a href="https://www.longdom.org/international-journal-of-advancements-in-technology/indexing.html" title="Click here"><span class="btn btn-warning btn-xs float-right">View More »</span></a></p> </div> <!--========== indexedin end==================--> <!--===========Useful Links=================--> <div class="card shadow-sm sidebar mb-3"> <h6 class="card-header">Useful Links</h6> <div class="card-body p-0"> <nav class="nav flex-column font-size-3 icon-list icon-list-angle-right a-py-1"> <a class="nav-item nav-link" href="https://www.longdom.org/covid-19-peer-reviewed-journals-articles-special-issues.html" title="Click Here">Covid-19 Journal Articles Issues</a> <a class="nav-item nav-link" href="https://www.longdom.org/international-journal-of-advancements-in-technology/aim-and-scope.html" title="Click Here">Aim and Scope</a> <a class="nav-item nav-link" href="https://www.longdom.org/international-journal-of-advancements-in-technology/peer-review-process.html" title="Click Here">Peer Review Process</a> <a class="nav-item nav-link" href="https://www.longdom.org/international-journal-of-advancements-in-technology/other-comments.html" title="Click Here">Other Comments</a> <a class="nav-item nav-link" href="https://www.longdom.org/international-journal-of-advancements-in-technology/advertising.html" title="Click Here">Advertising</a> <a class="nav-item nav-link" href="https://www.longdom.org/international-journal-of-advancements-in-technology/citations.html" title="Click Here">Citations Report</a> <a class="nav-item nav-link" href="https://www.longdom.org/international-journal-of-advancements-in-technology/indexing.html" title="Click Here">Indexing and Archiving</a> <a class="nav-item nav-link" href="https://www.longdom.org/international-journal-of-advancements-in-technology/archive.html" title="Click Here">Table of Contents</a> <a class="nav-item nav-link" href="https://www.longdom.org/submissions/international-advancements-technology.html" title="Click Here">Submit Paper</a> <a class="nav-item nav-link" href="https://www.longdom.org/editorial-tracking/" title="Click Here">Track Your Paper</a> <a class="nav-item nav-link" href="https://www.longdom.org/funded-articles.html" title="Click Here">Funded Work</a> </nav> </div> </div> <!--==========Share This Page==================--> <div class="card shadow-sm sidebar mb-3" style="margin-top:10px"> <h6 class="card-header">Share This Page</h6> <div class="card-body"> <nav class="nav social-icons social-icons-sm"> <a class="nav-link bg-facebook white" href="https://www.facebook.com/sharer.php?u=https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" target="_blank" title="Share with Facebook" rel="noopener"><i class="fab fa-facebook-f"></i></a> <a class="nav-link bg-twitter white" href="https://twitter.com/share?url=https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" rel="noopener" target="_blank" title="Share with Twitter"><i class="fab fa-twitter"></i></a> <a class="nav-link bg-linkedin white" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" rel="noopener" target="_blank" title="Share with Linkdin"><i class="fab fa-linkedin-in"></i></a> <a class="nav-link bg-googleplus white" href="https://plus.google.com/share?url=https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" target="_blank" rel="noopener" title="Share with Google+"><i class="fab fa-google-plus-g"></i></a> <a class="nav-link bg-pinterest white" href="https://pinterest.com/pin/create/button/?url=https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" rel="noopener" target="_blank" title="Share with Pintrest"><i class="fab fa-pinterest-p"></i></a> <a class="nav-link bg-blogger white" href="https://www.blogger.com/blog-this.g?u=https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication-109098.html" rel="noopener" target="_blank" title="Share with Blogger"><i class="fab fa-blogger-b"></i></a> </nav> </div> </div> <!--==========Recommended Journals==============--> <div class="card shadow-sm sidebar mb-3"> <h6 class="card-header">Recommended Journals</h6> <div class="card-body p-0"> <nav class="nav flex-column font-size-3 icon-list icon-list-angle-right a-py-1"> <a class="nav-item nav-link" href="https://www.longdom.org/advances-in-automobile-engineering.html" title="Click Here">Designing and Manufacturing Technology</a> <a class="nav-item nav-link" href="https://www.longdom.org/chemical-engineering-process-technology.html" title="Click Here">Manufacturing of Products and Compounding</a> <a class="nav-item nav-link" href="https://www.longdom.org/information-technology-software-engineering.html" title="Click Here">Computer Science and Software Applications</a> </nav> </div> </div> <!--========== Recomended Conferences ==================--> <div class="card shadow-sm sidebar mb-3"> <a href="https://www.longdom.org/international-journal-of-advancements-in-technology/advertising.html" title="Click here"><img src="https://www.longdom.org/assets/img/tower-banner.jpg" alt="Flyer image" class="img-fluid p_rel" /> <span class="p_abo cu_roundchip"> <span> <h5><span>25+</span> Million Website Visitors</h5> </span> </span> </a> </div> <!-- video --> <!-- end video --> <!--==========longdom flyer==================--> <div class="card shadow-sm sidebar mb-3"> <h6 class="card-header">Journal Flyer</h6> <img src="https://www.longdom.org/admin/flyers/international-journal-of-advancements-in-technology-flyer.jpg" alt="International Journal of Advancements in Technology" class="img-fluid"/> </div> <!--==========relevant topics==================--> <!--Twitter starting--> <div class="sidebar pt-20 pl-10 mt-xs-0" align="center"> <a class="twitter-timeline" href="https://twitter.com/advancementtec2" data-width="450" data-height="300">Tweets by advancementtec2</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="clear"> </div> <!--Twitter ending--> <!--===========open access journals=================--> <div class="card shadow-sm sidebar mb-3"> <h6 class="card-header">Open Access Journals</h6> <div class="card-body p-0 scroll_mang"> <nav class="nav flex-column font-size-3 icon-list icon-list-angle-right a-py-1"> <a class="nav-item nav-link" href="https://www.longdom.org/agri-and-aquaculture-journals.html" title="Click Here">Agri and Aquaculture</a> <a class="nav-item nav-link" href="https://www.longdom.org/biochemistry-journals.html" title="Click Here">Biochemistry</a> <a class="nav-item nav-link" href="https://www.longdom.org/bioinformatics-and-systems-biology-journals.html" title="Click Here">Bioinformatics & Systems Biology</a> <a class="nav-item nav-link" href="https://www.longdom.org/business-and-management-journals.html" title="Click Here">Business & Management</a> <a class="nav-item nav-link" href="https://www.longdom.org/chemistry-journals.html" title="Click Here">Chemistry</a> <a class="nav-item nav-link" href="https://www.longdom.org/clinical-sciences-journals.html" title="Click Here">Clinical Sciences</a> <a class="nav-item nav-link" href="https://www.longdom.org/engineering-journals.html" title="Click Here">Engineering</a> <a class="nav-item nav-link" href="https://www.longdom.org/food-and-nutrition-journals.html" title="Click Here">Food & Nutrition</a> <a class="nav-item nav-link" href="https://www.longdom.org/general-science-journals.html" title="Click Here">General Science</a> <a class="nav-item nav-link" href="https://www.longdom.org/genetics-and-molecular-biology-journals.html" title="Click Here">Genetics & Molecular Biology</a> <a class="nav-item nav-link" href="https://www.longdom.org/immunology-and-microbiology-journals.html" title="Click Here">Immunology & Microbiology</a> <a class="nav-item nav-link" href="https://www.longdom.org/medical-sciences-journals.html" title="Click Here">Medical Sciences</a> <a class="nav-item nav-link" href="https://www.longdom.org/neuroscience-and-psychology-journals.html" title="Click Here">Neuroscience & Psychology</a> <a class="nav-item nav-link" href="https://www.longdom.org/nursing-and-health-care-journals.html" title="Click Here">Nursing & Health Care</a> <a class="nav-item nav-link" href="https://www.longdom.org/pharmaceutical-sciences-journals.html" title="Click Here">Pharmaceutical Sciences</a> </nav> </div> </div> <!--===========open access journals=================--> </aside> <div class="col-12 col-sm-9 full-text"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-4"> <p class="text-muted mb-0"> Short Communication - (2024)Volume 15, Issue 3 </p> </div> <div class="col-12 col-sm-8 text-right custom-column"> <a href="https://www.longdom.org/open-access/graphic-designs-development-and-influence-creating-modern-visual-communication.pdf" title="View PDF" class="btn btn-sm bg-green-600 rounded-50"><i class="fas fa-file-pdf"></i> View PDF</a> <a href="https://www.longdom.org/pdfdownload.php?download=open-access/graphic-designs-development-and-influence-creating-modern-visual-communication.pdf&aid=109098" title="Download PDF" class="btn btn-sm bg-green-600 rounded-50"><i class="fas fa-download"></i> Download PDF</a> </div> </div> <h2 class="font-size-7 mt-2">Graphic Design's Development and Influence: Creating Modern Visual Communication</h2> <a href='https://www.longdom.org/author/bruno-lee-71162' title='Bruno Lee' style='color:#555; border-bottom:1px dotted #CCC;'>Bruno Lee</a><sup><a href='#Bruno_Lee'>*</a></sup> <div> </div> <a id="Bruno_Lee"></a> <strong><sup>*</sup>Correspondence:</strong> Bruno Lee, Department of Modern Visual Communication, University of Dhaka, Dhaka, Bangladesh, <strong>Email:</strong> <i class='fa fa-envelope' aria-hidden='true' title='Lee_b@hotmail.com'></i> <p><a href="#ai"><strong>Author info »</strong></a></p> <h4>Description</h4> <p>Graphic design, the art of visual communication through the use of text, images and other design elements, has become an integral part of our everyday lives. From the advertisements we see in magazines to the websites we browse, graphic design shapes our interaction with the world. This article moves into the fundamentals of graphic design, its historical evolution, key principles, tools and its profound impact on various industries [<a href="#1" title="1">1</a>].</p> <p><strong>Foundations of graphic design </strong></p> <p>Graphic design is a multidisciplinary field that combines art and technology to communicate ideas. At its core, graphic design involves the strategic arrangement of visual elements to convey a specific message to a targeted audience. This can range from creating a simple logo to designing complex multimedia content.</p> <p> The primary components of graphic design include:</p> <p> <strong>Typography: </strong>The art of arranging type to make written language legible, readable and visually appealing. Typography involves choosing fonts, adjusting spacing and ensuring that the text complements the overall design [<a href="#2" title="2">2</a>].</p> <p> <strong>Imagery: </strong>The use of images, illustrations and icons to enhance the visual appeal and effectiveness of a design. Imagery can give rise emotions, tell stories and support the intended message.</p> <p> <strong>Color: </strong>Color theory and psychology play a significant role in graphic design. Colors can influence perceptions, emotions and guide the viewer’s attention. Designers carefully select color palettes to align with the brand identity and message [<a href="#3" title="3">3</a>].</p> <p> <strong>Layout and composition: </strong>The arrangement of text and images within a design. Effective composition ensures a harmonious and balanced design, guiding the viewer's eye through the content in a logical and aesthetically pleasing manner.</p> <strong>Visual hierarchy: </strong>The organization of elements in order of importance. By manipulating size, color and placement, designers create a hierarchy that directs the viewer's attention to the most toughest aspects of the design first [<a href="#4" title="4">4</a>]. <p><strong>Historical <a target='_blank' href='https://www.longdom.org/peer-reviewed-journals/evolution-49031.html'>evolution</a> of graphic design </strong></p> <p>Graphic design as we know it today has a rich history that dates back to ancient civilizations. Early examples of graphic design can be found in Egyptian portraits, Roman manuscripts and medieval illuminated texts. However, the modern era of graphic design began with the invention of the printing press by Johannes Gutenberg in the 15th century. This innovation revolutionized the production of books, making written content more accessible and laying the preparations for modern typography and layout design. The 20th century saw significant developments in graphic design, influenced by various art movements such as Art Nouveau, Bauhaus. The advent of digital technology in the late 20th and early 21st centuries transformed graphic design into a dynamic and rapidly evolving field. Digital tools and software have expanded the possibilities for designers, enabling them to create complexity and interactive designs that were previously unimaginable [<a href="#5" title="5">5</a>].</p> <p><strong>Principles of effective graphic design </strong></p> <p>Successful graphic design is grounded in several key principles that guide the creation of visually appealing and functional designs [<a href="#6" title="6">6</a>,<a href="#7" title="7">7</a>]:</p> <p> <strong>Balance: </strong>Achieving a visual equilibrium by distributing elements evenly across the design. Balance can be symmetrical or asymmetrical, depending on the desired effect..</p> <p> <strong>Contrast: </strong>Using differences in color, size, shape and texture to create visual interest and emphasize important elements.</p> <p> <strong>Alignment: </strong>Ensuring that elements are arranged in a visually pleasing and logical manner. Proper alignment creates a sense of order and cohesiveness.</p> <p> <strong>Repetition: </strong>Repeating design elements such as colors, shapes and fonts to create consistency in the overall theme.</p> <p><strong>Proximity: </strong>Grouping related elements together to create a sense of unity and improve readability.</p> <p> <strong>Whitespace: </strong>The use of empty space around design elements to create a clean and uncluttered look. Whitespace helps to focus the viewer’s attention and enhance the overall aesthetics.</p> <p><strong>Tools of the <a target='_blank' href='https://www.longdom.org/peer-reviewed-journals/trade-28644.html'>trade</a> </strong></p> <p>Graphic designers depend on a variety of tools to bring their creative visions to life. Some of the most commonly used tools include:</p> <p> <strong>Adobe creative suite: </strong>A collection of software applications such as photoshop and illustrator which are industry standards for graphic design. These tools offer powerful features for photo editing, vector graphics and layout design [<a href="#8" title="8">8</a>].</p> <p> <strong>Sketch: </strong>A popular design tool for creating user interfaces, websites and mobile apps. Sketch is known for its natural interface and powerful vector editing capabilities.</p> <p> <strong>Figma: </strong>A collaborative design tool that allows multiple designers to work on the same project in real-time. Figma is widely used for designing user interfaces and prototyping.</p> <p> <strong>Canva: </strong>An online graphic design platform that offers a wide range of templates and design elements. Canva is user-friendly and accessible, making it a popular choice for non-designers and professionals alike [<a href="#9" title="9">9</a>].</p> <p> <strong>Procreate: </strong>A digital painting app for iPad that is favored by illustrators and artists for its natural drawing experience and extensive brush library.</p> <p><strong>Impact on various industries </strong></p> <p>Graphic design plays an important role in numerous industries, influencing how brands communicate with their audiences and how products and services are perceived. Here are a few examples:</p> <p> <strong>Advertising and marketing: </strong>Graphic design is essential for creating compelling advertisements, <a target='_blank' href='https://www.longdom.org/peer-reviewed-journals/marketing-12928.html'>marketing</a> materials and brand identities. Well-designed visuals can capture attention, convey messages effectively and drive consumer engagement.</p> <p> <strong>Web design: </strong>In the digital age, a strong online presence is important for businesses. Graphic designers create visually appealing and user-friendly websites that enhance the user experience and reflect the brand’s identity.</p> <p> <strong>Publishing: </strong>From book covers to magazine layouts, graphic design is integral to the publishing industry. Effective design enhances readability, attracts readers and contributes to the overall success of publications [<a href="#10" title="10">10</a>].</p> <p><strong>Entertainment: </strong>The <a target='_blank' href='https://www.longdom.org/peer-reviewed-journals/entertainment-10271.html'>entertainment</a> industry depends heavily on graphic design for creating movie posters, album covers, video game interfaces and more. These designs play a key role in <a target='_blank' href='https://www.longdom.org/peer-reviewed-journals/marketing-12928.html'>marketing</a> and audience engagement.</p> <p> <strong>Product design: </strong>Graphic design is involved in packaging design, product labels and promotional materials. Attractive and functional design can influence purchasing decisions and brand loyalty.</p> <h4>Conclusion</h4> <p>Graphic design is a dynamic and multifaceted field that combines creativity, technology and strategic thinking to craft visual communication. Its principles and tools empower designers to create impactful and meaningful designs that shape our perceptions and interactions with the world. As technology continues to advance, the possibilities for graphic design are boundless, exciting innovations and opportunities for the future. Whether in advertising, web design, publishing or entertainment, graphic design remains a powerful force in shaping our visual landscape.</p> <h4>References</h4> <ol> <li id='Reference_Title_Link' value='1'><a name="1" id='1'></a>Wartmann FM, Frick J, Kienast F, Hunziker M. <a href="https://www.sciencedirect.com/science/article/pii/S0169204620315085">Factors influencing visual landscape quality perceived by the public. Results from a national survey</a>. Landsc Urban Plan. 2021;208:104024. <p>[<a href="https://doi.org/10.1016/j.landurbplan.2020.104024">Crossref</a>] [<a href="https://scholar.google.com/scholar?cluster=8053168832447573495&hl=en&as_sdt=0,5">Google Scholar</a>] </p> </li> <li id='Reference_Title_Link' value='2'><a name="2" id='2'></a>Conrad E, Fazey I, Christie M, Galdies C. <a href="https://www.sciencedirect.com/science/article/abs/pii/S0169204618311198">Choosing landscapes for protection: Comparing expert and public views in Gozo, Malta</a>. Landsc Urban Plan. 2019;191:103621. <p>[<a href="https://doi.org/10.1016/j.landurbplan.2019.103621">Crossref</a>] [<a href="https://scholar.google.com/scholar?cluster=5991925668363306902&hl=en&as_sdt=0,5">Google Scholar</a>] </p> </li> <li id='Reference_Title_Link' value='3'><a name="3" id='3'></a>Misthos LM, Krassanakis V, Merlemis N, Kesidis AL. <a href="https://www.mdpi.com/1424-8220/23/19/8135">Modeling the visual landscape: A Review on approaches, methods and techniques</a>. Sensors. 2023;23(19):8135. <p>[<a href="https://doi.org/10.3390/s23198135">Crossref</a>] [<a href="https://scholar.google.com/scholar?cluster=328728074363323793&hl=en&as_sdt=0,5">Google Scholar</a>] </p> </li> <li id='Reference_Title_Link' value='4'><a name="4" id='4'></a>Mora P, Garcia C, Ivorra E, Ortega M, Alcañiz ML. <a href="https://www.mdpi.com/1424-8220/24/12/3837">Virtual experience toolkit: An end-to-end automated 3D scene virtualization framework implementing computer vision techniques</a>. Sensors. 2024;24(12):3837. <p>[<a href="https://doi.org/10.3390/s24123837">Crossref</a>] [<a href="https://scholar.google.com/scholar?hl=en&as_sdt=0%2C5&q=4.%09Virtual+Experience+Toolkit%3A+An+End-to-End+Automated+3D+Scene+Virtualization+Framework+Implementing+Computer+Vision+Techniques&btnG=">Google Scholar</a>] [<a href="https://pubmed.ncbi.nlm.nih.gov/38931621/">PubMed</a>]</p> </li> <li id='Reference_Title_Link' value='5'><a name="5" id='5'></a>Villa C, Lynnerup N, Jacobsen C. <a href="https://www.mdpi.com/2075-4418/13/17/2764">A virtual, 3D multimodal approach to victim and <a target='_blank' href='https://www.longdom.org/peer-reviewed-journals/crime-scene-4074.html'>crime scene</a> reconstruction</a>. Diagnostics. 2023;13(17):2764. <p>[<a href="https://doi.org/10.3390/diagnostics13172764">Crossref</a>] [<a href="https://scholar.google.com/scholar?cluster=7599419239516925259&hl=en&as_sdt=0,5">Google Scholar</a>] [<a href="https://pubmed.ncbi.nlm.nih.gov/37685302/">PubMed</a>]</p> </li> <li id='Reference_Title_Link' value='6'><a name="6" id='6'></a>Li Z. <a href="https://www.sciencedirect.com/science/article/abs/pii/S1047320319303104">Application research of digital image technology in graphic design</a>. J Vis Commun Image Represent. 2019;65:102689. <p>[<a href="https://doi.org/10.1016/j.jvcir.2019.102689">Crossref</a>] [<a href="https://scholar.google.com/scholar?cluster=6671838155841092142&hl=en&as_sdt=0,5">Google Scholar</a>] </p> </li> <li id='Reference_Title_Link' value='7'><a name="7" id='7'></a>Ko KM, Ko PC, Lin SY, Hong Z. <a href="https://www.sciencedirect.com/science/article/abs/pii/S1047320319302159">Quality-guided image classification toward information <a target='_blank' href='https://www.longdom.org/peer-reviewed-journals/management-22652.html'>management</a> applications</a>. J Vis Commun Image Represent. 2019;63:102594. <p>[<a href="https://doi.org/10.1016/j.jvcir.2019.102594">Crossref</a>] [<a href="https://scholar.google.com/scholar?cluster=5098097848225054653&hl=en&as_sdt=0,5">Google Scholar</a>] </p> </li> <li id='Reference_Title_Link' value='8'><a name="8" id='8'></a>Han L. <a href="https://iopscience.iop.org/article/10.1088/1742-6596/1673/1/012044/meta">The Integration of Digital Media Technology and Graphic Design in the Internet Era</a>. J Phys Conf Ser. 2020;1673(1):012044). <p>[<a href="https://doi.org/10.1088/1742-6596/1673/1/012044">Crossref</a>] [<a href="https://scholar.google.com/scholar?hl=en&as_sdt=0%2C5&q=8.%09The+Integration+of+Digital+Media+Technology+and+Graphic+Design+in+the+Internet+Era&btnG=">Google Scholar</a>] </p> </li> <li id='Reference_Title_Link' value='9'><a name="9" id='9'></a>Murchie KJ, Diomede D. <a href="https://www.facetsjournal.com/doi/full/10.1139/facets-2018-0049">Fundamentals of graphic design—essential tools for effective visual science communication</a>. Facets. 2020;5(1):409-422. <p>[<a href="https://doi.org/10.1139/facets-2018-0049">Crossref</a>] [<a href="https://scholar.google.com/scholar?cluster=6260406616339397099&hl=en&as_sdt=0,5">Google Scholar</a>]</p> </li> <li id='Reference_Title_Link' value='10'><a name="10" id='10'></a>Rezk SM. <a href="https://www.jadm.eg.net/journal/vol2/iss1/1/">The role of <a target='_blank' href='https://www.longdom.org/peer-reviewed-journals/artificial-intelligence-47245.html'>artificial intelligence</a> in graphic design</a>. J Art Des Music. 2023;2(1):1. <p>[<a href="https://doi.org/10.55554/2785-9649.1005">Crossref</a>] [<a href="https://scholar.google.com/scholar?cluster=9080262947869310002&hl=en&as_sdt=0,5">Google Scholar</a>]</p> </li> </ol> <!----------for extracted references-------> <!-------------------------------> <div class="card bg-light mb-3"> <div class="card-body px-3 pb-0"> <h4 class="font-size-4"><a id="ai"></a>Author Info</h4> <a href='https://www.longdom.org/author/bruno-lee-71162' title='Bruno Lee' style='color:#555; border-bottom:1px dotted #CCC;'>Bruno Lee</a><sup><a href='#Bruno_Lee'>*</a></sup> <div> </div> Department of Modern Visual Communication, University of Dhaka, Dhaka, Bangladesh<br> <div> </div> <p><strong>Citation:</strong> Lee B (2024) Graphic Design Development and Influence: Creating Modern Visual Communication. Int J Adv Technol.15:291.</p> <p> <strong>Received: </strong>03-May-2024, Manuscript No. IJOAT-24-32799; <strong>Editor assigned: </strong>06-May-2024, Pre QC No. IJOAT-24-32799 (PQ); <strong>Reviewed: </strong>20-May-2024, QC No. IJOAT-24-32799; <strong>Revised: </strong>27-May-2024, Manuscript No. IJOAT-24-32799 (R); <strong>Published:</strong> 03-Jun-2024 , DOI: 10.35841/0976-4860.24.15.291</p> <p><strong>Copyright: </strong>漏 2024 Lee B. This is an open-access article distributed under the terms of the Creative Commons Attribution License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original author and source are credited.</p> </div> </div> </div> </div> </div> </section> <footer class="bg-blue-grey-900 py-3"> <div class="container"> <div class="row"> <div class="col-12 col-sm-4"> <h4 class="white font-size-4 fweight-400 border-bottom-1 pb-2">Content Links</h4> <ul class="list-unstyled footer-links font-size-3"> <li><a class="" href="https://www.longdom.org/online-tools.html" title="Click here">Tools</a> </li> <li><a class="" href="https://www.longdom.org/feedback.html" title="Click here">Feedback</a></li> <li><a class="" href="https://www.longdom.org/careers.html" title="Click here">Careers</a></li> <li><a class="" href="https://www.longdom.org/privacy-policy.html" title="Click here">Privacy Policy</a></li> <li><a class="" href="https://www.longdom.org/terms-conditions.html" title="Click here">Terms & Conditions</a></li> <li><a class="" href="https://www.longdom.org/authors-reviewers-editors.html" title="Click here">Authors, Reviewers & Editors</a></li> </ul> </div> <div class="col-12 col-sm-4"> <h4 class="white font-size-4 fweight-400 border-bottom-1 pb-2">Contact Longdom</h4> <p>Longdom Group SA<br> Avenue Roger Vandendriessche,<br> 18, 1150 Brussels, Belgium<br> Phone: +442038085340 <br><strong>Email:</strong> <a href="mailto:info@longdom.org" class="white" title="Click here">info@longdom.org</a></p> </div> <div class="col-12 col-sm-4"> <h4 class="white font-size-4 fweight-400 border-bottom-1 pb-2">Connect</h4> <nav class="nav nav-pills social-icons-footer flex-column a-pl-0"> <a href="https://www.facebook.com/longdompublisher" title="Click here" target="_blank" class="nav-link bg-facebook-hover"><i class="fab fa-facebook-f bg-facebook"></i> Facebook</a> <a href="https://www.linkedin.com/company/longdom-publishing-sl/" title="Click here" target="_blank" class="nav-link bg-linkedin-hover"><i class="fab fa-linkedin-in bg-linkedin"></i> Linkedin</a> <a href="https://twitter.com/LongdomP" title="Click here" target="_blank" class="nav-link bg-twitter-hover"><i class="fab fa-twitter bg-twitter"></i> Twitter</a> <a href="https://www.instagram.com/longdom_publisher/" title="Click here" target="_blank" class="nav-link bg-instagram-hover"><i class="fab fa-instagram bg-instagram"></i> Instagram</a> </nav> </div> </div> <div class="row text-center"> <div class="col"> <p>Copyright © 2024 <a href="https://www.longdom.org/" title="Click here" class="white">Longdom Publishing</a>.</p> </div> </div> </div> </footer> <!--========================== Scroll To Top ============================--> <a href="#0" class="cd-top js-cd-top">Top</a> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script defer src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <!--Get the app icon js--> <script> jQuery(function($) { $(window).scroll(function fix_element() { $('#target').css( $(window).scrollTop() > 100 ? { 'position': 'fixed', 'top': '440px' } : { 'position': 'absolute', 'top': '440px' } ); return fix_element; }()); }); </script> <!--Get the app icon js end--> <!--========================== Feather Icons ============================--> <script defer src="https://unpkg.com/feather-icons"></script> <script> feather.replace() </script> <!--========================== Scroll To Top ============================--> <script defer src="/assets/js/scroll-to-top.js"></script> <!--========================== mCustomScrollbar ============================--> <script defer type="text/javascript" src="/assets/js/coolautosuggest.js"></script> <script language="javascript" type="text/javascript"> $("#keyword").coolautosuggest({ url: "https://www.longdom.org/author-names.php?chars=", minChars: 3, }); </script> <script defer src="/assets/js/jquery.mCustomScrollbar.concat.min.js"></script> <script> // Scrollbar var Scrollbar = function() { "use strict"; // Handle Scrollbar Linear var handleScrollbarLinear = function() { $(".scrollbar").mCustomScrollbar({ theme: "minimal-dark" }); } return { init: function() { handleScrollbarLinear(); // initial setup for scrollbar linear } } }(); $(document).ready(function() { Scrollbar.init(); }); /*========================== Stikcy Navbar ============================*/ window.onscroll = function() { myFunction() }; var navbar = document.getElementById("sticky-navbar"); var sticky = navbar.offsetTop; function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } } /*========================== Bootstrap Popover ============================*/ $(function () { $('[data-toggle="popover"]').popover() }) </script> <!--========================== Page Scroll to ID ============================--> <script defer src="/assets/js/jquery.malihu.PageScroll2id.min.js"></script> <script> (function($){ $(window).on("load",function(){ $("a[rel='m_PageScroll2id']").mPageScroll2id(); }); })(jQuery); </script> <!--========================== Equal Height ============================--> <script defer type="text/javascript" src="/assets/js/jquery.matchHeight-min.js"></script> <script> $(function() { $('.match-height').matchHeight({ byRow: true, property: 'height', target: null, }); }); </script> <script defer type="text/javascript" src="/assets/js/grids.min.js"></script> <script type="text/javascript"> // Equal Height var EqualHeight = function() { "use strict"; // Handle Equal Height var handleEqualHeight = function() { $(function($) { $('.equal-height').responsiveEqualHeightGrid(); }); } return { init: function() { handleEqualHeight(); // initial setup for equal height } } }(); $(document).ready(function() { EqualHeight.init(); }); </script> <!--================ Select Picker ==================--> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script> <script> $('.selectpicker').selectpicker(); </script> <script> $(document).ready(function(){ var filecount = 1; $('.filerowclass').each(function(){ var countattr = $(this).attr('countattr'); if(filecount == countattr){ var countlink = $('#rowfile'+countattr+ ' .filelinkclass').length; if(countlink == 0){ $('#rowfile'+countattr).remove(); } } filecount++; }); }); </script> <!------onspot search----> <script type="text/javascript"> $(document).ready(function() { $("#wait").hide(); $("#jkeyword").keyup(function() { $("#wait").show(); //values of sending variables var jkeyword=$("#jkeyword").val(); var dataString = { 'jkeyword':jkeyword }; $.ajax ({ type: "POST", url: "https://www.longdom.org/journal-search.php", data: dataString, cache: false, success: function(html) { $("#jresult").html(html); $("#wait").hide(); } }); }); }); </script> <!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/5dd4d487d96992700fc84bb1/default'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script> <!--End of Tawk.to Script--> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <script defer src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> </body> </html>