Every pictogram is precisely hand-crafted and shares the same visual language. It is the simplicity that makes it beautiful. The complete set is vectorized, built with Adobe Illustrator and scalable to any desired size.

You are free to combine different pictograms and create new ones. Let your creativity run free.

All pictograms are royalty-free. You can use it in commercial or other works. Please check out the license agreement for more details.

LIMITED TIME OFFER

You can buy & download the complete set of pictograms right now for only EUR 14,00 (around USD 19,00) securely via PayPal, which allows you to pay also with MasterCard, Visa or American Express (no PayPal account is needed).

Update 7-Aug-2010: We got a lot of requests from buyers around the world, to change the primary currency into US Dollars. The new price for the complete set is $19,-, which is still around EUR 14,- (depends on the daily EUR/USD rate).

I have put together a short collection of my latest local projects done in 2010:

Tridens

A sneak peek of the visual identity for Tridens, a Slovene based IT company, providing innovative IT solutions, consulting, and software engineering services.

Elumina & Elumina CMS

Elumina is a small Slovene web development company. The word “Elumina” comes from “lumina”, plural of “lumen”, which is a unit of standard measurement used to describe how much light is contained in a certain area. I have done two logotypes for them, one was for the brand Elumina and the second for their Content Management System. Both logotypes are trying to be different and related at the same time. The colorful shapes symbolize overlapping rays of light.

Hostko

Hostko (old site) is one of the leading webhosting and domain registrar in Slovenia. The blog, you are reading right now, is also hosted by them. Here is a screenshot of their new website, which is – at this time – still in construction.

Spored.tv

Spored.tv is a TV guide website, covering the main Slovenian TV stations and some other cable channels.

Oh, yeah, another good news. The blog got a high visitor jump, as it was mentioned as #1 in Psdtuts+‘ article 40 Brilliantly Illustrated Web Designs. Thank you guys, I have been very honored.

It has been a great challenge for me to design their iPhone App. And the first time for me as well. The documentation for the development of iPhone Apps is good and detailed. Many different parts such as drop-downs, input boxes, check boxes… are already well designed by Apple and ready to use in our 3rd party applications. I used them too.

They didn’t just stole the concept or minor graphic parts, but made an exact copy of it, including some of the texts and parts of the client list. Yes, they left some clients in the portfolio section, as their own. I wrote an email to the publisher of Echulame Misitio immediately. Surprisingly, I’ve got an answer and the site was removed very quickly.

I’ve made some screen shots:

The thing is, it wasn’t the first time. A month ago, a guy from India made an almost exact copy of it, with his own logo on it. After sending him an email, the site was offline in a few hours.

However, I’m still happy that my site has been an inspiration for other designers. I know that the concept of it isn’t really new and that there are bunch of websites using the same concept of navigation, but I still get a lot of positive response from visitors.

À propos… my new blog was Site of the day on The CSS Awards.

Text (in Slovene language) and images are dummy, for presentation proposes only. Here are some screenshots:

This years wallpaper is hand-drawn and I really hope you like it. It’s available for download here: Morphix New Year 2010 Wallpaper (ZIP, 5.02 MB). The package includes the most common resolutions: 1024 x 768, 1152 x 864, 1280 x 1024, 1600 x 1200, 1680 x 1050, 1920 x 1200 and 320 x 480 (iPhone).

Happy New Year!

The reason I haven’t wrote for so long is that I’m preparing a complete redesign of this blog. The design work is almost finished. I published a Sneak & Peek of the new design over my Twitter account (you are welcome to follow it if you like) few days ago. The coding has been doing right now so you can expect that the new design will be launched in those days. Stay tuned!

Photo with notes on Flickr.

Just few days ago I fully switched to a Mac (I still kept my two PC’s as support machines). I bought a new MacBook Pro 17 inch and LED Cinema Display 24 inch. Two wireless routers (AirPort Extreme and AirPort Express) are connecting all computers excellent.

While backing up documents has always been my weakest point, WD My Book Studio II (2 TB) and WD My Book Essential (1 TB) are now keeping all the data as safe as possible. Moving all documents to a cloud (like MobileMe’s iDisk) isn’t yet a solution for me, because of the relative large amount of documents and slow connections in our country.

