You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
325 lines
15 KiB
325 lines
15 KiB
3 years ago
|
<!DOCTYPE html>
|
||
|
|
<html data-theme="light" lang="en" itemscope itemtype="http://schema.org/WebPage">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||
|
|
<meta name="author"
|
||
|
|
content="Redon Skikuli" />
|
||
|
|
<meta name="description"
|
||
|
|
content="When we started our Patreon campaign we had a simple vision: to use the financial resources of our …" />
|
||
|
|
<meta name="keywords"
|
||
|
|
content="design, ux, ui, public, developer, privacy, security, foss, floss, open source design, workshop, ux design" />
|
||
|
|
<meta name="robots" content="noodp" />
|
||
|
|
<meta name="theme-color" content="#1F78D1" />
|
||
|
|
<link rel="canonical" href="http://test.ura.design/blog/open-source-design-workshop-open-labs-hackerspace-tirana/" />
|
||
|
|
|
||
|
|
|
||
|
|
<title>
|
||
|
|
Hosting the first Open Source Design Workshop in Tirana :: Ura Design
|
||
|
|
</title>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="http://test.ura.design/main.css" />
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="apple-touch-icon" href="http://test.ura.design/favicons/apple-touch-icon.webp">
|
||
|
|
<link rel="mask-icon" href="http://test.ura.design/favicons/favicon.svg" color="#1F78D1">
|
||
|
|
<link rel="icon" href="http://test.ura.design/favicons/favicon.svg">
|
||
|
|
<meta itemprop="name" content="Hosting the first Open Source Design Workshop in Tirana">
|
||
|
|
<meta itemprop="description" content="When we started our Patreon campaign we had a simple vision: to use the financial resources of our supporters to provide better design to free open source and open web initiatives that we think are important to communicate better with the outside world through better design. In the first days we thought that this was enough to change the quality of visual communication. This perception changed gradually after discussions with graphic designers that are doing their first step in this field."><meta itemprop="datePublished" content="2017-02-11T12:00:00+02:00" />
|
||
|
|
<meta itemprop="dateModified" content="2022-06-29T16:53:28+02:00" />
|
||
|
|
<meta itemprop="wordCount" content="335"><meta itemprop="image" content="http://test.ura.design"/>
|
||
|
|
<meta itemprop="keywords" content="open source design,workshop,ux design," /><meta name="twitter:card" content="summary_large_image"/>
|
||
|
|
<meta name="twitter:image" content="http://test.ura.design"/>
|
||
|
|
|
||
|
|
<meta name="twitter:title" content="Hosting the first Open Source Design Workshop in Tirana"/>
|
||
|
|
<meta name="twitter:description" content="When we started our Patreon campaign we had a simple vision: to use the financial resources of our supporters to provide better design to free open source and open web initiatives that we think are important to communicate better with the outside world through better design. In the first days we thought that this was enough to change the quality of visual communication. This perception changed gradually after discussions with graphic designers that are doing their first step in this field."/>
|
||
|
|
|
||
|
|
|
||
|
|
<meta property="article:published_time" content="2017-02-11 12:00:00 +0200 +0200" />
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="d-flex flex-column min-vh-100">
|
||
|
|
<a class="screen-reader-text" href="#content">Skip to content</a>
|
||
|
|
|
||
|
|
<button id="theme-toggle" class="acctoggle"><i class="fa-solid fa-circle-half-stroke"></i></button>
|
||
|
|
|
||
|
|
|
||
|
|
<header>
|
||
|
|
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="container">
|
||
|
|
<nav class="navbar navbar-expand-lg justify-content-between align-items-center" aria-label="Primary">
|
||
|
|
<a class="navbar-brand" href="http://test.ura.design">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<img src="http://test.ura.design/img/logo.svg" alt="Ura Design logo" width="100px">
|
||
|
|
</a>
|
||
|
|
<button class="navbar-toggler" type="button" aria-label="Toggle navigation" onclick="openNav()">
|
||
|
|
<i class="fa-solid fa-grip-lines color-blue-500"></i>
|
||
|
|
</button>
|
||
|
|
<div class="collapse navbar-collapse flex-grow-0">
|
||
|
|
<ul class="navbar-nav"><li class="nav-item ms-4">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/about/">About</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item ms-4">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/work/">Work</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item ms-4">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/contact/">Contact</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item ms-4">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/clients/">Clients</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<div id="navbar-mobile" class="overlay d-block d-lg-none" >
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="container">
|
||
|
|
<div class="navbar align-items-center justify-content-between">
|
||
|
|
<a class="brand" href="http://test.ura.design">
|
||
|
|
<img src="http://test.ura.design/img/logo-white.svg" alt="Ura Design logo" width="100px">
|
||
|
|
</a>
|
||
|
|
<button type="button" class="closebtn" aria-label="Toggle navigation" onclick="closeNav()"><i class="fa-solid fa-xmark "></i></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="overlay-content">
|
||
|
|
<div class="container pt-4"><a class=" " href="http://test.ura.design/about/">About</a>
|
||
|
|
<a class=" " href="http://test.ura.design/work/">Work</a>
|
||
|
|
<a class=" " href="http://test.ura.design/contact/">Contact</a>
|
||
|
|
<a class=" " href="http://test.ura.design/clients/">Clients</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function openNav() {
|
||
|
|
document.getElementById("navbar-mobile").style.height = "100%";
|
||
|
|
}
|
||
|
|
function closeNav() {
|
||
|
|
document.getElementById("navbar-mobile").style.height = "0%";
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
</header>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div id="content" class="content">
|
||
|
|
|
||
|
|
<main class="post">
|
||
|
|
|
||
|
|
<div class="container-fluid header px-0">
|
||
|
|
|
||
|
|
<img class="post-cover" src="http://test.ura.design/img/blog/osd_event.webp" />
|
||
|
|
|
||
|
|
<div class="white-block"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container-fluid move-up">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-center">
|
||
|
|
<div class="col-xl-7 col-lg-7 col-md-12 col-12 pt-5 cutoff">
|
||
|
|
|
||
|
|
<article>
|
||
|
|
<p class="mb-0">[]</p>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<h1 class="post-title">Hosting the first Open Source Design Workshop in Tirana</h1>
|
||
|
|
|
||
|
|
<p>by
|
||
|
|
|
||
|
|
<span class="ms-5"><time datetime="Feb 11, 2017">Feb 11, 2017</time></span>
|
||
|
|
<span class="ms-5">2 minutes</span><span class="ms-5">335 Words</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="post-content">
|
||
|
|
|
||
|
|
|
||
|
|
<p>When we started our <a href="https://www.patreon.com/ura" target="blank">Patreon campaign</a> we had a simple vision: to use the financial resources of our supporters to provide better design to free open source and open web initiatives that we think are important to communicate better with the outside world through better design. In the first days we thought that this was enough to change the quality of visual communication. This perception changed gradually after discussions with graphic designers that are doing their first step in this field. We quickly understood that they have many questions about the usage of free open source tools in the process of designing for their needs.<br /> With this in mind it was clear that that we definitely need to educate the new generation of designers through workshops and talks about our philosophy. Without further delay we started organizing the first Open Source Design workshop at <a href="https://openlabs.cc/" target="blank">Open Labs hackerspace in Tirana</a>, home of the open source community in Albania.</p>
|
||
|
|
<div class="large-12 large-centered centered-text columns">
|
||
|
|
<img src="http://test.ura.design/images/blog/workshop-1.webp" alt="workshop">
|
||
|
|
</div>
|
||
|
|
<div class="two spacing"></div>
|
||
|
|
<p>A room full of young designers was the best first positive feedback from the initiative. Youngsters are the best audience for us since we hope to find the next designer(s) in the room that will work based on the open source design ethics and not the way the proprietary market imposes.
|
||
|
|
During the presentation the participants had the opportunity to:
|
||
|
|
<ul>
|
||
|
|
<li>learn the definition of open source design;</li>
|
||
|
|
<li>understand the importance of working with open source tools;</li>
|
||
|
|
<li>ways to use GIMP and Inkscape, two of the most used free open source design tools, in an effective and productive way;</li>
|
||
|
|
<li>preparation of print-ready files using open source tools.</li>
|
||
|
|
</ul>
|
||
|
|
</p>
|
||
|
|
<div class="large-12 large-centered centered-text columns">
|
||
|
|
<img src="http://test.ura.design/images/blog/workshop-2.webp" alt="workshop">
|
||
|
|
</div>
|
||
|
|
<div class="two spacing"></div>
|
||
|
|
<p>In conclusion: it was a great first step in educating the next generation of visual designers about the values designing in the open. We definitely need more of your <a href="https://www.patreon.com/ura" target="blank">support though Patreon</a> to host even more workshops not only in Albania, but also other countries.<br /> Interested in the next events? Visit <a href="http://test.ura.design/events" target="blank">this dedicated page</a> from time to time, or follow us on Twitter.
|
||
|
|
<div class="large-12 large-centered centered-text columns">
|
||
|
|
<img src="http://test.ura.design/images/blog/workshop-3.webp" alt="workshop">
|
||
|
|
</div>
|
||
|
|
<div class="two spacing"></div>
|
||
|
|
<div class="large-12 large-centered centered-text columns">
|
||
|
|
<img src="http://test.ura.design/images/blog/workshop-4.webp" alt="workshop">
|
||
|
|
</div>
|
||
|
|
<div class="two spacing"></div>
|
||
|
|
<div class="large-12 large-centered centered-text columns">
|
||
|
|
<img src="http://test.ura.design/images/blog/workshop-5.webp" alt="workshop">
|
||
|
|
</div>
|
||
|
|
<div class="two spacing"></div>
|
||
|
|
<div class="large-12 large-centered centered-text columns">
|
||
|
|
<img src="http://test.ura.design/images/blog/workshop-7.webp" alt="workshop">
|
||
|
|
</div>
|
||
|
|
<div class="two spacing"></div>
|
||
|
|
<p><i>Photos: <a href="http://andisrado.com" target="blank">Andis Rado</a>, (Creative Commons – Attribution-ShareAlike 4.0 International)</i></p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<div class="post-info">
|
||
|
|
<p><span class="tag"><a href="http://test.ura.design/tags/open-source-design">open source design</a></span><span class="tag"><a href="http://test.ura.design/tags/workshop">workshop</a></span><span class="tag"><a href="http://test.ura.design/tags/ux-design">ux design</a></span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<p>Published on
|
||
|
|
<time datetime="2017-02-11 11:00">2017-02-11 11:00</time>
|
||
|
|
, last updated on
|
||
|
|
<time datetime="2017-02-11 12:00">2022-06-29 16:53</time>
|
||
|
|
</p>
|
||
|
|
<p><a href="336743e51a0457c7aba6ae8210515d9daccd57e9" target="_blank"
|
||
|
|
rel="noopener" title="Commit message: First push">336743e</a> @
|
||
|
|
<time datetime="2022-06-29">2022-06-29</time>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="pagination">
|
||
|
|
<div class="pagination__title">
|
||
|
|
<span class="pagination__title-h">Read Other Posts</span>
|
||
|
|
<hr />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pagination__buttons">
|
||
|
|
|
||
|
|
<span class="button previous">
|
||
|
|
<a href="http://test.ura.design/blog/ura-fosdem-2018/">
|
||
|
|
<span class="button__icon">←</span>
|
||
|
|
<span class="button__text">Ura at FOSDEM 2018</span>
|
||
|
|
</a>
|
||
|
|
</span>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<footer class="py-4 mt-auto">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row d-none d-lg-flex">
|
||
|
|
<nav class="navbar navbar-expand-lg">
|
||
|
|
<div class="navbar-collapse" id="footerNav">
|
||
|
|
<ul class="navbar-nav"><li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/about/">About</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/work/">Work</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/contact/">Contact</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/clients/">Clients</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
<div class="row py-5 pt-lg-5 cta">
|
||
|
|
<div class="col-xxl-5 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
|
||
|
|
<p>Let's talk:</p>
|
||
|
|
<a class="arrow-link" href="http://test.ura.design/contact">Contact</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-xxl-5 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
|
||
|
|
<p>Subscribe:</p>
|
||
|
|
<a class="arrow-link" href="https://tinyletter.com/uracreative" target="_blank"
|
||
|
|
rel="noopener noreferrer">Newsletter</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-xxl-2 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
|
||
|
|
<p>We are on:</p>
|
||
|
|
<div class="pt-2">
|
||
|
|
<a href="https://github.com/uracreative" target="_blank" rel="noopener" title="Github" aria-label="Ura Design on Github"><i class="me-3 fa-brands fa-2x fa-github"></i></a><a href="https://twitter.com/uracreative" target="_blank" rel="noopener" title="Twitter" aria-label="Ura Design on Twitter"><i class="me-3 fa-brands fa-2x fa-twitter"></i></a><a href="https://instagram.com/uradotdesign" target="_blank" rel="noopener" title="Instagram" aria-label="Ura Design on Instagram"><i class="me-3 fa-brands fa-2x fa-instagram"></i></a><a href="https://www.linkedin.com/company/ura/" target="_blank" rel="noopener" title="Linkedin" aria-label="Ura Design on Linkedin"><i class="me-3 fa-brands fa-2x fa-linkedin"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row justify-content-between align-items-center">
|
||
|
|
<div class="col-xxl-4 col-xl-12">
|
||
|
|
<nav class="navbar navbar-expand-lg" aria-label="Secondary">
|
||
|
|
<div class="navbar-collapse" id="footerLinks">
|
||
|
|
<ul class="navbar-nav flex-row"><li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/source">Source Code</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/privacy">Data Privacy</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/imprint">Imprint</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
<div class="col-xxl-8 col-xl-12 d-flex justify-content-xxl-end justify-content-start">
|
||
|
|
<p class="copyright mb-0">© Ura Design 2022. Some rights reserved. Unless otherwise noted, content on this page is under a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener" title="License"> Creative Commons license</a>.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script defer src="http://test.ura.design/bundle.min.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|