The website of Ura Design
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.

313 lines
12 KiB

6 years ago
<!DOCTYPE html>
6 years ago
<html lang="en-US">
6 years ago
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hosting the first Open Source Design Workshop in Tirana</title>
<meta name="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 an...">
<!-- Metadata -->
<meta property="og:site_name" content="Ura Design">
<meta property="og:title" content="Hosting the first Open Source Design Workshop in Tirana">
<meta property="og:type" content="article">
<meta property="og: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 […]"/>
<meta property="article:published_time" content="2017-02-11T11:00:00+01:00">
<meta property="og:url" content="http://localhost:4000/2017/02/11/open-source-design-workshop-open-labs-hackerspace-tirana.html" />
<meta itemprop="keywords" content="Open Source Design,Workshop,UX Design" />
<meta property="article:tag" content="Open Source Design">
<meta property="article:tag" content="Workshop">
<meta property="article:tag" content="UX Design">
<meta content="https://ura.design/images/blog/osd_event.png" property="og:image">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@uracreative" />
<meta name="twitter:image:src" content="https://ura.design/images/blog/osd_event.png" />
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/fonts/overpass/overpass.css">
6 years ago
<link rel="stylesheet" href="/css/superslides.css"/>
<link rel="stylesheet" href="/css/slick-theme.css"/>
<link rel="stylesheet" href="/css/slick.css"/>
<link rel="stylesheet" href="/css/animate.css"/>
<link rel="stylesheet" href="/css/linea-styles.css"/>
<link rel="stylesheet" href="/css/linea-arrows-styles.css"/>
<link rel="stylesheet" href="/css/fontawesome-all.css"/>
<link rel="stylesheet" href="/css/style.css"/>
<link rel="stylesheet" href="/css/responsive.css"/>
6 years ago
<link rel="canonical" href="http://localhost:4000/2017/02/11/open-source-design-workshop-open-labs-hackerspace-tirana.html">
<link rel="alternate" type="application/rss+xml" title="Ura Design" href="http://localhost:4000/feed.xml">
</head>
<body>
<div class='contain-to-grid sticky transparent'>
<nav class='top-bar' data-options='sticky_on: large' data-topbar=''>
<ul class='title-area'>
<li class="">
<h1>
<a href='/'><img src="/images/main/logo.svg" width="180.7px" height="56.5px alt="Ura Logo">
</a>
</h1>
</li>
</ul>
<div id="menu-toggler" class="right">
<a href='#'>
<i class="icon-arrows-hamburger-2"></i>
</a>
</div>
<section class='top-bar-section closed'>
<ul class='right'>
<li class="has-dropdown ">
<a href="/blog/">Blog</a>
<ul class='dropdown'>
<li>
<a href="/events">Events</a>
</li>
</ul>
</li>
<li class="has-dropdown ">
<a href="/services">Services</a>
<ul class='dropdown'>
<li>
<a href="/request">Request</a>
</li>
</ul>
</li>
<li class="has-dropdown active">
<a href="/projects">Projects</a>
<ul class='dropdown'>
<li>
<a href="/logobridge">Logobridge</a>
</li>
</ul>
</li>
<li class="active">
<a href="/support-us">Support Us</a>
</li>
<li class="has-dropdown ">
<a href="/about">About</a>
<ul class='dropdown'>
<li>
<a href="/contact">Contact</a>
</li>
<li>
<a href="/jobs">Jobs</a>
</li>
</ul>
</li>
</ul>
</section>
</nav>
</div>
<div class="full blog">
<div class="post single">
<div class="row">
<div class="large-8 large-centered columns">
<div class="post-content">
<h2 id="page-title">Hosting the first Open Source Design Workshop in Tirana</h2>
<p class='info'>
<span>February 11, 2017</span> by <a href="https://twitter.com/rskikuli" target="_blank">Redon Skikuli</a>
</p>
<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="/images/blog/workshop-1.jpg" 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="/images/blog/workshop-2.jpg" 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="/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="/images/blog/workshop-3.jpg" alt="workshop" />
</div>
<div class="two spacing"></div>
<div class="large-12 large-centered centered-text columns">
<img src="/images/blog/workshop-4.jpg" alt="workshop" />
</div>
<div class="two spacing"></div>
<div class="large-12 large-centered centered-text columns">
<img src="/images/blog/workshop-5.jpg" alt="workshop" />
</div>
<div class="two spacing"></div>
<div class="large-12 large-centered centered-text columns">
<img src="/images/blog/workshop-7.jpg" alt="workshop" />
</div>
<div class="two spacing"></div>
<i>Photos: <a href="http://andisrado.com" target="blank">Andis Rado</a>, (Creative Commons – Attribution-ShareAlike 4.0 International)</i>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="full light-grey blog">
<nav class='wrapper'>
<div class="row">
<div class="small-6 columns">
<a class="previous button boxed black" href='/2017/01/24/wikispeech-wikimedia-project-has-a-logo-guess-who-designed-it'>
<i class='fa fa-angle-left'></i> Previous post
</a>
</div>
<div class="small-6 columns">
<a class="next button boxed black" href='/2017/08/25/ura-sha-2017'>
Next post <i class='fa fa-angle-right'></i>
</a>
</div>
</div>
</nav>
</div>
<div id="cookieConsent">
<div id="closeCookieConsent">x</div>
This website is using cookies. <a href="/privacy-policy" target="_blank">More info</a>. <a class="cookieConsentOK">That's Fine</a>
</div>
<div class="full no-padding footer blue centered-text">
<div class="two spacing"></div>
<div class="row">
<div class="small-12 columns">
<p>Made with <i class="fa fa-heart" style="color: red;" aria-hidden="true"></i> in <a href="https://en.wikipedia.org/wiki/Tirana" target="_blank">Tirana, Albania</a><p>
<div class="one spacing"></div>
<ul class="socials">
<li><a href="https://twitter.com/uracreative" target="_blank"><i class='fab fa-twitter'></i></a></li>
<li><a href="https://github.com/uracreative/ura.design/" target="_blank"><i class='fab fa-github'></i></a></li>
</ul>
<p>Committed to Free Software, Internet Freedom, and <a href="http://opensourcedesign.net/">Open Source Design</a></p>
<p> Trademarks are property of their respective owners. All site content, unless otherwise noted, is licensed <a href="http://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0 International</a> by Ura Design</p>
<p><a href="https://tinyletter.com/uracreative/archive" target="_blank">Newsletter Archive</a></p>
<p><a href="/privacy-policy" target="_blank">Privacy Policy</a></p>
<div class="two spacing"></div>
<p class="back-to-top"><a href="#"><i class="fas fa-chevron-up"></i>Back to top</a></p>
6 years ago
</div>
</div>
<div class="spacing"></div>
</div>
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/bower_components/foundation/js/foundation.min.js"></script>
<script src="/js/jquery.superslides.min.js"></script>
<script src="/js/slick.min.js"></script>
<script src="/js/wow.min.js"></script>
<script src="/js/jquery.validate.js"></script>
<!-- <script src="/bower_components/countto/jquery.countTo.js"></script> -->
6 years ago
<script src="/bower_components/appear/jquery.appear.js"></script>
<script src="/bower_components/modernizr/modernizr.js"></script>
6 years ago
<script src="/js/app.js"></script>
<script src="/js/svg.js"></script>
<script src="/js/cookie.js"></script>
<script src="/js/lazyload.min.js"></script>
<script>
var myLazyLoad = new LazyLoad({
elements_selector: ".lazy"
});
</script>
6 years ago
<!-- Matomo -->
<script type="text/javascript">
var _paq = _paq || [];
/ tracker methods like "setCustomDimension" should be called before "trackPageView" /
_paq.push(["setCookieDomain", "*.ura.design"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.ura.design/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '2']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//analytics.ura.design/piwik.php?idsite=2&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->
</body>
</html>