The website also got published on bunch of sites: The CSS Awards (Site of the Day), CSSmayo (Site of the Day), DesignAwardsGallery, Nicely Done CSS, Design Fridge, CSS Illustrated, CSS Brigit, CSS Based, CSS Cookie, CSS Machine, CSS Design Yorkshire, DesignFlavr, The CSS Awards, Web Creme and others.

The idea for the new website is actually simple. It is a single-page website, divided into three sections. You can navigate around with scrolling or using the navigation button on every section. The graphics on every section are dinamic adjusted to different user screen resolutions. I also got some suggestions for adding jQuery scrolling to my site, what I did today.

Before redesigning my main website, I have done some design work on the Morphix Identity too. The typography is Underware’s Liza Pro, with some minor modifications.

Feel free to leave some comments on the new site.

Three main colors used: olive green, beige and chocolate brown.

Application of the logotype and copy “Užitek ob hrani.” on a flyer.

Odlomek iz celostne grafične podobe podjetja Prolog, d.o.o., ki se ukvarja s projektiranjem skladišč in internega transporta.

Vsaka domena ima svojo postajo. Višina postaje zrcali njen gospodarski uspeh, širina pa njeno stabilnost. Domene, med katerimi obstaja kakšna povezanost, ležijo skupaj. Postaje so povezane z ustrezno “linijo” (npr. kreativna, novičarska, oglaševalska linija,…).

Digitalna različica zemljevida, v velikosti 6740 x 4768 pikslov, je na Flickr-ju. PDF-a letos sicer ne bo, se pa pripravlja interaktivna spletna predstavitev. Za vse, ki jim ni škoda 49 dolarjev, pa ga lahko naročijo v fizični obliki.

Čeprav na prvi pogled mogoče ni izrazito, gre za precej kompleksen spletni projekt. Združitev treh samostojnih blagovnih znamk, več kot 100 posamičnih izdelkov in predstavitev ravno toliko receptov, zahteva poleg oblikovalskih spretnosti tudi pretehtan arhitekturni pristop. Strukturno je stran razdeljena na potrošniški del (primarna navigacija) in korporacijo (sekundarno).

Vstopna stran:

Posamezna linija izbrane blagovne znamke:

Recepti:

Podstran blagovne znamke Poli:

Primer zemljevida, kot “pop-up”:

Logotip A3 Invest ter naslovna stran predstavitvene zloženke.

Da ne bo blog še naprej umiral, bom objavil nekaj preteklih oblikovanj, predvsem celostnih grafičnih podob. Seveda nisem v preteklih mesecih delal zgolj celostnih podob, ravno nasprotno. Moram pa vseeno priznati, da mi je postalo precej všeč.

AG SVETOVANJE

JAPHIRE

INTELIUS

Kot v preteklem letu 2008 in že 2007, tudi tokrat nadaljujem tradicijo. Sicer z nekaj dni zamude in kljub dejstvu, da bo prihodnje leto zelo naporno, vam v prihajajočem letu 2009 spet želim poleg zdravja, sreče, poslovnih in drugih uspehov… še posebej veliko zanimivih in razburljivih trenutkov, navdihov in ustvarjalnosti pri vašem delu.

Nekaj detajlov iz ozadja:

Ozadje za najpogostejše resolucije: 1024 x 768, 1152 x 864, 1280 x 1024, 1600 x 1200, 1680 x 1050 (Wide) in 1920 x 1200 (Wide).

Download Morphix NY 2009 Background (ZIP, 8.43 MB).

Kaj vse sem počel v tem času?
Uspešno sem opravil vse izpite na Pravni fakulteti, s povprečjem 9,0. Imam že tudi potrjen naslov diplomske naloge: Tehnološki ukrepi za zaščito avtorskih del v digitalnem okolju, pod mentorstvom doc. dr. Martine Repas. Mislim, da mi je uspelo izbrati precej dobro temo, pri kateri se bom lahko naslonil tudi na znanja, ki sem jih pridobil skozi leta posvečena informacijskim tehnologijam. Podrobneje o diplomski nalogi bom objavil kmalu.

