---
title: "Design systems: ο σύγχρονος τρόπος σχεδίασης ψηφιακών προϊόντων"
description: Τα design systems είναι ένα ανερχόμενο trend στον τομέα της σχεδίασης και της υλοποίησης digital προϊόντων και όχι άδικα.
image: https://blog.wedia.gr/hubfs/wedia_blog_post_design_system-cover-lighter.png
---

Πείτε μας για το επόμενο project σας! Εμείς θα επικοινωνήσουμε μαζί σας άμεσα. [Συμπληρώστε τη φόρμα](https://www.wedia.gr/contact)

[![Wedia Digital Marketing Agency](https://blog.wedia.gr/hubfs/_2022/wedia_member-of-entersoft-group-black.png)](https://blog.wedia.gr)

- [Αναζήτηση στο **Wedia Academy**](https://blog.wedia.gr/search-results)
- [Αρχική σελίδα **Wedia Academy**](https://blog.wedia.gr)
- [Αρχική σελίδα **Wedia**](https://www.wedia.gr)

![Design Systems - Wedia Blog ](https://blog.wedia.gr/hs-fs/hubfs/wedia_blog_post_design_system-cover-lighter.png?width=960&name=wedia_blog_post_design_system-cover-lighter.png "Design Systems - Wedia Blog ")

[ΟΛΑ ΤΑ ΑΡΘΡΑ](https://blog.wedia.gr/) · [kataskevi-istoselidon](https://blog.wedia.gr/topic/kataskevi-istoselidon)

# Design systems: ο σύγχρονος τρόπος σχεδίασης ψηφιακών προϊόντων

![Panos Teloniatis](https://blog.wedia.gr/hubfs/profile-1569080043779-b1b70a28f4b4image.jpg) [Panos Teloniatis](https://blog.wedia.gr/author/panos-teloniatis)

Τα design systems είναι ένα ανερχόμενο trend στον τομέα της σχεδίασης και της υλοποίησης digital προϊόντων και όχι άδικα, αφού οι εταιρείες που τα ενσωματώνουν στις διαδικασίες τους βγαίνουν πολλαπλά κερδισμένες.

Η Google, η Airbnb, η Audi και η Αγγλική κυβέρνηση είναι κάποιοι από τους οργανισμούς που έχουν υιοθετήσει ένα σύστημα σχεδιασμού για τον σχεδιασμό και την υλοποίηση όλων των ψηφιακών προϊόντων τους.

Ας πάρουμε όμως τα πράγματα από την αρχή. Τότε που δεν υπήρχε το internet, υπήρχαν όμως φυσικά προϊόντα. Και τι μπορούμε να μάθουμε από τον σχεδιασμό των προϊόντων; Μα φυσικά, ότι η ενσωμάτωση ενός συστήματος με κοινούς κώδικες επικοινωνίας, κοινή ορολογία και κοινούς στόχους μπορεί να κάνει την υλοποίηση ενός προϊόντος πιο γρήγορη και σίγουρα πιο συνεπή σε ό,τι αφορά τον σχεδιασμό της.

Τώρα θα σκέφτεστε τι σχέση έχουν όλα αυτά με το digital; Ποια είναι η μεγαλύτερη πρόκληση που αντιμετωπίζετε ως οργανισμός σε σχέση με την ψηφιακή σας παρουσία; 9/10 φορές η απάντηση είναι η συνέπεια! Τόσο από εικαστική άποψη όσο και από άποψη υλοποίησης.

Αυτή η ασυνέπεια προκύπτει καθώς διαφορετικές ομάδες και εταιρείες διαχειρίζονται μέσα στην εξέλιξη του χρόνου διαφορετικά προϊόντα που αφορούν τον εκάστοτε οργανισμό/εταιρεία και άρα κάθε ομάδα αποτυπώνει με διαφορετικό τρόπο το κάθε μήνυμα ή την κάθε εντολή.

Έτσι, πολλές φορές η online παρουσία μιας εταιρείας καταλήγει να είναι κάπως έτσι:

![test](https://blog.wedia.gr/hubfs/s_5DCF2F930437E5FE001014E531940203045483678E310B5222694CF6046BD2AC_1515115549685_image.png)

Πάνω από 15 διαφορετικοί τρόποι απεικόνισης ενός CTA, 4 διαφορετικοί τρόποι απεικόνισης των ρυθμίσεων και άλλες λειτουργικές ενότητες και κουμπιά με εντελώς διαφορετική εμφάνιση. Όλα τα παραπάνω αποτελούσαν κάποτε design elements των digital properties της HubSpot δημιουργώντας όχι μόνο δυσκολίες στους χρήστες, αλλά και στις ομάδες έργου. Μέχρι που δημιούργησαν το [Hubspot Canvas](https://canvas.hubspot.com/)!

## **Τι σημαίνει design system;**

Ως "design system" περιγράφουμε ένα σύστημα σχεδιασμού που αποτελείται από επαναχρησιμοποιούμενα, ολοκληρωμένα συστατικά που διέπονται από σαφή πρότυπα και βέλτιστες πρακτικές. Αυτά τα συστατικά μπορούν να συναρμολογηθούν για την κατασκευή οποιουδήποτε αριθμού προϊόντων ή εφαρμογών.

Τα design systems περιλαμβάνουν συνήθως τα παρακάτω: 

1. **Style Guide**
2. **Component Library**
3. **Editorial Guidelines**
4. **Patterns Guide**

Τα παραπάνω στοιχεία συνθέτουν μια κοινή γλώσσα επικοινωνίας μεταξύ των ομάδων που αναλαμβάνουν ένα έργο. Έτσι, όλοι οι εμπλεκόμενοι γνωρίζουν ακριβώς τι πρέπει να κάνουν και πώς. Βέβαια, δεν είναι λίγοι όσοι βλέπουν αυτήν την "καθοδήγηση" που προσφέρουν τα design systems σαν εμπόδιο για τη δημιουργικότητα και την εξέλιξη.

Όμως, σκοπός του παραπάνω συστήματος είναι να αφήσει περισσότερο χρόνο στους designers και τους developers να κάνουν αυτό που ξέρουν να κάνουν καλύτερα και να μην αναλώνονται στο πώς θα αποδώσουν ακόμα ένα κουμπί που έχει ήδη σχεδιαστεί και λειτουργεί. Με αυτόν τον τρόπο, μειώνεται σημαντικά ο χρόνος παραγωγής ενός project και άρα και το budget το οποίο θα δαπανηθεί.

Δείτε το [παράδειγμα](https://www.carbondesignsystem.com/) του Carbon Design System από την **IBM**:

## **![IBM-carbon-DS](https://blog.wedia.gr/hs-fs/hubfs/IBM-carbon-DS.png?width=1600&name=IBM-carbon-DS.png)**

αλλά και το Design System

της Αυστραλιανής Κυβέρνησης:

![AustralianGovernmentDesignSystem](https://blog.wedia.gr/hs-fs/hubfs/AustralianGovernmentDesignSystem.png?width=1309&name=AustralianGovernmentDesignSystem.png)

## **Τα πλεονεκτήματα των design systems**

Συνοψίζοντας, η υιοθέτηση ενός design system προσφέρει τα παρακάτω πλεονεκτήματα:

- **κοινό κώδικα επικοινωνίας**
- **συνοχή στο τελικό αποτέλεσμα**
- **επιτάχυνση της διαδικασίας του prototyping**
- **βελτίωση της εμπειρίας του χρήστη**
- **ταχύτατη ανάπτυξη design ομάδων**
- **μείωση των απαιτήσεων συντήρησης**
- **εξοικονόμηση χρόνου και χρημάτων**

## Πώς δημιουργείται ένα design system;

Η ομάδα έργου που θα δημιουργήσει αυτό το σύστημα αποτελείται από

- Product Owners,
- UX Designers,
- UI Designers,
- Frond End Developers και
- Content Strategists

Αυτή η ομάδα θα μπορέσει να ορίσει, να σχεδιάσει και να συντηρήσει όλα τα στοιχεία που συνθέτουν ένα πλήρες design system το οποίο θα αποτελέσει κοινό κώδικα επικοινωνίας για όσους σχεδιάζουν και συντηρούν τα online properties της εταιρείας σας.

Δείτε περισσότερα για τις υπηρεσίες μας στην αντίστοιχη σελίδα [Web Design and Development services](https://www.wedia.gr/web-design-development) και επικοινωνήστε μαζί μας για να συζητήσουμε τις ανάγκες σας.

### Συμπληρώστε τα στοιχεία σας για να επικοινωνήσουμε μαζί σας

### 👇 Περισσότερη γνώση = Καλύτερες αποφάσεις 🚀

- [Κατασκευή ιστοσελίδων νέας γενιάς από τη wedia!](https://blog.wedia.gr/kataskevi-istoselidas-nea-genia)
- [4+1 βασικές αρχές της ψυχολογίας που επηρεάζουν το UX Design](https://blog.wedia.gr/ux-design-user-psychology)
- [4 τρόποι keyword research για αύξηση πωλήσεων στο eshop σου](https://blog.wedia.gr/hlektroniko-emporio-4-tropoi-keyword-research-afksisi-pwlhsewn)
- [H Γερμανική Σχολή Αθηνών έχει νέο website και είναι made by Wedia](https://blog.wedia.gr/neo-dsathen-website-made-by-wedia)
- [To μονοπάτι της λειτουργικότητας περνάει από το UI και το UX!](https://blog.wedia.gr/leitourgikotita-ux-ui-design)

Some additional information in one line

© 2010-2022 Wedia. All Rights Reserved

- [Design & Development](https://www.wedia.gr/web-design-development)
- [Digital Marketing](https://www.wedia.gr/digital-marketing-services)
- [Case Studies](https://www.wedia.gr/case-studies)
- [Contact Us](https://www.wedia.gr/contact)

Λυσικράτους 11Α, 176 74 Καλλιθέα, Αθήνα

+30 210 2205070 • info@wedia.gr

[![Wedia is a Google AdWords partner](https://blog.wedia.gr/hubfs/Static_Images/google-partner_c.jpg)](https://www.google.com/partners/#a_profile;qury=wedia;idtf=9480618446) [![Wedia is a HubSpot Gold partner](https://blog.wedia.gr/hubfs/Static_Images/golhub02.jpg)](https://app.hubspot.com/ecosystem/434084/marketplace/solutions/wedia) [![Wedia is a Sitecore partner](https://blog.wedia.gr/hubfs/Static_Images/sitecore.jpg)](https://www.sitecore.net/partners/find-partner/w/wedia.aspx)

[facebook](https://www.facebook.com/Wedia.gr) [twitter](https://twitter.com/wediagr) [linkedin](https://www.linkedin.com/company/wedia_3) [googleplus](https://plus.google.com/102055566437665383249/about)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Panos Teloniatis",
    "url" : "https://blog.wedia.gr/author/panos-teloniatis"
  },
  "dateModified" : "2024-03-15T10:01:36.269Z",
  "datePublished" : "2020-03-17T08:26:00.000Z",
  "headline" : "Design systems: ο σύγχρονος τρόπος σχεδίασης ψηφιακών προϊόντων",
  "image" : [ "https://blog.wedia.gr/hubfs/wedia_blog_post_design_system-cover-lighter.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://blog.wedia.gr/what-is-design-system",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://blog.wedia.gr/hubfs/wedia_member-of-entersoft-group-black.webp"
    },
    "name" : "ENTERSOFT MONOPROSOPI ANONYMI ETAIREIA PARAGOGIS KAI EMPORIOU"
  }
}
```