Oblikoval sem nekaj spletnih strani, bannerjev in tudi tiskanega materiala. O tem mogoče kdaj drugič, ker je nekaj projektov še v teku. Objavljam tri logotipe, ki sem jih naredil pred časom za podjetje Popcom, d.o.o.:

Toliko zaenkrat, da še ostane kaj za naslednjič.

Po znamenitem Picnik-u, se je trendu pridružil tudi Adobe in pognal testno različico Photoshop Express, ki je od prejšnjega tedna na voljo v brezplačno uporabo. Vsak uporabnik ima zaenkrat na voljo 2 GB prostora za svoje slike, ki jih lahko objavi tudi v spletni galeriji.

Sam, ravno po tem principu, najpogosteje ustvarjam barvne palete, o čemer sem že pisal pred časom (Barvne kombinacije v spletnem oblikovanju, april 2007).

Posrečena in težko pričakovana posodobitev.

Čeprav slovito »Web 2.0 oblikovanje« zagovarja skrajno preprosto, estetsko in minimalistično prikazovanje vsebine, se oblikovalci spletnih mest pogosto zatekajo k uporabi vzorčnih ozadij (patterns). Razlog je mogoče iskati v vedno večjih zaslonih uporabnikov in posledično tudi resolucijah, ki jih je v oblikovalski praksi težko izkoristiti. Da bi celoten izgled spletnega mesta bil bolj uravnotežen in poln tudi na večjih prikazovalnikih, se neizkoriščen prostor nadomešča z vzorčnimi ozadji.

Uporaba mora seveda biti premišljena in decentna v tolikšni meri, da ne pretehta nad bolj bistvenim vsebinskim delom. Z ustreznim vzorcem v ozadju lahko spletnemu mestu damo želen pridih (npr. starinski, tehnološki, otroški,…).

Pri uporabi vzorcev lahko naredimo tudi nekaj bistvenih napak. Zelo pazljivo naj bo apliciranje pod besedilom, da z uporabo vzorca slučajno ne zmanjšamo berljivosti.

IZDELAVA VZORCA V PHOTOSHOPU

Postopek izdelave vzorca je z Adobe Photoshopom povsem enostavno. Za izdelavo ustreznega lika, ki ga bomo razporedili po vzorcu, nam je lahko v dodatno pomoč tudi Adobe Illustrator.

V Photoshopu začnemo s prazno površino, dolžini stranic na primer 500 pixlov. Površino omejimo s podpornimi črtami (»Guides«), kot prikazuje slika. Okrog notranjega kvadrata potrebujemo dovolj prostora.

Nato oblikujemo želen lik. Tukaj imamo več možnosti:

1. lik izdelamo v Photoshopu (npr. »Pen tool«),
2. lik izdelamo z Illustratorjem in ga prilepimo v Photoshop kot »Smart Object« (ta način nam kasneje omogoča enostavno korekcijo simbola z avtomatičnim učinkom na vseh razmnoženih simbolih).

Sledi najzahtevnejši del – “ razporeditev likov. Priporočljivo je, da med razporejanjem večkrat preverimo kako izgleda končen vzorec na večji površini ter ga postopoma popravljamo. Da bo ponavljanje vzorca kasneje brezhibno, moramo obrobne simbole natančno prezrcaliti. V pomoč nam je tipka Shift, ki jo držimo pri premikanju simbolov, s čemer zagotovimo, da so simboli ustrezno poravnani (še prej seveda vključimo funkcijo »Snap to > Guides« v meniju »View«. Pri simbolih, ki ležijo znotraj kvadrata in se ne dotikajo črt, smo povsem svobodni.

Ko zaključimo z razporeditvijo, preizkusimo kako vzorec izgleda na večji površini. Najprej označimo kvadrat, ki smo ga na začetku omejili s podpornimi črtami ter v meniju »Edit« izberemo »Define pattern…«. S tem shranimo naš vzorec, ki ga s funkcijo »Fill…« apliciramo na poljubno risalno površino.

Poskusite tudi sami…